#dec28c

Color #dec28c

A moderately saturated light orange.

Closest named color Burlywood #deb887 · ΔE 5.43 Nearest Tailwind class orange-200 #ffd6a7 · ΔE 7.4

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

Conversions

HEX

#dec28c

RGB

rgb(222, 194, 140)

HSL

hsl(39.5, 55.4%, 71%)

HSV / HSB

hsv(39.5, 36.9%, 87.1%)

CMYK

cmyk(0%, 12.6%, 36.9%, 12.9%)

LAB

lab(79.62, 2.35, 30.84)

LCH

lch(79.62, 30.93, 85.64)

OKLCH

oklch(82.5%, 0.0772, 83.45)

HWB

hwb(39.5, 54.9%, 12.9%)

Harmony colors

Complementary

#8ca8de

Analogous

#de998c

#dec28c

#d1de8c

Triadic

#dec28c

#8cdec2

#c28cde

Split-complementary

#dec28c

#8cd1de

#998cde

Tetradic

#dec28c

#a8de8c

#8ca8de

#c28cde

Square

#dec28c

#8cde99

#8ca8de

#de8cd1

Shades

Color #dec28c mixed toward black.

#d1a95d

#bc8e36

#8d6a28

#5e471b

#2f230d

Tints

Color #dec28c mixed toward white.

#e4cc9f

#e9d6b2

#efe1c6

#f4ebd9

#faf5ec

Tones

Color #dec28c mixed toward gray.

#d7c093

#d0be9a

#cabca1

#c3b9a7

#bcb7ae

Accessibility

Aa White text on this color

1.72:1

Aa Black text on this color

12.2:1

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

Under color vision deficiencies

Protanopia

#d2d29b · ΔE 9.5

Deuteranopia

#d4d69f · ΔE 10.4

Tritanopia

#dda6a8 · ΔE 24.8

Achromatopsia

#c5c5c5 · ΔE 18.3

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

Code

CSS

background-color: #dec28c;

Tailwind (arbitrary value)

bg-[#dec28c]

Related colors

Old Lace #fdf5e6

Wheat #f5deb3

Floral White #fffaf0

Orange #ffa500

Moccasin #ffe4b5

Papaya Whip #ffefd5

Frequently asked questions

#dec28c (#dec28c) is rgb(222, 194, 140) in RGB.

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

Generate a palette → Check contrast