#cc9f9f

Color #cc9f9f

A muted light red.

Closest named color Rosy Brown #bc8f8f · ΔE 5.97 Nearest Tailwind class red-300 #ffa2a2 · ΔE 10.2

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

Conversions

HEX

#cc9f9f

RGB

rgb(204, 159, 159)

HSL

hsl(0, 30.6%, 71.2%)

HSV / HSB

hsv(0, 22.1%, 80%)

CMYK

cmyk(0%, 22.1%, 22.1%, 20%)

LAB

lab(69.57, 16.66, 6.42)

LCH

lch(69.57, 17.85, 21.07)

OKLCH

oklch(74.4%, 0.0537, 18.47)

HWB

hwb(0, 62.4%, 20%)

Harmony colors

Complementary

#9fcccc

Analogous

#cc9fb6

#cc9f9f

#ccb69f

Triadic

#cc9f9f

#9fcc9f

#9f9fcc

Split-complementary

#cc9f9f

#9fccb6

#9fb6cc

Tetradic

#cc9f9f

#cccc9f

#9fcccc

#9f9fcc

Square

#cc9f9f

#b6cc9f

#9fcccc

#b69fcc

Shades

Color #cc9f9f mixed toward black.

#b77878

#9e5454

#773f3f

#4f2a2a

#281515

Tints

Color #cc9f9f mixed toward white.

#d5afaf

#ddbfbf

#e6cfcf

#eedfdf

#f7efef

Tones

Color #cc9f9f mixed toward gray.

#c8a3a3

#c5a7a7

#c1aaaa

#bdaeae

#b9b2b2

Accessibility

Aa White text on this color

2.33:1

Aa Black text on this color

9.03:1

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

Under color vision deficiencies

Protanopia

#baba9f · ΔE 25.7

Deuteranopia

#bdc09f · ΔE 28.3

Tritanopia

#ca9f9f · ΔE 0.5

Achromatopsia

#aaaaaa · ΔE 16.2

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

Code

CSS

background-color: #cc9f9f;

Tailwind (arbitrary value)

bg-[#cc9f9f]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#cc9f9f (#cc9f9f) is rgb(204, 159, 159) in RGB.

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

Generate a palette → Check contrast