#EEBFB5#EEBFB5
#EEBFB5 is a very light, muted red. Relative luminance 0.588; OKLCH L 84.3% C 0.056 H 32.1°. Best body text is #000000 at 12.76:1 contrast (WCAG AA passes).
Color values
| HEX | #EEBFB5 |
|---|---|
| RGB | rgb(238, 191, 181) |
| HSL | hsl(11, 63%, 82%) |
| HSV | hsv(11, 24%, 93%) |
| CMYK | cmyk(0%, 19.7%, 23.9%, 6.7%) |
| CIE-LAB | lab(81.17, 15.34, 11.43) |
| CIE-LCH | lch(81.17, 19.13, 36.69°) |
| OKLab | oklab(84.35% 0.0475 0.0298) |
| OKLCH | oklch(84.35% 0.056 32.1) |
| XYZ | xyz(62.2319, 58.7775, 51.7743) |
| Luminance | 0.5877 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Pale Rose
#FDC1C5
ΔE00 6.59
Light Rose
#FFC5CB
ΔE00 7.27
Pale Salmon
#FFB19A
ΔE00 7.51
Pinkish Grey
#C8ACA9
ΔE00 8.23
Apricot
#FBCEB1
ΔE00 8.45
Light Salmon
#FEA993
ΔE00 8.81
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EEBFB5 #B5E4EE
analogous
#EEB5C8 #EEBFB5 #EEDBB5
triadic
#EEBFB5 #B5EEBF #BFB5EE
tetradic
#EEBFB5 #C8EEB5 #B5E4EE #DBB5EE
square
#EEBFB5 #C8EEB5 #B5E4EE #DBB5EE
split-complementary
#EEBFB5 #B5EEDB #B5C8EE
monochromatic
#D76951 #E39483 #EEBFB5 #F9E9E6 #F9E9E6
Accessibility & contrast
On white
1.65
#EEBFB5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.76
#EEBFB5 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EEBFB5
12.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EEBFB5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EEBFB5 | 1.00 | 1.65 | 12.76 | 12.76 |
| #FFFFFF | 1.65 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C9C4B4
Deuteranopia (green-blind)
#D4CDB5
Tritanopia (blue-blind)
#F9B9BC
Achromatopsia (no color)
#CACACA
Design tokens & code
CSS
--color: #eebfb5; /* rgb */ color: rgb(238, 191, 181); /* oklch */ color: oklch(84.3% 0.056 32.1);
Tailwind
colors: {
custom: {
50: '#f4d2cb',
500: '#eebfb5',
950: '#000000',
},
}SCSS
$custom: #eebfb5; $custom-light: #f4d2cb; $custom-dark: #000000;
JSON
{
"hex": "#eebfb5",
"rgb": {
"r": 238,
"g": 191,
"b": 181
},
"hsl": {
"h": 10.526,
"s": 62.637,
"l": 82.157
},
"oklch": {
"l": 0.84347,
"c": 0.05609,
"h": 32.1
},
"luminance": 0.58775
}Semantic roles & 50–950 ramp
primary
#EEBFB5
secondary
#7CBECC
accent
#ACCA1B
background
#FFFEFD
surface
#FEFBF9
border
#D6D4D2
text
#171413
muted
#858382