#CC338A

#CC338A

Color Values

HEX

#CC338A

RGB

204, 51, 138

HSL

325.9, 60.0%, 50.0%

HSV

325.9, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 32.4%, 20.0%

OKLCH

0.5814 0.2039 350.7

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CC338A

#33CC75

Analogous

#C233CC

#CC333D

#CC338A

Triadic

#CC338A

#8ACC33

#338ACC

Split Complementary

#CC338A

#3DCC33

#33CCC2

Tetradic

#CC338A

#CCC233

#33CC75

#333DCC

Color Blindness Simulation

Original

#CC338A

Protanopia

#8A8875

Deuteranopia

#939E70

Tritanopia

#C46461

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DE
300
#E79DC7
400
#D968A8
500
#CC338A
600
#A3296E
700
#832158
800
#661A45
900
#4B1634
950
#2F0E21

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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