#CC3394

#CC3394

Color Values

HEX

#CC3394

RGB

204, 51, 148

HSL

322.0, 60.0%, 50.0%

HSV

322.0, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 27.5%, 20.0%

OKLCH

0.5854 0.2091 346.7

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CC3394

#33CC6B

Analogous

#B833CC

#CC3347

#CC3394

Triadic

#CC3394

#94CC33

#3394CC

Split Complementary

#CC3394

#47CC33

#33CCB8

Tetradic

#CC3394

#CCB833

#33CC6B

#3347CC

Color Blindness Simulation

Original

#CC3394

Protanopia

#8A887D

Deuteranopia

#939E77

Tritanopia

#C46A66

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4F0
200
#F1C6E1
300
#E79DCC
400
#D968B0
500
#CC3394
600
#A32976
700
#83215F
800
#661A4A
900
#4B1637
950
#2F0E23

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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