#d9835e

Color #d9835e

A moderately saturated light orange.

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

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

Conversions

HEX

#d9835e

RGB

rgb(217, 131, 94)

HSL

hsl(18, 61.8%, 61%)

HSV / HSB

hsv(18, 56.7%, 85.1%)

CMYK

cmyk(0%, 39.6%, 56.7%, 14.9%)

LAB

lab(63.17, 29.5, 33.94)

LCH

lch(63.17, 44.97, 49)

OKLCH

oklch(69.4%, 0.1181, 43.7)

HWB

hwb(18, 36.9%, 14.9%)

Harmony colors

Complementary

#5eb4d9

Analogous

#d95e77

#d9835e

#d9c05e

Triadic

#d9835e

#5ed983

#835ed9

Split-complementary

#d9835e

#5ed9c0

#5e77d9

Tetradic

#d9835e

#b4d95e

#5eb4d9

#835ed9

Square

#d9835e

#77d95e

#5eb4d9

#c05ed9

Shades

Color #d9835e mixed toward black.

#cf6334

#a84e28

#7e3b1e

#542714

#2a140a

Tints

Color #d9835e mixed toward white.

#df9879

#e6ac94

#ecc1af

#f2d6c9

#f9eae4

Tones

Color #d9835e mixed toward gray.

#cf8768

#c58b73

#ba8f7d

#b09387

#a69791

Accessibility

Aa White text on this color

2.85:1

Aa Black text on this color

7.36:1

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

Under color vision deficiencies

Protanopia

#bab968 · ΔE 31.3

Deuteranopia

#bfc46b · ΔE 34.2

Tritanopia

#d67071 · ΔE 13.4

Achromatopsia

#999999 · ΔE 23.4

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

Code

CSS

background-color: #d9835e;

Tailwind (arbitrary value)

bg-[#d9835e]

Related colors

Light Salmon #ffa07a

Sienna #a0522d

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#d9835e (#d9835e) is rgb(217, 131, 94) in RGB.

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

Generate a palette → Check contrast