#df8b61

Color #df8b61

A moderately saturated light orange.

Closest named color Dark Salmon #e9967a · ΔE 9.01 Nearest Tailwind class orange-500 #ff6900 · ΔE 11.2

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

Conversions

HEX

#df8b61

RGB

rgb(223, 139, 97)

HSL

hsl(20, 66.3%, 62.7%)

HSV / HSB

hsv(20, 56.5%, 87.5%)

CMYK

cmyk(0%, 37.7%, 56.5%, 12.5%)

LAB

lab(65.76, 27.87, 35.73)

LCH

lch(65.76, 45.31, 52.05)

OKLCH

oklch(71.5%, 0.1175, 46.83)

HWB

hwb(20, 38%, 12.5%)

Harmony colors

Complementary

#61b5df

Analogous

#df6176

#df8b61

#dfca61

Triadic

#df8b61

#61df8b

#8b61df

Split-complementary

#df8b61

#61dfca

#6176df

Tetradic

#df8b61

#b5df61

#61b5df

#8b61df

Square

#df8b61

#76df61

#61b5df

#ca61df

Shades

Color #df8b61 mixed toward black.

#d66a35

#b15324

#853e1b

#592a12

#2c1509

Tints

Color #df8b61 mixed toward white.

#e49e7b

#eab296

#efc5b0

#f4d8ca

#faece5

Tones

Color #df8b61 mixed toward gray.

#d48e6b

#ca9276

#bf9580

#b5998b

#aa9c95

Accessibility

Aa White text on this color

2.62:1

Aa Black text on this color

8:1

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

Under color vision deficiencies

Protanopia

#c0c06d · ΔE 30.2

Deuteranopia

#c5cb70 · ΔE 33.1

Tritanopia

#dc7677 · ΔE 15.1

Achromatopsia

#a0a0a0 · ΔE 23.3

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

Code

CSS

background-color: #df8b61;

Tailwind (arbitrary value)

bg-[#df8b61]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Seashell #fff5ee

Dark Salmon #e9967a

Frequently asked questions

#df8b61 (#df8b61) is rgb(223, 139, 97) in RGB.

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

Generate a palette → Check contrast