#FCEDE1#FCEDE1
#FCEDE1 is a very light, muted orange. Relative luminance 0.867; OKLCH L 95.5% C 0.023 H 61.2°. Best body text is #000000 at 18.34:1 contrast (WCAG AA passes).
Color values
| HEX | #FCEDE1 |
|---|---|
| RGB | rgb(252, 237, 225) |
| HSL | hsl(27, 82%, 94%) |
| HSV | hsv(27, 11%, 99%) |
| CMYK | cmyk(0%, 6%, 10.7%, 1.2%) |
| CIE-LAB | lab(94.61, 3.09, 7.62) |
| CIE-LCH | lch(94.61, 8.22, 67.95°) |
| OKLab | oklab(95.47% 0.011 0.02) |
| OKLCH | oklch(95.47% 0.023 61.2) |
| XYZ | xyz(84.0184, 86.7012, 83.5285) |
| Luminance | 0.8670 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Linen
#FAF0E6
ΔE00 2.11
Seashell
#FFF5EE
ΔE00 2.96
Antiquewhite
#FAEBD7
ΔE00 3.56
Oldlace
#FDF5E6
ΔE00 4.25
Very Light Pink
#FFF4F2
ΔE00 4.83
Floralwhite
#FFFAF0
ΔE00 4.99
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FCEDE1 #E1F0FC
analogous
#FCE1E2 #FCEDE1 #FCFAE1
triadic
#FCEDE1 #E1FCED #EDE1FC
tetradic
#FCEDE1 #E2FCE1 #E1F0FC #FAE1FC
square
#FCEDE1 #E2FCE1 #E1F0FC #FAE1FC
split-complementary
#FCEDE1 #E1FCFA #E1E2FC
monochromatic
#F1AA72 #F6CCA9 #FCEDE1 #FCEEE3 #FCEEE3
Accessibility & contrast
On white
1.15
#FCEDE1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.34
#FCEDE1 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FCEDE1
18.34:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FCEDE1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCEDE1 | 1.00 | 1.15 | 18.34 | 18.34 |
| #FFFFFF | 1.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.34 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F2EEE0
Deuteranopia (green-blind)
#F5F1E1
Tritanopia (blue-blind)
#FFEAEA
Achromatopsia (no color)
#EFEFEF
Design tokens & code
CSS
--color: #fcede1; /* rgb */ color: rgb(252, 237, 225); /* oklch */ color: oklch(95.5% 0.023 61.2);
Tailwind
colors: {
custom: {
50: '#fdf2ea',
500: '#fcede1',
950: '#000000',
},
}SCSS
$custom: #fcede1; $custom-light: #fdf2ea; $custom-dark: #000000;
JSON
{
"hex": "#fcede1",
"rgb": {
"r": 252,
"g": 237,
"b": 225
},
"hsl": {
"h": 26.667,
"s": 81.818,
"l": 93.529
},
"oklch": {
"l": 0.95474,
"c": 0.02285,
"h": 61.2
},
"luminance": 0.867
}Semantic roles & 50–950 ramp
primary
#FCEDE1
secondary
#9DC5E4
accent
#7FDE07
background
#FFFFFE
surface
#FFFEFD
border
#D7D6D5
text
#171716
muted
#858584