#D89B95#D89B95
#D89B95 is a light, moderate red. Relative luminance 0.402; OKLCH L 74.6% C 0.074 H 25.3°. Best body text is #000000 at 9.04:1 contrast (WCAG AA passes).
Color values
| HEX | #D89B95 |
|---|---|
| RGB | rgb(216, 155, 149) |
| HSL | hsl(5, 46%, 72%) |
| HSV | hsv(5, 31%, 85%) |
| CMYK | cmyk(0%, 28.2%, 31%, 15.3%) |
| CIE-LAB | lab(69.62, 21.98, 12.21) |
| CIE-LCH | lch(69.62, 25.14, 29.05°) |
| OKLab | oklab(74.65% 0.0671 0.0317) |
| OKLCH | oklch(74.65% 0.074 25.3) |
| XYZ | xyz(45.4663, 40.2142, 33.7953) |
| Luminance | 0.4021 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Blush (survey)
#F29E8E
ΔE00 6.01
Rosybrown
#BC8F8F
ΔE00 6.42
Greyish Pink
#C88D94
ΔE00 6.47
Dusty Pink (survey)
#D58A94
ΔE00 7.12
Pinkish Tan
#D99B82
ΔE00 7.33
Dusty Pink
#D8A7B1
ΔE00 7.49
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D89B95 #95D2D8
analogous
#D895B1 #D89B95 #D8BD95
triadic
#D89B95 #95D89B #9B95D8
tetradic
#D89B95 #B1D895 #95D2D8 #BD95D8
square
#D89B95 #B1D895 #95D2D8 #BD95D8
split-complementary
#D89B95 #95D8BD #95B1D8
monochromatic
#B14B41 #C87168 #D89B95 #E8C5C2 #F7EAE9
Accessibility & contrast
On white
2.32
#D89B95 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.04
#D89B95 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D89B95
9.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D89B95 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D89B95 | 1.00 | 2.32 | 9.04 | 9.04 |
| #FFFFFF | 2.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.04 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A7A394
Deuteranopia (green-blind)
#B6AF94
Tritanopia (blue-blind)
#E5949A
Achromatopsia (no color)
#AAAAAA
Design tokens & code
CSS
--color: #d89b95; /* rgb */ color: rgb(216, 155, 149); /* oklch */ color: oklch(74.6% 0.074 25.3);
Tailwind
colors: {
custom: {
50: '#e5b8b4',
500: '#d89b95',
950: '#000000',
},
}SCSS
$custom: #d89b95; $custom-light: #e5b8b4; $custom-dark: #000000;
JSON
{
"hex": "#d89b95",
"rgb": {
"r": 216,
"g": 155,
"b": 149
},
"hsl": {
"h": 5.373,
"s": 46.207,
"l": 71.569
},
"oklch": {
"l": 0.74646,
"c": 0.07416,
"h": 25.3
},
"luminance": 0.40212
}Semantic roles & 50–950 ramp
primary
#D89B95
secondary
#DCEBED
accent
#ADB92C
background
#FEFBFB
surface
#FCF6F6
border
#D5D0D0
text
#161111
muted
#848080