#cc8576

Color #cc8576

A moderately saturated light red.

Closest named color Dark Salmon #e9967a · ΔE 11.48 Nearest Tailwind class red-400 #ff6467 · ΔE 11.9

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

Conversions

HEX

#cc8576

RGB

rgb(204, 133, 118)

HSL

hsl(10.5, 45.7%, 63.1%)

HSV / HSB

hsv(10.5, 42.2%, 80%)

CMYK

cmyk(0%, 34.8%, 42.2%, 20%)

LAB

lab(62.44, 25.52, 19.36)

LCH

lch(62.44, 32.03, 37.18)

OKLCH

oklch(68.6%, 0.091, 32.49)

HWB

hwb(10.5, 46.3%, 20%)

Harmony colors

Complementary

#76bdcc

Analogous

#cc7692

#cc8576

#ccb076

Triadic

#cc8576

#76cc85

#8576cc

Split-complementary

#cc8576

#76ccb0

#7692cc

Tetradic

#cc8576

#bdcc76

#76bdcc

#8576cc

Square

#cc8576

#92cc76

#76bdcc

#b076cc

Shades

Color #cc8576 mixed toward black.

#bd624f

#9c4b3a

#75392c

#4e261d

#27130f

Tints

Color #cc8576 mixed toward white.

#d4998d

#ddaea4

#e5c2ba

#eed6d1

#f6ebe8

Tones

Color #cc8576 mixed toward gray.

#c58a7d

#be8e84

#b6938b

#af9893

#a89c9a

Accessibility

Aa White text on this color

2.92:1

Aa Black text on this color

7.18:1

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

Under color vision deficiencies

Protanopia

#b2b17a · ΔE 29.5

Deuteranopia

#b6ba7b · ΔE 32.3

Tritanopia

#c97d7d · ΔE 6

Achromatopsia

#979797 · ΔE 21.2

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

Code

CSS

background-color: #cc8576;

Tailwind (arbitrary value)

bg-[#cc8576]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#cc8576 (#cc8576) is rgb(204, 133, 118) in RGB.

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

Generate a palette → Check contrast