#CC91DF#CC91DF
#CC91DF is a light, vivid purple. Relative luminance 0.384; OKLCH L 74.1% C 0.126 H 317.7°. Best body text is #000000 at 8.68:1 contrast (WCAG AA passes).
Color values
| HEX | #CC91DF |
|---|---|
| RGB | rgb(204, 145, 223) |
| HSL | hsl(285, 55%, 72%) |
| HSV | hsv(285, 35%, 87%) |
| CMYK | cmyk(8.5%, 35%, 0%, 12.5%) |
| CIE-LAB | lab(68.33, 35.64, -30.98) |
| CIE-LCH | lch(68.33, 47.22, 319.01°) |
| OKLab | oklab(74.12% 0.0933 -0.0849) |
| OKLCH | oklch(74.12% 0.126 317.7) |
| XYZ | xyz(48.3446, 38.4171, 74.6663) |
| Luminance | 0.3842 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Pale Purple
#B790D4
ΔE00 4.24
Lavender (survey)
#C79FEF
ΔE00 4.95
Lavender Pink
#DD85D7
ΔE00 4.99
Baby Purple
#CA9BF7
ΔE00 5.10
Plum
#DDA0DD
ΔE00 5.66
Lilac (survey)
#CEA2FD
ΔE00 6.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CC91DF #A4DF91
analogous
#A591DF #CC91DF #DF91CB
triadic
#CC91DF #DFCC91 #91DFCC
tetradic
#CC91DF #DFA591 #A4DF91 #91CBDF
square
#CC91DF #DFA591 #A4DF91 #91CBDF
split-complementary
#CC91DF #CBDF91 #91DFA5
monochromatic
#9D37BE #B662D1 #CC91DF #E2C0ED #F4E7F8
Accessibility & contrast
On white
2.42
#CC91DF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.68
#CC91DF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CC91DF
8.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CC91DF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CC91DF | 1.00 | 2.42 | 8.68 | 8.68 |
| #FFFFFF | 2.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#86A3E2
Deuteranopia (green-blind)
#94A9DD
Tritanopia (blue-blind)
#CC9AAE
Achromatopsia (no color)
#A7A7A7
Design tokens & code
CSS
--color: #cc91df; /* rgb */ color: rgb(204, 145, 223); /* oklch */ color: oklch(74.1% 0.126 317.7);
Tailwind
colors: {
custom: {
50: '#dcb2e9',
500: '#cc91df',
950: '#000000',
},
}SCSS
$custom: #cc91df; $custom-light: #dcb2e9; $custom-dark: #000000;
JSON
{
"hex": "#cc91df",
"rgb": {
"r": 204,
"g": 145,
"b": 223
},
"hsl": {
"h": 285.385,
"s": 54.93,
"l": 72.157
},
"oklch": {
"l": 0.7412,
"c": 0.12613,
"h": 317.7
},
"luminance": 0.38416
}Semantic roles & 50–950 ramp
primary
#CC91DF
secondary
#E0EFDC
accent
#C2234A
background
#FDFBFE
surface
#FBF6FD
border
#D4D0D5
text
#151116
muted
#838084