#FCDAC3#FCDAC3
#FCDAC3 is a very light, muted orange. Relative luminance 0.748; OKLCH L 91.1% C 0.049 H 56.1°. Best body text is #000000 at 15.96:1 contrast (WCAG AA passes).
Color values
| HEX | #FCDAC3 |
|---|---|
| RGB | rgb(252, 218, 195) |
| HSL | hsl(24, 90%, 88%) |
| HSV | hsv(24, 23%, 99%) |
| CMYK | cmyk(0%, 13.5%, 22.6%, 1.2%) |
| CIE-LAB | lab(89.29, 8.34, 15.68) |
| CIE-LCH | lch(89.29, 17.76, 61.99°) |
| OKLab | oklab(91.08% 0.0273 0.0406) |
| OKLCH | oklch(91.08% 0.049 56.1) |
| XYZ | xyz(75.0670, 74.7808, 62.0990) |
| Luminance | 0.7478 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Peach
#FFDAB9
ΔE00 3.37
Apricot
#FBCEB1
ΔE00 3.92
Light Peach
#FFD8B1
ΔE00 5.15
Bisque
#FFE4C4
ΔE00 5.50
Antiquewhite
#FAEBD7
ΔE00 7.76
Blanchedalmond
#FFEBCD
ΔE00 7.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FCDAC3 #C3E5FC
analogous
#FCC3C8 #FCDAC3 #FCF7C3
triadic
#FCDAC3 #C3FCDA #DAC3FC
tetradic
#FCDAC3 #C8FCC3 #C3E5FC #F7C3FC
square
#FCDAC3 #C8FCC3 #C3E5FC #F7C3FC
split-complementary
#FCDAC3 #C3FCF7 #C3C8FC
monochromatic
#F6924E #F9B689 #FCDAC3 #FEEDE2 #FEEDE2
Accessibility & contrast
On white
1.32
#FCDAC3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.96
#FCDAC3 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FCDAC3
15.96:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FCDAC3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCDAC3 | 1.00 | 1.32 | 15.96 | 15.96 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.96 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E4DCC2
Deuteranopia (green-blind)
#ECE3C3
Tritanopia (blue-blind)
#FFD4D4
Achromatopsia (no color)
#E0E0E0
Design tokens & code
CSS
--color: #fcdac3; /* rgb */ color: rgb(252, 218, 195); /* oklch */ color: oklch(91.1% 0.049 56.1);
Tailwind
colors: {
custom: {
50: '#fee5d5',
500: '#fcdac3',
950: '#000000',
},
}SCSS
$custom: #fcdac3; $custom-light: #fee5d5; $custom-dark: #000000;
JSON
{
"hex": "#fcdac3",
"rgb": {
"r": 252,
"g": 218,
"b": 195
},
"hsl": {
"h": 24.211,
"s": 90.476,
"l": 87.647
},
"oklch": {
"l": 0.91084,
"c": 0.04887,
"h": 56.1
},
"luminance": 0.74778
}Semantic roles & 50–950 ramp
primary
#FCDAC3
secondary
#81BBE3
accent
#89E600
background
#FFFEFE
surface
#FFFCFB
border
#D7D5D4
text
#181514
muted
#868483