#DB9DCA#DB9DCA
#DB9DCA is a light, moderate pink. Relative luminance 0.434; OKLCH L 76.9% C 0.094 H 336.9°. Best body text is #000000 at 9.69:1 contrast (WCAG AA passes).
Color values
| HEX | #DB9DCA |
|---|---|
| RGB | rgb(219, 157, 202) |
| HSL | hsl(316, 46%, 74%) |
| HSV | hsv(316, 28%, 86%) |
| CMYK | cmyk(0%, 28.3%, 7.8%, 14.1%) |
| CIE-LAB | lab(71.85, 30.08, -13.87) |
| CIE-LCH | lch(71.85, 33.12, 335.25°) |
| OKLab | oklab(76.91% 0.0865 -0.0369) |
| OKLCH | oklch(76.91% 0.094 336.9) |
| XYZ | xyz(51.9306, 43.4404, 61.5150) |
| Luminance | 0.4344 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Plum
#DDA0DD
ΔE00 4.31
Lilac
#C8A2C8
ΔE00 4.90
Lavender Pink
#DD85D7
ΔE00 8.24
Powder Pink
#FFB2D0
ΔE00 8.64
Bubblegum Pink
#FE83CC
ΔE00 8.71
Faded Pink
#DE9DAC
ΔE00 9.30
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DB9DCA #9DDBAE
analogous
#CD9DDB #DB9DCA #DB9DAB
triadic
#DB9DCA #CADB9D #9DCADB
tetradic
#DB9DCA #DBCD9D #9DDBAE #9DABDB
square
#DB9DCA #DBCD9D #9DDBAE #9DABDB
split-complementary
#DB9DCA #ABDB9D #9DDBCD
monochromatic
#B94499 #CB70B2 #DB9DCA #EBCAE2 #F7E9F3
Accessibility & contrast
On white
2.17
#DB9DCA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.69
#DB9DCA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DB9DCA
9.69:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DB9DCA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DB9DCA | 1.00 | 2.17 | 9.69 | 9.69 |
| #FFFFFF | 2.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.69 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9EABCC
Deuteranopia (green-blind)
#ADB3C8
Tritanopia (blue-blind)
#E29FAD
Achromatopsia (no color)
#B0B0B0
Design tokens & code
CSS
--color: #db9dca; /* rgb */ color: rgb(219, 157, 202); /* oklch */ color: oklch(76.9% 0.094 336.9);
Tailwind
colors: {
custom: {
50: '#e7bada',
500: '#db9dca',
950: '#000000',
},
}SCSS
$custom: #db9dca; $custom-light: #e7bada; $custom-dark: #000000;
JSON
{
"hex": "#db9dca",
"rgb": {
"r": 219,
"g": 157,
"b": 202
},
"hsl": {
"h": 316.452,
"s": 46.269,
"l": 73.725
},
"oklch": {
"l": 0.76911,
"c": 0.09401,
"h": 336.9
},
"luminance": 0.43438
}Semantic roles & 50–950 ramp
primary
#DB9DCA
secondary
#DDEEE2
accent
#B9532C
background
#FEFBFD
surface
#FCF6FA
border
#D5D0D3
text
#161214
muted
#848183