#EFC9DA#EFC9DA
#EFC9DA is a very light, muted pink. Relative luminance 0.652; OKLCH L 87.3% C 0.048 H 349.4°. Best body text is #000000 at 14.04:1 contrast (WCAG AA passes).
Color values
| HEX | #EFC9DA |
|---|---|
| RGB | rgb(239, 201, 218) |
| HSL | hsl(333, 54%, 86%) |
| HSV | hsv(333, 16%, 94%) |
| CMYK | cmyk(0%, 15.9%, 8.8%, 6.3%) |
| CIE-LAB | lab(84.58, 16.13, -3.42) |
| CIE-LCH | lch(84.58, 16.49, 348.04°) |
| OKLab | oklab(87.32% 0.0473 -0.0088) |
| OKLCH | oklch(87.32% 0.048 349.4) |
| XYZ | xyz(69.1372, 65.1877, 75.2566) |
| Luminance | 0.6519 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Light Pink
#FFD1DF
ΔE00 3.24
Pale Pink
#FFCFDC
ΔE00 3.52
Thistle
#D8BFD8
ΔE00 5.63
Bubblegum
#FFC1CC
ΔE00 6.32
Light Rose
#FFC5CB
ΔE00 6.50
Pink
#FFC0CB
ΔE00 6.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EFC9DA #C9EFDE
analogous
#EFC9ED #EFC9DA #EFCBC9
triadic
#EFC9DA #DAEFC9 #C9DAEF
tetradic
#EFC9DA #EDEFC9 #C9EFDE #CBC9EF
square
#EFC9DA #EDEFC9 #C9EFDE #CBC9EF
split-complementary
#EFC9DA #C9EFCB #C9EDEF
monochromatic
#D36B99 #E19ABA #EFC9DA #F8E7EF #F8E7EF
Accessibility & contrast
On white
1.50
#EFC9DA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.04
#EFC9DA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EFC9DA
14.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EFC9DA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFC9DA | 1.00 | 1.50 | 14.04 | 14.04 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.04 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CCD0DB
Deuteranopia (green-blind)
#D4D5D9
Tritanopia (blue-blind)
#F5C8CF
Achromatopsia (no color)
#D3D3D3
Design tokens & code
CSS
--color: #efc9da; /* rgb */ color: rgb(239, 201, 218); /* oklch */ color: oklch(87.3% 0.048 349.4);
Tailwind
colors: {
custom: {
50: '#f4d9e5',
500: '#efc9da',
950: '#000000',
},
}SCSS
$custom: #efc9da; $custom-light: #f4d9e5; $custom-dark: #000000;
JSON
{
"hex": "#efc9da",
"rgb": {
"r": 239,
"g": 201,
"b": 218
},
"hsl": {
"h": 333.158,
"s": 54.286,
"l": 86.275
},
"oklch": {
"l": 0.87323,
"c": 0.04813,
"h": 349.4
},
"luminance": 0.65186
}Semantic roles & 50–950 ramp
primary
#EFC9DA
secondary
#8FCDB1
accent
#C27B24
background
#FFFEFE
surface
#FEFBFC
border
#D6D4D5
text
#171415
muted
#858384