#CC9DB2

#CC9DB2

Color Values

HEX

#CC9DB2

RGB

204, 157, 178

HSL

333.2, 31.5%, 70.8%

HSV

333.2, 23.0%, 80.0%

CMYK

0.0%, 23.0%, 12.7%, 20.0%

OKLCH

0.7458 0.0622 350.2

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CC9DB2

#9DCCB7

Analogous

#CC9DC9

#CCA09D

#CC9DB2

Triadic

#CC9DB2

#B2CC9D

#9DB2CC

Split Complementary

#CC9DB2

#9DCCA0

#9DC9CC

Tetradic

#CC9DB2

#C9CC9D

#9DCCB7

#A09DCC

Color Blindness Simulation

Original

#CC9DB2

Protanopia

#B8B7AD

Deuteranopia

#BABEAC

Tritanopia

#CAA9A8

Achromatopsia

#A9A9A9

CSS Usage

background-color: #CC9DB2;
color: #CC9DB2;
border-color: #CC9DB2;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F5F7
100
#F2E8ED
200
#E7D0DA
300
#D5AFC0
400
#BE839D
500
#A8577B
600
#864663
700
#6B384F
800
#542C3E
900
#3E232F
950
#27161E

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026