#FDF8CD#FDF8CD
#FDF8CD is a very light, muted yellow. Relative luminance 0.924; OKLCH L 97.2% C 0.056 H 101.9°. Best body text is #000000 at 19.49:1 contrast (WCAG AA passes).
Color values
| HEX | #FDF8CD |
|---|---|
| RGB | rgb(253, 248, 205) |
| HSL | hsl(54, 92%, 90%) |
| HSV | hsv(54, 19%, 99%) |
| CMYK | cmyk(0%, 2%, 19%, 0.8%) |
| CIE-LAB | lab(96.99, -5.14, 21.30) |
| CIE-LCH | lch(96.99, 21.91, 103.58°) |
| OKLab | oklab(97.23% -0.0115 0.0546) |
| OKLCH | oklch(97.23% 0.056 101.9) |
| XYZ | xyz(85.0943, 92.4264, 71.1031) |
| Luminance | 0.9243 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Lemonchiffon
#FFFACD
ΔE00 0.62
Pale
#FFF9D0
ΔE00 0.73
Cream
#FFFDD0
ΔE00 1.47
Lightgoldenrodyellow
#FAFAD2
ΔE00 1.92
Eggshell (survey)
#FFFFD4
ΔE00 2.13
Ivory (survey)
#FFFFCB
ΔE00 2.97
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FDF8CD #CDD2FD
analogous
#FDE0CD #FDF8CD #EAFDCD
triadic
#FDF8CD #CDFDF8 #F8CDFD
tetradic
#FDF8CD #CDFDE0 #CDD2FD #FDCDEA
square
#FDF8CD #CDFDE0 #CDD2FD #FDCDEA
split-complementary
#FDF8CD #CDEAFD #E0CDFD
monochromatic
#F8E857 #FBF092 #FDF8CD #FEFBE2 #FEFBE2
Accessibility & contrast
On white
1.08
#FDF8CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.49
#FDF8CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FDF8CD
19.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FDF8CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FDF8CD | 1.00 | 1.08 | 19.49 | 19.49 |
| #FFFFFF | 1.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.49 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFF5CA
Deuteranopia (green-blind)
#FFF8CE
Tritanopia (blue-blind)
#FFF2EC
Achromatopsia (no color)
#F6F6F6
Design tokens & code
CSS
--color: #fdf8cd; /* rgb */ color: rgb(253, 248, 205); /* oklch */ color: oklch(97.2% 0.056 101.9);
Tailwind
colors: {
custom: {
50: '#fefadc',
500: '#fdf8cd',
950: '#000000',
},
}SCSS
$custom: #fdf8cd; $custom-light: #fefadc; $custom-dark: #000000;
JSON
{
"hex": "#fdf8cd",
"rgb": {
"r": 253,
"g": 248,
"b": 205
},
"hsl": {
"h": 53.75,
"s": 92.308,
"l": 89.804
},
"oklch": {
"l": 0.97227,
"c": 0.0558,
"h": 101.9
},
"luminance": 0.92425
}Semantic roles & 50–950 ramp
primary
#FDF8CD
secondary
#8992E6
accent
#18E600
background
#FFFFFE
surface
#FFFFFC
border
#D7D7D5
text
#181715
muted
#868584