#DBABB8#DBABB8
#DBABB8 is a light, muted pink. Relative luminance 0.476; OKLCH L 78.9% C 0.059 H 0.6°. Best body text is #000000 at 10.53:1 contrast (WCAG AA passes).
Color values
| HEX | #DBABB8 |
|---|---|
| RGB | rgb(219, 171, 184) |
| HSL | hsl(344, 40%, 76%) |
| HSV | hsv(344, 22%, 86%) |
| CMYK | cmyk(0%, 21.9%, 16%, 14.1%) |
| CIE-LAB | lab(74.60, 19.53, 0.11) |
| CIE-LCH | lch(74.60, 19.53, 0.32°) |
| OKLab | oklab(78.85% 0.0585 0.0006) |
| OKLCH | oklch(78.85% 0.059 0.6) |
| XYZ | xyz(52.4281, 47.6486, 51.7735) |
| Luminance | 0.4765 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dusty Pink
#D8A7B1
ΔE00 1.56
Faded Pink
#DE9DAC
ΔE00 4.54
Soft Pink
#FDB0C0
ΔE00 6.65
Pastel Pink
#FFBACD
ΔE00 6.85
Lightpink
#FFB6C1
ΔE00 6.97
Baby Pink
#FFB7CE
ΔE00 7.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DBABB8 #ABDBCE
analogous
#DBABD0 #DBABB8 #DBB6AB
triadic
#DBABB8 #B8DBAB #ABB8DB
tetradic
#DBABB8 #D0DBAB #ABDBCE #B6ABDB
square
#DBABB8 #D0DBAB #ABDBCE #B6ABDB
split-complementary
#DBABB8 #ABDBB6 #ABD0DB
monochromatic
#B65570 #C98094 #DBABB8 #EDD6DC #F6EAED
Accessibility & contrast
On white
1.99
#DBABB8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.53
#DBABB8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DBABB8
10.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DBABB8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBABB8 | 1.00 | 1.99 | 10.53 | 10.53 |
| #FFFFFF | 1.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.53 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B1B3B8
Deuteranopia (green-blind)
#BCBBB7
Tritanopia (blue-blind)
#E4A9AF
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #dbabb8; /* rgb */ color: rgb(219, 171, 184); /* oklch */ color: oklch(78.9% 0.059 0.6);
Tailwind
colors: {
custom: {
50: '#e6c4cd',
500: '#dbabb8',
950: '#000000',
},
}SCSS
$custom: #dbabb8; $custom-light: #e6c4cd; $custom-dark: #000000;
JSON
{
"hex": "#dbabb8",
"rgb": {
"r": 219,
"g": 171,
"b": 184
},
"hsl": {
"h": 343.75,
"s": 40,
"l": 76.471
},
"oklch": {
"l": 0.78853,
"c": 0.05852,
"h": 0.6
},
"luminance": 0.47647
}Semantic roles & 50–950 ramp
primary
#DBABB8
secondary
#DEEDE9
accent
#B39032
background
#FEFCFC
surface
#FCF8F9
border
#D5D1D2
text
#161213
muted
#848182