#CC338E

#CC338E

Color Values

HEX

#CC338E

RGB

204, 51, 142

HSL

324.3, 60.0%, 50.0%

HSV

324.3, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 30.4%, 20.0%

OKLCH

0.583 0.2059 349.1

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CC338E

#33CC71

Analogous

#BD33CC

#CC3342

#CC338E

Triadic

#CC338E

#8ECC33

#338ECC

Split Complementary

#CC338E

#42CC33

#33CCBD

Tetradic

#CC338E

#CCBD33

#33CC71

#3342CC

Color Blindness Simulation

Original

#CC338E

Protanopia

#8A8878

Deuteranopia

#939E73

Tritanopia

#C46763

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6DF
300
#E79DC9
400
#D968AB
500
#CC338E
600
#A32972
700
#83215B
800
#661A47
900
#4B1635
950
#2F0E22

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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