#EFBFCF#EFBFCF
#EFBFCF is a very light, muted pink. Relative luminance 0.601; OKLCH L 85.2% C 0.059 H 356.5°. Best body text is #000000 at 13.02:1 contrast (WCAG AA passes).
Color values
| HEX | #EFBFCF |
|---|---|
| RGB | rgb(239, 191, 207) |
| HSL | hsl(340, 60%, 84%) |
| HSV | hsv(340, 20%, 94%) |
| CMYK | cmyk(0%, 20.1%, 13.4%, 6.3%) |
| CIE-LAB | lab(81.90, 19.62, -1.46) |
| CIE-LCH | lch(81.90, 19.68, 355.74°) |
| OKLab | oklab(85.15% 0.0584 -0.0036) |
| OKLCH | oklch(85.15% 0.059 356.5) |
| XYZ | xyz(65.4896, 60.1196, 67.1739) |
| Luminance | 0.6012 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Pale Pink
#FFCFDC
ΔE00 3.85
Bubblegum
#FFC1CC
ΔE00 3.99
Pink
#FFC0CB
ΔE00 4.13
Light Pink
#FFD1DF
ΔE00 4.15
Pastel Pink
#FFBACD
ΔE00 4.35
Light Rose
#FFC5CB
ΔE00 4.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EFBFCF #BFEFDF
analogous
#EFBFE7 #EFBFCF #EFC7BF
triadic
#EFBFCF #CFEFBF #BFCFEF
tetradic
#EFBFCF #E7EFBF #BFEFDF #C7BFEF
square
#EFBFCF #E7EFBF #BFEFDF #C7BFEF
split-complementary
#EFBFCF #BFEFC7 #BFE7EF
monochromatic
#D75D86 #E38EAA #EFBFCF #F9E7ED #F9E7ED
Accessibility & contrast
On white
1.61
#EFBFCF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.02
#EFBFCF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EFBFCF
13.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EFBFCF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFBFCF | 1.00 | 1.61 | 13.02 | 13.02 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C4C7D0
Deuteranopia (green-blind)
#CFCFCE
Tritanopia (blue-blind)
#F7BDC4
Achromatopsia (no color)
#CCCCCC
Design tokens & code
CSS
--color: #efbfcf; /* rgb */ color: rgb(239, 191, 207); /* oklch */ color: oklch(85.2% 0.059 356.5);
Tailwind
colors: {
custom: {
50: '#f4d2dd',
500: '#efbfcf',
950: '#000000',
},
}SCSS
$custom: #efbfcf; $custom-light: #f4d2dd; $custom-dark: #000000;
JSON
{
"hex": "#efbfcf",
"rgb": {
"r": 239,
"g": 191,
"b": 207
},
"hsl": {
"h": 340,
"s": 60,
"l": 84.314
},
"oklch": {
"l": 0.8515,
"c": 0.05851,
"h": 356.5
},
"luminance": 0.60117
}Semantic roles & 50–950 ramp
primary
#EFBFCF
secondary
#85CDB5
accent
#C88F1E
background
#FFFEFE
surface
#FEFBFC
border
#D6D4D5
text
#171415
muted
#858384