#e2d3cb

Color #e2d3cb

A muted very light orange.

Closest named color Light Gray #d3d3d3 · ΔE 7.04 Nearest Tailwind class taupe-300 #d8d2d0 · ΔE 4.2

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

Conversions

HEX

#e2d3cb

RGB

rgb(226, 211, 203)

HSL

hsl(20.9, 28.4%, 84.1%)

HSV / HSB

hsv(20.9, 10.2%, 88.6%)

CMYK

cmyk(0%, 6.6%, 10.2%, 11.4%)

LAB

lab(85.54, 3.83, 5.82)

LCH

lch(85.54, 6.97, 56.65)

OKLCH

oklch(87.7%, 0.0199, 50.08)

HWB

hwb(20.9, 79.6%, 11.4%)

Harmony colors

Complementary

#cbdae2

Analogous

#e2cbce

#e2d3cb

#e2decb

Triadic

#e2d3cb

#cbe2d3

#d3cbe2

Split-complementary

#e2d3cb

#cbe2de

#cbcee2

Tetradic

#e2d3cb

#dae2cb

#cbdae2

#d3cbe2

Square

#e2d3cb

#cee2cb

#cbdae2

#decbe2

Shades

Color #e2d3cb mixed toward black.

#c8ac9d

#af856f

#8a624d

#5c4133

#2e211a

Tints

Color #e2d3cb mixed toward white.

#e7dad4

#ece2dc

#f0e9e5

#f5f0ee

#faf8f6

Tones

Color #e2d3cb mixed toward gray.

#e0d4cd

#ded4cf

#dcd5d1

#dad5d3

#d8d6d5

Accessibility

Aa White text on this color

1.46:1

Aa Black text on this color

14.41:1

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

Under color vision deficiencies

Protanopia

#dcdccd · ΔE 9.2

Deuteranopia

#dddecd · ΔE 10.2

Tritanopia

#e1cfcf · ΔE 4.5

Achromatopsia

#d6d6d6 · ΔE 6.9

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

Code

CSS

background-color: #e2d3cb;

Tailwind (arbitrary value)

bg-[#e2d3cb]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Orange Red #ff4500

Frequently asked questions

#e2d3cb (#e2d3cb) is rgb(226, 211, 203) in RGB.

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

Generate a palette → Check contrast