#FBFAEA#FBFAEA
#FBFAEA is a very light, muted yellow. Relative luminance 0.948; OKLCH L 98.2% C 0.021 H 103.9°. Best body text is #000000 at 19.96:1 contrast (WCAG AA passes).
Color values
| HEX | #FBFAEA |
|---|---|
| RGB | rgb(251, 250, 234) |
| HSL | hsl(56, 68%, 95%) |
| HSV | hsv(56, 7%, 98%) |
| CMYK | cmyk(0%, 0.4%, 6.8%, 1.6%) |
| CIE-LAB | lab(97.96, -2.38, 7.79) |
| CIE-LCH | lch(97.96, 8.14, 107.03°) |
| OKLab | oklab(98.16% -0.005 0.0204) |
| OKLCH | oklch(98.16% 0.021 103.9) |
| XYZ | xyz(88.8186, 94.8214, 91.4492) |
| Luminance | 0.9482 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Ivory
#FFFFF0
ΔE00 1.12
Oldlace
#FDF5E6
ΔE00 3.56
Beige
#F5F5DC
ΔE00 3.57
Floralwhite
#FFFAF0
ΔE00 3.58
Eggshell
#F0EAD6
ΔE00 4.02
Off White (survey)
#FFFFE4
ΔE00 4.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FBFAEA #EAEBFB
analogous
#FBF2EA #FBFAEA #F3FBEA
triadic
#FBFAEA #EAFBFA #FAEAFB
tetradic
#FBFAEA #EAFBF2 #EAEBFB #FBEAF3
square
#FBFAEA #EAFBF2 #EAEBFB #FBEAF3
split-complementary
#FBFAEA #EAF3FB #F2EAFB
monochromatic
#E7E283 #F1EEB7 #FAF9E5 #FAF9E5 #FAF9E5
Accessibility & contrast
On white
1.05
#FBFAEA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.96
#FBFAEA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FBFAEA
19.96:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FBFAEA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBFAEA | 1.00 | 1.05 | 19.96 | 19.96 |
| #FFFFFF | 1.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.96 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FDF9E9
Deuteranopia (green-blind)
#FEFAEB
Tritanopia (blue-blind)
#FEF8F5
Achromatopsia (no color)
#F9F9F9
Design tokens & code
CSS
--color: #fbfaea; /* rgb */ color: rgb(251, 250, 234); /* oklch */ color: oklch(98.2% 0.021 103.9);
Tailwind
colors: {
custom: {
50: '#fcfbf0',
500: '#fbfaea',
950: '#000000',
},
}SCSS
$custom: #fbfaea; $custom-light: #fcfbf0; $custom-dark: #000000;
JSON
{
"hex": "#fbfaea",
"rgb": {
"r": 251,
"g": 250,
"b": 234
},
"hsl": {
"h": 56.471,
"s": 68,
"l": 95.098
},
"oklch": {
"l": 0.98158,
"c": 0.02101,
"h": 103.9
},
"luminance": 0.94821
}Semantic roles & 50–950 ramp
primary
#FBFAEA
secondary
#A9ACE0
accent
#21D016
background
#FFFFFF
surface
#FFFFFE
border
#D7D7D6
text
#171716
muted
#858585