#eae0c1

Color #eae0c1

A moderately saturated very light yellow.

Closest named color Blanched Almond #ffebcd · ΔE 6.02 Nearest Tailwind class amber-100 #fef3c6 · ΔE 5.4

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

Conversions

HEX

#eae0c1

RGB

rgb(234, 224, 193)

HSL

hsl(45.4, 49.4%, 83.7%)

HSV / HSB

hsv(45.4, 17.5%, 91.8%)

CMYK

cmyk(0%, 4.3%, 17.5%, 8.2%)

LAB

lab(89.23, -1.59, 16.42)

LCH

lch(89.23, 16.5, 95.53)

OKLCH

oklch(90.7%, 0.0424, 92.16)

HWB

hwb(45.4, 75.7%, 8.2%)

Harmony colors

Complementary

#c1cbea

Analogous

#eacbc1

#eae0c1

#dfeac1

Triadic

#eae0c1

#c1eae0

#e0c1ea

Split-complementary

#eae0c1

#c1dfea

#cbc1ea

Tetradic

#eae0c1

#cbeac1

#c1cbea

#e0c1ea

Square

#eae0c1

#c1eacb

#c1cbea

#eac1df

Shades

Color #eae0c1 mixed toward black.

#d8c58c

#c6ab57

#9f8636

#6a5924

#352d12

Tints

Color #eae0c1 mixed toward white.

#ede5cb

#f1ead6

#f4efe0

#f8f5ea

#fbfaf5

Tones

Color #eae0c1 mixed toward gray.

#e7dec4

#e3dcc8

#e0dbcb

#dcd9cf

#d9d7d2

Accessibility

Aa White text on this color

1.32:1

Aa Black text on this color

15.93:1

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

Under color vision deficiencies

Protanopia

#e6e6c9 · ΔE 4.3

Deuteranopia

#e6e7cb · ΔE 4.8

Tritanopia

#eacfd0 · ΔE 18.4

Achromatopsia

#e0e0e0 · ΔE 12.1

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

Code

CSS

background-color: #eae0c1;

Tailwind (arbitrary value)

bg-[#eae0c1]

Related colors

Goldenrod #daa520

Cornsilk #fff8dc

Dark Goldenrod #b8860b

Gold #ffd700

Floral White #fffaf0

Old Lace #fdf5e6

Frequently asked questions

#eae0c1 (#eae0c1) is rgb(234, 224, 193) in RGB.

No, #eae0c1 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #eae0c1, or check how it holds up for accessibility.

Generate a palette → Check contrast