#CC9ABB

#CC9ABB

Color Values

HEX

#CC9ABB

RGB

204, 154, 187

HSL

320.4, 32.9%, 70.2%

HSV

320.4, 24.5%, 80.0%

CMYK

0.0%, 24.5%, 8.3%, 20.0%

OKLCH

0.7432 0.0738 339.5

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#CC9ABB

#9ACCAB

Analogous

#C49ACC

#CC9AA2

#CC9ABB

Triadic

#CC9ABB

#BBCC9A

#9ABBCC

Split Complementary

#CC9ABB

#A2CC9A

#9ACCC4

Tetradic

#CC9ABB

#CCC49A

#9ACCAB

#9AA2CC

Color Blindness Simulation

Original

#CC9ABB

Protanopia

#B6B6B3

Deuteranopia

#B9BDB1

Tritanopia

#C9ADAB

Achromatopsia

#A7A7A7

CSS Usage

background-color: #CC9ABB;
color: #CC9ABB;
border-color: #CC9ABB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F2E8EF
200
#E7D0DF
300
#D6AEC8
400
#C082AB
500
#A9568D
600
#884471
700
#6C375A
800
#552B46
900
#3F2235
950
#281621

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.91: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