#DCC0EE#DCC0EE
#DCC0EE is a very light, moderate violet. Relative luminance 0.591; OKLCH L 84.6% C 0.070 H 312.1°. Best body text is #000000 at 12.82:1 contrast (WCAG AA passes).
Color values
| HEX | #DCC0EE |
|---|---|
| RGB | rgb(220, 192, 238) |
| HSL | hsl(277, 58%, 84%) |
| HSV | hsv(277, 19%, 93%) |
| CMYK | cmyk(7.6%, 19.3%, 0%, 6.7%) |
| CIE-LAB | lab(81.34, 18.21, -19.11) |
| CIE-LCH | lch(81.34, 26.40, 313.61°) |
| OKLab | oklab(84.61% 0.0467 -0.0517) |
| OKLCH | oklch(84.61% 0.07 312.1) |
| XYZ | xyz(63.7949, 59.0885, 88.9168) |
| Luminance | 0.5909 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Pale Lilac
#E4CBFF
ΔE00 3.23
Light Lavender
#DFC5FE
ΔE00 3.31
Light Lilac
#EDC8FF
ΔE00 3.59
Pale Lavender
#EECFFE
ΔE00 3.79
Light Lavendar
#EFC0FE
ΔE00 4.82
Very Light Purple
#F6CEFC
ΔE00 4.92
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DCC0EE #D2EEC0
analogous
#C5C0EE #DCC0EE #EEC0E9
triadic
#DCC0EE #EEDCC0 #C0EEDC
tetradic
#DCC0EE #EEC5C0 #D2EEC0 #C0E9EE
square
#DCC0EE #EEC5C0 #D2EEC0 #C0E9EE
split-complementary
#DCC0EE #E9EEC0 #C0EEC5
monochromatic
#A660D4 #C190E1 #DCC0EE #F2E7F8 #F2E7F8
Accessibility & contrast
On white
1.64
#DCC0EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.82
#DCC0EE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DCC0EE
12.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DCC0EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCC0EE | 1.00 | 1.64 | 12.82 | 12.82 |
| #FFFFFF | 1.64 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.82 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#BAC9F0
Deuteranopia (green-blind)
#BFCBEC
Tritanopia (blue-blind)
#DBC5D0
Achromatopsia (no color)
#CACACA
Design tokens & code
CSS
--color: #dcc0ee; /* rgb */ color: rgb(220, 192, 238); /* oklch */ color: oklch(84.6% 0.070 312.1);
Tailwind
colors: {
custom: {
50: '#e7d3f3',
500: '#dcc0ee',
950: '#000000',
},
}SCSS
$custom: #dcc0ee; $custom-light: #e7d3f3; $custom-dark: #000000;
JSON
{
"hex": "#dcc0ee",
"rgb": {
"r": 220,
"g": 192,
"b": 238
},
"hsl": {
"h": 276.522,
"s": 57.5,
"l": 84.314
},
"oklch": {
"l": 0.84613,
"c": 0.06965,
"h": 312.1
},
"luminance": 0.59088
}Semantic roles & 50–950 ramp
primary
#DCC0EE
secondary
#A2CC87
accent
#C52061
background
#FEFEFF
surface
#FCFBFE
border
#D5D4D6
text
#161417
muted
#848385