#CC4486

#CC4486

Color Values

HEX

#CC4486

RGB

204, 68, 134

HSL

330.9, 57.1%, 53.3%

HSV

330.9, 66.7%, 80.0%

CMYK

0.0%, 66.7%, 34.3%, 20.0%

OKLCH

0.5957 0.1822 354.2

Properties

Warm Light Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#CC4486

#44CC8A

Analogous

#CC44CA

#CC4644

#CC4486

Triadic

#CC4486

#86CC44

#4486CC

Split Complementary

#CC4486

#44CC46

#44CACC

Tetradic

#CC4486

#CACC44

#44CC8A

#4644CC

Color Blindness Simulation

Original

#CC4486

Protanopia

#919076

Deuteranopia

#99A372

Tritanopia

#C56967

Achromatopsia

#666666

CSS Usage

background-color: #CC4486;
color: #CC4486;
border-color: #CC4486;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DB
300
#E59FC1
400
#D76B9F
500
#C8377D
600
#A02C64
700
#802350
800
#641B3F
900
#491830
950
#2E0F1E

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026