#CC339C

#CC339C

Color Values

HEX

#CC339C

RGB

204, 51, 156

HSL

318.8, 60.0%, 50.0%

HSV

318.8, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 23.5%, 20.0%

OKLCH

0.5888 0.2136 343.7

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CC339C

#33CC63

Analogous

#AF33CC

#CC3350

#CC339C

Triadic

#CC339C

#9CCC33

#339CCC

Split Complementary

#CC339C

#50CC33

#33CCAF

Tetradic

#CC339C

#CCAF33

#33CC63

#3350CC

Color Blindness Simulation

Original

#CC339C

Protanopia

#8A8883

Deuteranopia

#939E7C

Tritanopia

#C46F6A

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F6E4F1
200
#F1C6E3
300
#E79DD0
400
#D968B6
500
#CC339C
600
#A3297D
700
#832164
800
#661A4E
900
#4B163A
950
#2F0E25

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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