#CC9AA0

#CC9AA0

Color Values

HEX

#CC9AA0

RGB

204, 154, 160

HSL

352.8, 32.9%, 70.2%

HSV

352.8, 24.5%, 80.0%

CMYK

0.0%, 24.5%, 21.6%, 20.0%

OKLCH

0.7349 0.0603 10.6

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CC9AA0

#9ACCC6

Analogous

#CC9AB9

#CCAD9A

#CC9AA0

Triadic

#CC9AA0

#A0CC9A

#9AA0CC

Split Complementary

#CC9AA0

#9ACCAD

#9AB9CC

Tetradic

#CC9AA0

#B9CC9A

#9ACCC6

#AD9ACC

Color Blindness Simulation

Original

#CC9AA0

Protanopia

#B6B69F

Deuteranopia

#B9BD9E

Tritanopia

#C99D9D

Achromatopsia

#A5A5A5

CSS Usage

background-color: #CC9AA0;
color: #CC9AA0;
border-color: #CC9AA0;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F6
100
#F2E8E9
200
#E7D0D2
300
#D6AEB2
400
#C08289
500
#A95660
600
#88444C
700
#6C373D
800
#552B30
900
#3F2226
950
#281618

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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