#CC3383

#CC3383

Color Values

HEX

#CC3383

RGB

204, 51, 131

HSL

328.6, 60.0%, 50.0%

HSV

328.6, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 35.8%, 20.0%

OKLCH

0.5788 0.2007 353.5

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#CC3383

#33CC7C

Analogous

#C833CC

#CC3337

#CC3383

Triadic

#CC3383

#83CC33

#3383CC

Split Complementary

#CC3383

#37CC33

#33CCC8

Tetradic

#CC3383

#CCC833

#33CC7C

#3337CC

Color Blindness Simulation

Original

#CC3383

Protanopia

#8A8870

Deuteranopia

#939E6B

Tritanopia

#C4605D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DC
300
#E79DC4
400
#D968A3
500
#CC3383
600
#A32969
700
#832154
800
#661A42
900
#4B1632
950
#2F0E1F

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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