Coloried

Lavender Purple

Lavender Purple color is a soft shade of pale purple. Its hex code is #967BB6 and rgb code is rgb(150, 123, 182), Its CMYK value is cmyk(18%, 32%, 0%, 29%), and Its HSL value is hsl(267, 29%, 60%). Against white, it has a contrast ratio of 3.62:1, while against black, the contrast ratio is 5.81:1. Its complementary color is #9CB77B and closest tailwind color is slate-400. This color goes well with #603663, #363963, #251B31, #848148, and #4B8448. To recreate the Lavender Purple color, you can mix #FF00FF and #2DF66D.

Lavender Purple color code
|
1. Color Conversions
HEX#967BB6
RGB150, 123, 182
HSL267°, 29%, 60%
HSV267°, 29%, 71%
CMYK18%, 32%, 0%, 29%
Web Safe#9966CC
2. Contrast Ratio
Text on #FFFFFF3.62:1
AAA LargeFail Normal
Text on #0000005.81:1
AAA LargeAAA Normal
3. Lavender Purple Color Code in CSS
HEX
#967BB6
RGB
rgb(150, 123, 182)
HSL
hsl(267, 29%, 60%)
Text Color
color: #967BB6;
Background
background-color: #967BB6;
Border Color
border-color: #967BB6;
Box Shadow
box-shadow: 0 4px 14px 0 #967BB680;
SCSS
$color-lavender-purple: #967BB6;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#8A8AA8
Deuteranopia#8C8EA4
Tritanopia#959C9A
Achromatopsia#8A8A8A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive