#CC626A

#CC626A

Color Values

HEX

#CC626A

RGB

204, 98, 106

HSL

355.5, 51.0%, 59.2%

HSV

355.5, 52.0%, 80.0%

CMYK

0.0%, 52.0%, 48.0%, 20.0%

OKLCH

0.6257 0.1346 17.1

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CC626A

#62CCC4

Analogous

#CC629F

#CC8F62

#CC626A

Triadic

#CC626A

#6ACC62

#626ACC

Split Complementary

#CC626A

#62CC8F

#629FCC

Tetradic

#CC626A

#9FCC62

#62CCC4

#8F62CC

Color Blindness Simulation

Original

#CC626A

Protanopia

#9E9D68

Deuteranopia

#A4AC68

Tritanopia

#C76766

Achromatopsia

#797979

CSS Usage

background-color: #CC626A;
color: #CC626A;
border-color: #CC626A;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E1A3A7
400
#D17178
500
#C13E48
600
#9A323A
700
#7B282E
800
#601F24
900
#471A1E
950
#2D1113

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026