#ccb9a5

Color #ccb9a5

A muted light orange.

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

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

Conversions

HEX

#ccb9a5

RGB

rgb(204, 185, 165)

HSL

hsl(30.8, 27.7%, 72.4%)

HSV / HSB

hsv(30.8, 19.1%, 80%)

CMYK

cmyk(0%, 9.3%, 19.1%, 20%)

LAB

lab(76.22, 3.51, 12.61)

LCH

lch(76.22, 13.09, 74.45)

OKLCH

oklch(79.6%, 0.0351, 68.77)

HWB

hwb(30.8, 64.7%, 20%)

Harmony colors

Complementary

#a5b8cc

Analogous

#cca6a5

#ccb9a5

#cccca5

Triadic

#ccb9a5

#a5ccb9

#b9a5cc

Split-complementary

#ccb9a5

#a5cccc

#a6a5cc

Tetradic

#ccb9a5

#b8cca5

#a5b8cc

#b9a5cc

Square

#ccb9a5

#a5cca6

#a5b8cc

#cca5cc

Shades

Color #ccb9a5 mixed toward black.

#b69b7e

#9d7c59

#765d43

#4f3e2c

#271f16

Tints

Color #ccb9a5 mixed toward white.

#d5c5b4

#ddd0c3

#e6dcd2

#eee8e1

#f7f3f0

Tones

Color #ccb9a5 mixed toward gray.

#c9b9a8

#c6b9ac

#c2b9af

#bfb9b2

#bcb9b5

Accessibility

Aa White text on this color

1.9:1

Aa Black text on this color

11.05:1

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

Under color vision deficiencies

Protanopia

#c4c4aa · ΔE 10.3

Deuteranopia

#c5c7ab · ΔE 11.5

Tritanopia

#cbaeaf · ΔE 12.1

Achromatopsia

#bcbcbc · ΔE 10.4

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

Code

CSS

background-color: #ccb9a5;

Tailwind (arbitrary value)

bg-[#ccb9a5]

Related colors

Linen #faf0e6

Peru #cd853f

Bisque #ffe4c4

Dark Orange #ff8c00

Peach Puff #ffdab9

Burlywood #deb887

Frequently asked questions

#ccb9a5 (#ccb9a5) is rgb(204, 185, 165) in RGB.

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

Generate a palette → Check contrast