#fcf9da

Color #fcf9da

A vivid, highly saturated very light yellow.

Closest named color Cornsilk #fff8dc · ΔE 2.09 Nearest Tailwind class yellow-50 #fefce8 · ΔE 3.7

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#fcf9da

RGB

rgb(252, 249, 218)

HSL

hsl(54.7, 85%, 92.2%)

HSV / HSB

hsv(54.7, 13.5%, 98.8%)

CMYK

cmyk(0%, 1.2%, 13.5%, 1.2%)

LAB

lab(97.43, -4.07, 15.26)

LCH

lch(97.43, 15.79, 104.93)

OKLCH

oklch(97.6%, 0.0405, 102.56)

HWB

hwb(54.7, 85.5%, 1.2%)

Harmony colors

Complementary

#daddfc

Analogous

#fce8da

#fcf9da

#eefcda

Triadic

#fcf9da

#dafcf9

#f9dafc

Split-complementary

#fcf9da

#daeefc

#e8dafc

Tetradic

#fcf9da

#ddfcda

#daddfc

#f9dafc

Square

#fcf9da

#dafce8

#daddfc

#fcdaee

Shades

Color #fcf9da mixed toward black.

#f6ed92

#f0e249

#d9c812

#91850c

#484306

Tints

Color #fcf9da mixed toward white.

#fdfae0

#fdfbe6

#fefced

#fefdf3

#fffef9

Tones

Color #fcf9da mixed toward gray.

#f9f7dd

#f6f4e0

#f4f2e3

#f1f0e5

#eeede8

Accessibility

Aa White text on this color

1.07:1

Aa Black text on this color

19.7:1

Black text reads better on this background (19.7:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#fbfbe2 · ΔE 2.2

Deuteranopia

#fbfbe4 · ΔE 2.7

Tritanopia

#fce8e9 · ΔE 18.4

Achromatopsia

#f8f8f8 · ΔE 12

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #fcf9da;

Tailwind (arbitrary value)

bg-[#fcf9da]

Related colors

Pale Goldenrod #eee8aa

Khaki #f0e68c

Lemon Chiffon #fffacd

Dark Khaki #bdb76b

Gold #ffd700

Ivory #fffff0

Frequently asked questions

#fcf9da (#fcf9da) is rgb(252, 249, 218) in RGB.

No, #fcf9da is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #fcf9da, or check how it holds up for accessibility.

Generate a palette → Check contrast