#ebdccc

Color #ebdccc

A moderately saturated very light orange.

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

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

Conversions

HEX

#ebdccc

RGB

rgb(235, 220, 204)

HSL

hsl(31, 43.7%, 86.1%)

HSV / HSB

hsv(31, 13.2%, 92.2%)

CMYK

cmyk(0%, 6.4%, 13.2%, 7.8%)

LAB

lab(88.55, 2.51, 9.7)

LCH

lch(88.55, 10.02, 75.49)

OKLCH

oklch(90.2%, 0.0272, 69.3)

HWB

hwb(31, 80%, 7.8%)

Harmony colors

Complementary

#ccdbeb

Analogous

#ebcdcc

#ebdccc

#ebebcc

Triadic

#ebdccc

#ccebdc

#dccceb

Split-complementary

#ebdccc

#ccebeb

#cdcceb

Tetradic

#ebdccc

#dbebcc

#ccdbeb

#dccceb

Square

#ebdccc

#ccebcd

#ccdbeb

#ebcceb

Shades

Color #ebdccc mixed toward black.

#d6b897

#c29463

#9e6f3e

#694a29

#352515

Tints

Color #ebdccc mixed toward white.

#eee2d5

#f2e8dd

#f5eee6

#f8f3ee

#fcf9f7

Tones

Color #ebdccc mixed toward gray.

#e8dccf

#e6dcd1

#e3dcd4

#e1dcd6

#dedcd9

Accessibility

Aa White text on this color

1.34:1

Aa Black text on this color

15.64:1

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

Under color vision deficiencies

Protanopia

#e5e5d0 · ΔE 8.2

Deuteranopia

#e6e7d1 · ΔE 8.9

Tritanopia

#ead3d4 · ΔE 9.9

Achromatopsia

#dedede · ΔE 8.4

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

Code

CSS

background-color: #ebdccc;

Tailwind (arbitrary value)

bg-[#ebdccc]

Related colors

Linen #faf0e6

Peru #cd853f

Bisque #ffe4c4

Dark Orange #ff8c00

Peach Puff #ffdab9

Burlywood #deb887

Frequently asked questions

#ebdccc (#ebdccc) is rgb(235, 220, 204) in RGB.

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

Generate a palette → Check contrast