#CAADEA#CAADEA
#CAADEA is a light, moderate violet. Relative luminance 0.484; OKLCH L 79.4% C 0.090 H 306.1°. Best body text is #000000 at 10.68:1 contrast (WCAG AA passes).
Color values
| HEX | #CAADEA |
|---|---|
| RGB | rgb(202, 173, 234) |
| HSL | hsl(269, 59%, 80%) |
| HSV | hsv(269, 26%, 92%) |
| CMYK | cmyk(13.7%, 26.1%, 0%, 8.2%) |
| CIE-LAB | lab(75.07, 21.97, -26.65) |
| CIE-LCH | lch(75.07, 34.53, 309.50°) |
| OKLab | oklab(79.36% 0.0531 -0.0728) |
| OKLCH | oklch(79.36% 0.09 306.1) |
| XYZ | xyz(54.1492, 48.3845, 84.3124) |
| Luminance | 0.4838 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Pale Violet
#CEAEFA
ΔE00 3.21
Light Violet
#D6B4FC
ΔE00 3.24
Lavender (survey)
#C79FEF
ΔE00 4.68
Mauve
#E0B0FF
ΔE00 4.89
Lavender
#B39DDB
ΔE00 5.22
Lilac (survey)
#CEA2FD
ΔE00 5.82
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CAADEA #CDEAAD
analogous
#ADAFEA #CAADEA #E9ADEA
triadic
#CAADEA #EACAAD #ADEACA
tetradic
#CAADEA #EAADAF #CDEAAD #ADEAE9
square
#CAADEA #EAADAF #CDEAAD #ADEAE9
split-complementary
#CAADEA #EAE9AD #AFEAAD
monochromatic
#8B4CD1 #AB7CDE #CAADEA #E9DEF6 #EFE7F9
Accessibility & contrast
On white
1.97
#CAADEA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.68
#CAADEA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CAADEA
10.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CAADEA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CAADEA | 1.00 | 1.97 | 10.68 | 10.68 |
| #FFFFFF | 1.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A2B8ED
Deuteranopia (green-blind)
#A8B9E8
Tritanopia (blue-blind)
#C6B5C2
Achromatopsia (no color)
#B9B9B9
Design tokens & code
CSS
--color: #caadea; /* rgb */ color: rgb(202, 173, 234); /* oklch */ color: oklch(79.4% 0.090 306.1);
Tailwind
colors: {
custom: {
50: '#dac5f1',
500: '#caadea',
950: '#000000',
},
}SCSS
$custom: #caadea; $custom-light: #dac5f1; $custom-dark: #000000;
JSON
{
"hex": "#caadea",
"rgb": {
"r": 202,
"g": 173,
"b": 234
},
"hsl": {
"h": 268.525,
"s": 59.223,
"l": 79.804
},
"oklch": {
"l": 0.79358,
"c": 0.09014,
"h": 306.1
},
"luminance": 0.48384
}Semantic roles & 50–950 ramp
primary
#CAADEA
secondary
#E6F0DB
accent
#C71F77
background
#FDFCFE
surface
#FBF8FD
border
#D4D1D5
text
#151316
muted
#838284