#efddcf

Color #efddcf

A moderately saturated very light orange.

Closest named color Antique White #faebd7 · ΔE 5.55 Nearest Tailwind class orange-100 #ffedd4 · ΔE 5.7

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

Conversions

HEX

#efddcf

RGB

rgb(239, 221, 207)

HSL

hsl(26.3, 50%, 87.5%)

HSV / HSB

hsv(26.3, 13.4%, 93.7%)

CMYK

cmyk(0%, 7.5%, 13.4%, 6.3%)

LAB

lab(89.19, 3.89, 9.09)

LCH

lch(89.19, 9.89, 66.83)

OKLCH

oklch(90.8%, 0.0274, 60.26)

HWB

hwb(26.3, 81.2%, 6.3%)

Harmony colors

Complementary

#cfe1ef

Analogous

#efcfd1

#efddcf

#efedcf

Triadic

#efddcf

#cfefdd

#ddcfef

Split-complementary

#efddcf

#cfefed

#cfd1ef

Tetradic

#efddcf

#e1efcf

#cfe1ef

#ddcfef

Square

#efddcf

#d1efcf

#cfe1ef

#edcfef

Shades

Color #efddcf mixed toward black.

#dcb697

#ca8e60

#a76938

#704625

#382313

Tints

Color #efddcf mixed toward white.

#f2e3d7

#f4e8df

#f7eee7

#faf4ef

#fcf9f7

Tones

Color #efddcf mixed toward gray.

#ecddd2

#eaded5

#e7ded7

#e4deda

#e2dfdc

Accessibility

Aa White text on this color

1.32:1

Aa Black text on this color

15.91:1

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

Under color vision deficiencies

Protanopia

#e7e7d3 · ΔE 9.9

Deuteranopia

#e8ead3 · ΔE 11.5

Tritanopia

#eed5d6 · ΔE 8.5

Achromatopsia

#e0e0e0 · ΔE 8.7

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

Code

CSS

background-color: #efddcf;

Tailwind (arbitrary value)

bg-[#efddcf]

Related colors

Chocolate #d2691e

Saddle Brown #8b4513

Sandy Brown #f4a460

Seashell #fff5ee

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#efddcf (#efddcf) is rgb(239, 221, 207) in RGB.

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

Generate a palette → Check contrast