#FCF2EB#FCF2EB
#FCF2EB is a very light, near-neutral orange. Relative luminance 0.902; OKLCH L 96.7% C 0.014 H 57.6°. Best body text is #000000 at 19.04:1 contrast (WCAG AA passes).
Color values
| HEX | #FCF2EB |
|---|---|
| RGB | rgb(252, 242, 235) |
| HSL | hsl(25, 74%, 95%) |
| HSV | hsv(25, 7%, 99%) |
| CMYK | cmyk(0%, 4%, 6.7%, 1.2%) |
| CIE-LAB | lab(96.08, 2.17, 4.57) |
| CIE-LCH | lch(96.08, 5.05, 64.59°) |
| OKLab | oklab(96.7% 0.0077 0.0121) |
| OKLCH | oklch(96.7% 0.014 57.6) |
| XYZ | xyz(86.8906, 90.1986, 91.4138) |
| Luminance | 0.9020 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Seashell
#FFF5EE
ΔE00 0.61
Linen
#FAF0E6
ΔE00 1.54
Very Light Pink
#FFF4F2
ΔE00 2.77
Floralwhite
#FFFAF0
ΔE00 3.52
Snow
#FFFAFA
ΔE00 3.92
Oldlace
#FDF5E6
ΔE00 4.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FCF2EB #EBF5FC
analogous
#FCEBEC #FCF2EB #FCFAEB
triadic
#FCF2EB #EBFCF2 #F2EBFC
tetradic
#FCF2EB #ECFCEB #EBF5FC #FAEBFC
square
#FCF2EB #ECFCEB #EBF5FC #FAEBFC
split-complementary
#FCF2EB #EBFCFA #EBECFC
monochromatic
#ECAD81 #F4CFB6 #FBEEE4 #FBEEE4 #FBEEE4
Accessibility & contrast
On white
1.10
#FCF2EB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.04
#FCF2EB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FCF2EB
19.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FCF2EB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCF2EB | 1.00 | 1.10 | 19.04 | 19.04 |
| #FFFFFF | 1.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.04 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F5F2EB
Deuteranopia (green-blind)
#F7F5EB
Tritanopia (blue-blind)
#FFF0F0
Achromatopsia (no color)
#F4F4F4
Design tokens & code
CSS
--color: #fcf2eb; /* rgb */ color: rgb(252, 242, 235); /* oklch */ color: oklch(96.7% 0.014 57.6);
Tailwind
colors: {
custom: {
50: '#fdf6f1',
500: '#fcf2eb',
950: '#000000',
},
}SCSS
$custom: #fcf2eb; $custom-light: #fdf6f1; $custom-dark: #000000;
JSON
{
"hex": "#fcf2eb",
"rgb": {
"r": 252,
"g": 242,
"b": 235
},
"hsl": {
"h": 24.706,
"s": 73.913,
"l": 95.49
},
"oklch": {
"l": 0.96703,
"c": 0.01429,
"h": 57.6
},
"luminance": 0.90198
}Semantic roles & 50–950 ramp
primary
#FCF2EB
secondary
#A8CBE3
accent
#84D60F
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171716
muted
#858585