#C8A2C8
Lilac
Lilac is a pale, soft violet named after the lilac flower. It is youthful, romantic, and nostalgic.
Lilac Color Values
HEX#C8A2C8
RGB200, 162, 200
HSL300°, 26%, 71%
HSV300°, 19%, 78%
CMYK0%, 19%, 0%, 22%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #9FABCA (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #A8AFC7 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #CBA5AF (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #B3B3B3 (~0.003% of population)
Lilac as Text Color
Lilac on White
2.2:1FAIL
Lilac on Light Gray
2.0:1FAIL
Lilac on Cream
2.1:1FAIL
Lilac on Dark
7.7:1AAA
Lilac on Black
9.5:1AAA
Lilac on Soft Blue
1.9:1FAIL
Lilac on Soft Green
2.0:1FAIL
Lilac on Soft Pink
1.8:1FAIL
Nearest Tailwind Class
gray-400
#9CA3AF
Nearest Pantone Match
Pantone Warm Gray 1
#D7D2CB
CSS Variable Export
:root {
--color-lilac: #C8A2C8;
--color-lilac-rgb: 200, 162, 200;
}Tailwind Config
// tailwind.config.js
colors: {
'lilac': '#C8A2C8',
}Shades of Lilac
#C8A2C8
#B988B9
#AA6EAA
#975997
#7D4A7D
#673C67
#4D2D4D
#331E33
#1A0F1A
#000000
Tints of Lilac
#C8A2C8
#CEABCE
#D4B5D4
#DBC2DB
#E1CCE1
#E6D5E6
#ECDFEC
#F4ECF4
#F9F5F9
#FFFFFF
Color Harmonies
Complementary
#C8A2C8
#A2C8A2
Analogous
#B5A2C8
#C8A2C8
#C8A2B5
Triadic
#C8A2C8
#C8C8A2
#A2C8C8
Lilac Text Preview
Heading in Lilac
Body text in Lilac. The quick brown fox jumps over the lazy dog.
White on Lilac
Body text on a Lilac background.
Lilac text on dark background
Contrast: 8.0:1