#d1c19f

Color #d1c19f

A muted light orange.

Closest named color Tan #d2b48c · ΔE 7.93 Nearest Tailwind class orange-200 #ffd6a7 · ΔE 10

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

Conversions

HEX

#d1c19f

RGB

rgb(209, 193, 159)

HSL

hsl(40.8, 35.2%, 72.2%)

HSV / HSB

hsv(40.8, 23.9%, 82%)

CMYK

cmyk(0%, 7.7%, 23.9%, 18%)

LAB

lab(78.58, 0.28, 19.19)

LCH

lch(78.58, 19.19, 89.16)

OKLCH

oklch(81.6%, 0.0492, 85.81)

HWB

hwb(40.8, 62.4%, 18%)

Harmony colors

Complementary

#9fafd1

Analogous

#d1a89f

#d1c19f

#c8d19f

Triadic

#d1c19f

#9fd1c1

#c19fd1

Split-complementary

#d1c19f

#9fc8d1

#a89fd1

Tetradic

#d1c19f

#afd19f

#9fafd1

#c19fd1

Square

#d1c19f

#9fd1a8

#9fafd1

#d19fc8

Shades

Color #d1c19f mixed toward black.

#bda676

#a68a50

#7c683c

#534528

#292314

Tints

Color #d1c19f mixed toward white.

#d9cbaf

#e0d6bf

#e8e0cf

#f0eadf

#f7f5ef

Tones

Color #d1c19f mixed toward gray.

#cdc0a3

#c9bea7

#c5bdac

#c0bbb0

#bcbab4

Accessibility

Aa White text on this color

1.77:1

Aa Black text on this color

11.84:1

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

Under color vision deficiencies

Protanopia

#cacaa8 · ΔE 7

Deuteranopia

#cbccaa · ΔE 7.5

Tritanopia

#d0afb0 · ΔE 19.3

Achromatopsia

#c2c2c2 · ΔE 13.4

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

Code

CSS

background-color: #d1c19f;

Tailwind (arbitrary value)

bg-[#d1c19f]

Related colors

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Dark Goldenrod #b8860b

Orange #ffa500

Goldenrod #daa520

Frequently asked questions

#d1c19f (#d1c19f) is rgb(209, 193, 159) in RGB.

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

Generate a palette → Check contrast