#CC336E

#CC336E

Color Values

HEX

#CC336E

RGB

204, 51, 110

HSL

336.9, 60.0%, 50.0%

HSV

336.9, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 46.1%, 20.0%

OKLCH

0.5718 0.193 2.5

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CC336E

#33CC91

Analogous

#CC33BA

#CC4533

#CC336E

Triadic

#CC336E

#6ECC33

#336ECC

Split Complementary

#CC336E

#33CC45

#33BACC

Tetradic

#CC336E

#BACC33

#33CC91

#4533CC

Color Blindness Simulation

Original

#CC336E

Protanopia

#8A8860

Deuteranopia

#939E5C

Tritanopia

#C45452

Achromatopsia

#585858

CSS Usage

background-color: #CC336E;
color: #CC336E;
border-color: #CC336E;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E79DB9
400
#D96894
500
#CC336E
600
#A32958
700
#832146
800
#661A37
900
#4B162A
950
#2F0E1B

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

AA Fail 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