#FBECEC#FBECEC
#FBECEC is a very light, near-neutral red. Relative luminance 0.866; OKLCH L 95.5% C 0.016 H 17.4°. Best body text is #000000 at 18.31:1 contrast (WCAG AA passes).
Color values
| HEX | #FBECEC |
|---|---|
| RGB | rgb(251, 236, 236) |
| HSL | hsl(0, 65%, 95%) |
| HSV | hsv(0, 6%, 98%) |
| CMYK | cmyk(0%, 6%, 6%, 1.6%) |
| CIE-LAB | lab(94.55, 5.06, 1.82) |
| CIE-LCH | lch(94.55, 5.37, 19.78°) |
| OKLab | oklab(95.49% 0.0155 0.0049) |
| OKLCH | oklch(95.49% 0.016 17.4) |
| XYZ | xyz(84.9176, 86.5572, 91.5743) |
| Luminance | 0.8656 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Lavenderblush
#FFF0F5
ΔE00 2.47
Very Light Pink
#FFF4F2
ΔE00 2.55
Mistyrose
#FFE4E1
ΔE00 4.42
Seashell
#FFF5EE
ΔE00 4.87
Snow
#FFFAFA
ΔE00 4.89
Linen
#FAF0E6
ΔE00 6.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FBECEC #ECFBFB
analogous
#FBECF3 #FBECEC #FBF3EC
triadic
#FBECEC #ECFBEC #ECECFB
tetradic
#FBECEC #F3FBEC #ECFBFB #F3ECFB
square
#FBECEC #F3FBEC #ECFBFB #F3ECFB
split-complementary
#FBECEC #ECFBF3 #ECF3FB
monochromatic
#E68787 #F0B9B9 #FAE6E6 #FAE6E6 #FAE6E6
Accessibility & contrast
On white
1.15
#FBECEC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.31
#FBECEC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FBECEC
18.31:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FBECEC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBECEC | 1.00 | 1.15 | 18.31 | 18.31 |
| #FFFFFF | 1.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.31 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.31 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EEEEEC
Deuteranopia (green-blind)
#F2F0EC
Tritanopia (blue-blind)
#FFEBEC
Achromatopsia (no color)
#EFEFEF
Design tokens & code
CSS
--color: #fbecec; /* rgb */ color: rgb(251, 236, 236); /* oklch */ color: oklch(95.5% 0.016 17.4);
Tailwind
colors: {
custom: {
50: '#fcf2f2',
500: '#fbecec',
950: '#000000',
},
}SCSS
$custom: #fbecec; $custom-light: #fcf2f2; $custom-dark: #000000;
JSON
{
"hex": "#fbecec",
"rgb": {
"r": 251,
"g": 236,
"b": 236
},
"hsl": {
"h": 0,
"s": 65.217,
"l": 95.49
},
"oklch": {
"l": 0.95493,
"c": 0.01629,
"h": 17.4
},
"luminance": 0.86556
}Semantic roles & 50–950 ramp
primary
#FBECEC
secondary
#ABE0E0
accent
#CDCD18
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171616
muted
#858585