#CC989C

#CC989C

Color Values

HEX

#CC989C

RGB

204, 152, 156

HSL

355.4, 33.8%, 69.8%

HSV

355.4, 25.5%, 80.0%

CMYK

0.0%, 25.5%, 23.5%, 20.0%

OKLCH

0.73 0.0627 13.6

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CC989C

#98CCC8

Analogous

#CC98B6

#CCAE98

#CC989C

Triadic

#CC989C

#9CCC98

#989CCC

Split Complementary

#CC989C

#98CCAE

#98B6CC

Tetradic

#CC989C

#B6CC98

#98CCC8

#AE98CC

Color Blindness Simulation

Original

#CC989C

Protanopia

#B5B59B

Deuteranopia

#B8BC9B

Tritanopia

#C99A9A

Achromatopsia

#A3A3A3

CSS Usage

background-color: #CC989C;
color: #CC989C;
border-color: #CC989C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E9
200
#E7CFD1
300
#D6ADB0
400
#C18186
500
#AB545B
600
#884449
700
#6D363A
800
#552A2E
900
#3F2224
950
#281517

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026