#FEEBFB#FEEBFB
#FEEBFB is a very light, muted purple. Relative luminance 0.875; OKLCH L 96.0% C 0.029 H 330.9°. Best body text is #000000 at 18.49:1 contrast (WCAG AA passes).
Color values
| HEX | #FEEBFB |
|---|---|
| RGB | rgb(254, 235, 251) |
| HSL | hsl(309, 90%, 96%) |
| HSV | hsv(309, 7%, 100%) |
| CMYK | cmyk(0%, 7.5%, 1.2%, 0.4%) |
| CIE-LAB | lab(94.93, 9.16, -5.38) |
| CIE-LCH | lch(94.93, 10.63, 329.55°) |
| OKLab | oklab(95.98% 0.0256 -0.0142) |
| OKLCH | oklch(95.98% 0.029 330.9) |
| XYZ | xyz(87.9915, 87.4534, 103.4928) |
| Luminance | 0.8745 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Lavenderblush
#FFF0F5
ΔE00 4.80
Lavender (CSS)
#E6E6FA
ΔE00 7.67
Mistyrose
#FFE4E1
ΔE00 8.09
Very Light Pink
#FFF4F2
ΔE00 8.72
Light Pink
#FFD1DF
ΔE00 8.97
Ghostwhite
#F8F8FF
ΔE00 9.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FEEBFB #EBFEEE
analogous
#F7EBFE #FEEBFB #FEEBF1
triadic
#FEEBFB #FBFEEB #EBFBFE
tetradic
#FEEBFB #FEF7EB #EBFEEE #EBF1FE
square
#FEEBFB #FEF7EB #EBFEEE #EBF1FE
split-complementary
#FEEBFB #F1FEEB #EBFEF7
monochromatic
#F876E4 #FBB1EF #FEE2F9 #FEE2F9 #FEE2F9
Accessibility & contrast
On white
1.14
#FEEBFB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.49
#FEEBFB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FEEBFB
18.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FEEBFB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FEEBFB | 1.00 | 1.14 | 18.49 | 18.49 |
| #FFFFFF | 1.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.49 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EBEFFC
Deuteranopia (green-blind)
#EFF1FA
Tritanopia (blue-blind)
#FFECF0
Achromatopsia (no color)
#F0F0F0
Design tokens & code
CSS
--color: #feebfb; /* rgb */ color: rgb(254, 235, 251); /* oklch */ color: oklch(96.0% 0.029 330.9);
Tailwind
colors: {
custom: {
50: '#fef1fc',
500: '#feebfb',
950: '#000000',
},
}SCSS
$custom: #feebfb; $custom-light: #fef1fc; $custom-dark: #000000;
JSON
{
"hex": "#feebfb",
"rgb": {
"r": 254,
"g": 235,
"b": 251
},
"hsl": {
"h": 309.474,
"s": 90.476,
"l": 95.882
},
"oklch": {
"l": 0.95976,
"c": 0.02928,
"h": 330.9
},
"luminance": 0.87453
}Semantic roles & 50–950 ramp
primary
#FEEBFB
secondary
#A3EAAE
accent
#E62400
background
#FFFFFF
surface
#FFFEFF
border
#D7D6D7
text
#171617
muted
#858585