#c7ab9e

Color #c7ab9e

A muted light orange.

Closest named color Rosy Brown #bc8f8f · ΔE 12.87 Nearest Tailwind class taupe-400 #aba09c · ΔE 7.9

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

Conversions

HEX

#c7ab9e

RGB

rgb(199, 171, 158)

HSL

hsl(19, 26.8%, 70%)

HSV / HSB

hsv(19, 20.6%, 78%)

CMYK

cmyk(0%, 14.1%, 20.6%, 22%)

LAB

lab(72.05, 8.09, 10.45)

LCH

lch(72.05, 13.22, 52.25)

OKLCH

oklch(76.2%, 0.0376, 46.4)

HWB

hwb(19, 62%, 22%)

Harmony colors

Complementary

#9ebac7

Analogous

#c79ea6

#c7ab9e

#c7bf9e

Triadic

#c7ab9e

#9ec7ab

#ab9ec7

Split-complementary

#c7ab9e

#9ec7bf

#9ea6c7

Tetradic

#c7ab9e

#bac79e

#9ebac7

#ab9ec7

Square

#c7ab9e

#a6c79e

#9ebac7

#bf9ec7

Shades

Color #c7ab9e mixed toward black.

#b18a78

#976b57

#715041

#4b362c

#261b16

Tints

Color #c7ab9e mixed toward white.

#d0b9ae

#dac7be

#e3d5ce

#ece3df

#f6f1ef

Tones

Color #c7ab9e mixed toward gray.

#c4aca1

#c0ada5

#bdafa8

#b9b0ac

#b6b1af

Accessibility

Aa White text on this color

2.15:1

Aa Black text on this color

9.75:1

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

Under color vision deficiencies

Protanopia

#bcbba1 · ΔE 16

Deuteranopia

#bdbfa2 · ΔE 17.9

Tritanopia

#c6a4a4 · ΔE 7

Achromatopsia

#b1b1b1 · ΔE 11.8

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

Code

CSS

background-color: #c7ab9e;

Tailwind (arbitrary value)

bg-[#c7ab9e]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#c7ab9e (#c7ab9e) is rgb(199, 171, 158) in RGB.

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

Generate a palette → Check contrast