#FAEBD8#FAEBD8
#FAEBD8 is a very light, muted orange. Relative luminance 0.847; OKLCH L 94.7% C 0.030 H 73.9°. Best body text is #000000 at 17.94:1 contrast (WCAG AA passes).
Color values
| HEX | #FAEBD8 |
|---|---|
| RGB | rgb(250, 235, 216) |
| HSL | hsl(34, 77%, 91%) |
| HSV | hsv(34, 14%, 98%) |
| CMYK | cmyk(0%, 6%, 13.6%, 2%) |
| CIE-LAB | lab(93.75, 1.99, 11.04) |
| CIE-LCH | lch(93.75, 11.22, 79.77°) |
| OKLab | oklab(94.69% 0.0083 0.0288) |
| OKLCH | oklch(94.69% 0.03 73.9) |
| XYZ | xyz(81.5265, 84.6998, 77.0064) |
| Luminance | 0.8470 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Antiquewhite
#FAEBD7
ΔE00 0.41
Champagne
#F7E7CE
ΔE00 2.38
Papayawhip
#FFEFD5
ΔE00 2.66
Warm Beige
#E9DCC9
ΔE00 3.48
Oldlace
#FDF5E6
ΔE00 3.54
Blanchedalmond
#FFEBCD
ΔE00 3.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FAEBD8 #D8E7FA
analogous
#FADAD8 #FAEBD8 #F8FAD8
triadic
#FAEBD8 #D8FAEB #EBD8FA
tetradic
#FAEBD8 #D8FADA #D8E7FA #FAD8F8
square
#FAEBD8 #D8FADA #D8E7FA #FAD8F8
split-complementary
#FAEBD8 #D8F8FA #DAD8FA
monochromatic
#ECB36C #F3CFA2 #FAEBD8 #FCF1E4 #FCF1E4
Accessibility & contrast
On white
1.17
#FAEBD8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.94
#FAEBD8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FAEBD8
17.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FAEBD8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAEBD8 | 1.00 | 1.17 | 17.94 | 17.94 |
| #FFFFFF | 1.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.94 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F1EBD7
Deuteranopia (green-blind)
#F5EED8
Tritanopia (blue-blind)
#FFE7E6
Achromatopsia (no color)
#EDEDED
Design tokens & code
CSS
--color: #faebd8; /* rgb */ color: rgb(250, 235, 216); /* oklch */ color: oklch(94.7% 0.030 73.9);
Tailwind
colors: {
custom: {
50: '#fcf1e4',
500: '#faebd8',
950: '#000000',
},
}SCSS
$custom: #faebd8; $custom-light: #fcf1e4; $custom-dark: #000000;
JSON
{
"hex": "#faebd8",
"rgb": {
"r": 250,
"g": 235,
"b": 216
},
"hsl": {
"h": 33.529,
"s": 77.273,
"l": 91.373
},
"oklch": {
"l": 0.94694,
"c": 0.02999,
"h": 73.9
},
"luminance": 0.84699
}Semantic roles & 50–950 ramp
primary
#FAEBD8
secondary
#96B7E0
accent
#67DA0C
background
#FFFFFE
surface
#FFFEFC
border
#D7D6D5
text
#171615
muted
#858584