#c7b39d

Color #c7b39d

A muted light orange.

Closest named color Tan #d2b48c · ΔE 10.71 Nearest Tailwind class taupe-400 #aba09c · ΔE 9.6

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

Conversions

HEX

#c7b39d

RGB

rgb(199, 179, 157)

HSL

hsl(31.4, 27.3%, 69.8%)

HSV / HSB

hsv(31.4, 21.1%, 78%)

CMYK

cmyk(0%, 10.1%, 21.1%, 22%)

LAB

lab(74.07, 3.63, 13.85)

LCH

lch(74.07, 14.32, 75.31)

OKLCH

oklch(77.8%, 0.0381, 69.9)

HWB

hwb(31.4, 61.6%, 22%)

Harmony colors

Complementary

#9db1c7

Analogous

#c79e9d

#c7b39d

#c6c79d

Triadic

#c7b39d

#9dc7b3

#b39dc7

Split-complementary

#c7b39d

#9dc6c7

#9e9dc7

Tetradic

#c7b39d

#b1c79d

#9db1c7

#b39dc7

Square

#c7b39d

#9dc79e

#9db1c7

#c79dc6

Shades

Color #c7b39d mixed toward black.

#b19677

#977856

#715a41

#4c3c2b

#261e16

Tints

Color #c7b39d mixed toward white.

#d0c0ad

#daccbe

#e3d9ce

#ece6de

#f6f2ef

Tones

Color #c7b39d mixed toward gray.

#c4b3a0

#c0b3a4

#bdb2a7

#b9b2ab

#b5b2ae

Accessibility

Aa White text on this color

2.03:1

Aa Black text on this color

10.36:1

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

Under color vision deficiencies

Protanopia

#bfbea3 · ΔE 10.1

Deuteranopia

#c0c1a4 · ΔE 11.3

Tritanopia

#c6a7a8 · ΔE 13.1

Achromatopsia

#b6b6b6 · ΔE 11.1

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

Code

CSS

background-color: #c7b39d;

Tailwind (arbitrary value)

bg-[#c7b39d]

Related colors

Bisque #ffe4c4

Linen #faf0e6

Dark Orange #ff8c00

Peru #cd853f

Burlywood #deb887

Antique White #faebd7

Frequently asked questions

#c7b39d (#c7b39d) is rgb(199, 179, 157) in RGB.

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

Generate a palette → Check contrast