#dea353

Color #dea353

A moderately saturated medium orange.

Closest named color Sandy Brown #f4a460 · ΔE 10.16 Nearest Tailwind class orange-300 #ffb86a · ΔE 7

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

Conversions

HEX

#dea353

RGB

rgb(222, 163, 83)

HSL

hsl(34.5, 67.8%, 59.8%)

HSV / HSB

hsv(34.5, 62.6%, 87.1%)

CMYK

cmyk(0%, 26.6%, 62.6%, 12.9%)

LAB

lab(71.11, 13.59, 49.25)

LCH

lch(71.11, 51.09, 74.57)

OKLCH

oklch(75.6%, 0.1194, 72.55)

HWB

hwb(34.5, 32.5%, 12.9%)

Harmony colors

Complementary

#538ede

Analogous

#de5d53

#dea353

#d4de53

Triadic

#dea353

#53dea3

#a353de

Split-complementary

#dea353

#53d4de

#5d53de

Tetradic

#dea353

#8ede53

#538ede

#a353de

Square

#dea353

#53de5d

#538ede

#de53d4

Shades

Color #dea353 mixed toward black.

#d58c29

#ab7021

#805419

#553810

#2b1c08

Tints

Color #dea353 mixed toward white.

#e3b270

#e9c28c

#eed1a9

#f4e0c6

#f9f0e2

Tones

Color #dea353 mixed toward gray.

#d2a15f

#c79f6a

#bb9e76

#b09c81

#a49a8d

Accessibility

Aa White text on this color

2.22:1

Aa Black text on this color

9.47:1

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

Under color vision deficiencies

Protanopia

#c7c76d · ΔE 19

Deuteranopia

#cacf73 · ΔE 20.9

Tritanopia

#dc7e81 · ΔE 28.7

Achromatopsia

#aeaeae · ΔE 23.9

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

Code

CSS

background-color: #dea353;

Tailwind (arbitrary value)

bg-[#dea353]

Related colors

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Navajo White #ffdead

Blanched Almond #ffebcd

Dark Orange #ff8c00

Frequently asked questions

#dea353 (#dea353) is rgb(222, 163, 83) in RGB.

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

Generate a palette → Check contrast