#CC898C

#CC898C

Color Values

HEX

#CC898C

RGB

204, 137, 140

HSL

357.3, 39.6%, 66.9%

HSV

357.3, 32.8%, 80.0%

CMYK

0.0%, 32.8%, 31.4%, 20.0%

OKLCH

0.6983 0.0824 16.5

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CC898C

#89CCC9

Analogous

#CC89AE

#CCA889

#CC898C

Triadic

#CC898C

#8CCC89

#898CCC

Split Complementary

#CC898C

#89CCA8

#89AECC

Tetradic

#CC898C

#AECC89

#89CCC9

#A889CC

Color Blindness Simulation

Original

#CC898C

Protanopia

#AFAE8B

Deuteranopia

#B3B88B

Tritanopia

#C98B8B

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCE
300
#DAAAAC
400
#C67B7F
500
#B24D52
600
#8E3E41
700
#723134
800
#592729
900
#421F21
950
#2A1415

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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