#cc9ab6

Color #cc9ab6

A muted light magenta.

Closest named color Thistle #d8bfd8 · ΔE 14.97 Nearest Tailwind class pink-300 #fda5d5 · ΔE 9.4

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

Conversions

HEX

#cc9ab6

RGB

rgb(204, 154, 182)

HSL

hsl(326.4, 32.9%, 70.2%)

HSV / HSB

hsv(326.4, 24.5%, 80%)

CMYK

cmyk(0%, 24.5%, 10.8%, 20%)

LAB

lab(68.99, 23.08, -7.22)

LCH

lch(68.99, 24.18, 342.63)

OKLCH

oklch(74.2%, 0.07, 344.26)

HWB

hwb(326.4, 60.4%, 20%)

Harmony colors

Complementary

#9accb0

Analogous

#c99acc

#cc9ab6

#cc9a9d

Triadic

#cc9ab6

#b6cc9a

#9ab6cc

Split-complementary

#cc9ab6

#9dcc9a

#9accc9

Tetradic

#cc9ab6

#ccb09a

#9accb0

#9ab6cc

Square

#cc9ab6

#ccc99a

#9accb0

#9a9dcc

Shades

Color #cc9ab6 mixed toward black.

#b87299

#9f507c

#773c5d

#4f283e

#28141f

Tints

Color #cc9ab6 mixed toward white.

#d5abc2

#ddbcce

#e6cddb

#eedde7

#f7eef3

Tones

Color #cc9ab6 mixed toward gray.

#c89eb6

#c4a2b5

#c0a7b5

#bbabb4

#b7afb4

Accessibility

Aa White text on this color

2.37:1

Aa Black text on this color

8.87:1

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

Under color vision deficiencies

Protanopia

#b9b8b0 · ΔE 24.4

Deuteranopia

#bbbfae · ΔE 31.3

Tritanopia

#caaba9 · ΔE 12

Achromatopsia

#a8a8a8 · ΔE 19.4

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

Code

CSS

background-color: #cc9ab6;

Tailwind (arbitrary value)

bg-[#cc9ab6]

Related colors

Deep Pink #ff1493

Hot Pink #ff69b4

Medium Violet Red #c71585

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Frequently asked questions

#cc9ab6 (#cc9ab6) is rgb(204, 154, 182) in RGB.

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

Generate a palette → Check contrast