#FAF4EE#FAF4EE
#FAF4EE is a very light, near-neutral orange. Relative luminance 0.912; OKLCH L 97.0% C 0.010 H 67.7°. Best body text is #000000 at 19.24:1 contrast (WCAG AA passes).
Color values
| HEX | #FAF4EE |
|---|---|
| RGB | rgb(250, 244, 238) |
| HSL | hsl(30, 55%, 96%) |
| HSV | hsv(30, 5%, 98%) |
| CMYK | cmyk(0%, 2.4%, 4.8%, 2%) |
| CIE-LAB | lab(96.49, 0.97, 3.59) |
| CIE-LCH | lch(96.49, 3.72, 74.83°) |
| OKLab | oklab(97.01% 0.0039 0.0095) |
| OKLCH | oklch(97.01% 0.01 67.7) |
| XYZ | xyz(87.2055, 91.1989, 93.8814) |
| Luminance | 0.9120 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Seashell
#FFF5EE
ΔE00 1.79
Linen
#FAF0E6
ΔE00 2.26
Floralwhite
#FFFAF0
ΔE00 2.40
Off White
#FAF9F6
ΔE00 2.60
Snow
#FFFAFA
ΔE00 3.27
Very Light Pink
#FFF4F2
ΔE00 3.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FAF4EE #EEF4FA
analogous
#FAEEEE #FAF4EE #FAFAEE
triadic
#FAF4EE #EEFAF4 #F4EEFA
tetradic
#FAF4EE #EEFAEE #EEF4FA #FAEEFA
square
#FAF4EE #EEFAEE #EEF4FA #FAEEFA
split-complementary
#FAF4EE #EEFAFA #EEEEFA
monochromatic
#DEB78F #ECD5BF #F8F0E7 #F8F0E7 #F8F0E7
Accessibility & contrast
On white
1.09
#FAF4EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.24
#FAF4EE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FAF4EE
19.24:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FAF4EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAF4EE | 1.00 | 1.09 | 19.24 | 19.24 |
| #FFFFFF | 1.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.24 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F6F4EE
Deuteranopia (green-blind)
#F8F5EE
Tritanopia (blue-blind)
#FDF3F2
Achromatopsia (no color)
#F5F5F5
Design tokens & code
CSS
--color: #faf4ee; /* rgb */ color: rgb(250, 244, 238); /* oklch */ color: oklch(97.0% 0.010 67.7);
Tailwind
colors: {
custom: {
50: '#fcf7f3',
500: '#faf4ee',
950: '#000000',
},
}SCSS
$custom: #faf4ee; $custom-light: #fcf7f3; $custom-dark: #000000;
JSON
{
"hex": "#faf4ee",
"rgb": {
"r": 250,
"g": 244,
"b": 238
},
"hsl": {
"h": 30,
"s": 54.545,
"l": 95.686
},
"oklch": {
"l": 0.97014,
"c": 0.01027,
"h": 67.7
},
"luminance": 0.91198
}Semantic roles & 50–950 ramp
primary
#FAF4EE
secondary
#B0C6DC
accent
#73C223
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171717
muted
#858585