#cfc0a5

Color #cfc0a5

A muted light orange.

Closest named color Tan #d2b48c · ΔE 10.34 Nearest Tailwind class olive-400 #abab9c · ΔE 9.7

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

Conversions

HEX

#cfc0a5

RGB

rgb(207, 192, 165)

HSL

hsl(38.6, 30.4%, 72.9%)

HSV / HSB

hsv(38.6, 20.3%, 81.2%)

CMYK

cmyk(0%, 7.2%, 20.3%, 18.8%)

LAB

lab(78.28, 0.93, 15.53)

LCH

lch(78.28, 15.56, 86.57)

OKLCH

oklch(81.3%, 0.0404, 82.31)

HWB

hwb(38.6, 64.7%, 18.8%)

Harmony colors

Complementary

#a5b4cf

Analogous

#cfaba5

#cfc0a5

#c9cfa5

Triadic

#cfc0a5

#a5cfc0

#c0a5cf

Split-complementary

#cfc0a5

#a5c9cf

#aba5cf

Tetradic

#cfc0a5

#b4cfa5

#a5b4cf

#c0a5cf

Square

#cfc0a5

#a5cfab

#a5b4cf

#cfa5c9

Shades

Color #cfc0a5 mixed toward black.

#b9a47c

#a28756

#796541

#51432b

#282216

Tints

Color #cfc0a5 mixed toward white.

#d7cab4

#dfd5c3

#e7dfd2

#efeae1

#f7f4f0

Tones

Color #cfc0a5 mixed toward gray.

#cbbfa8

#c8beac

#c4bdaf

#c1bcb3

#bdbbb6

Accessibility

Aa White text on this color

1.79:1

Aa Black text on this color

11.74:1

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

Under color vision deficiencies

Protanopia

#c9c9ac · ΔE 7.2

Deuteranopia

#cacbae · ΔE 7.7

Tritanopia

#ceb1b2 · ΔE 16.3

Achromatopsia

#c2c2c2 · ΔE 11.5

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

Code

CSS

background-color: #cfc0a5;

Tailwind (arbitrary value)

bg-[#cfc0a5]

Related colors

Orange #ffa500

Moccasin #ffe4b5

Old Lace #fdf5e6

Wheat #f5deb3

Floral White #fffaf0

Papaya Whip #ffefd5

Frequently asked questions

#cfc0a5 (#cfc0a5) is rgb(207, 192, 165) in RGB.

No, #cfc0a5 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast