#CC3376

#CC3376

Color Values

HEX

#CC3376

RGB

204, 51, 118

HSL

333.7, 60.0%, 50.0%

HSV

333.7, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 42.2%, 20.0%

OKLCH

0.5743 0.1955 359.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CC3376

#33CC89

Analogous

#CC33C3

#CC3C33

#CC3376

Triadic

#CC3376

#76CC33

#3376CC

Split Complementary

#CC3376

#33CC3C

#33C3CC

Tetradic

#CC3376

#C3CC33

#33CC89

#3C33CC

Color Blindness Simulation

Original

#CC3376

Protanopia

#8A8866

Deuteranopia

#939E62

Tritanopia

#C45956

Achromatopsia

#585858

CSS Usage

background-color: #CC3376;
color: #CC3376;
border-color: #CC3376;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6D9
300
#E79DBD
400
#D9689A
500
#CC3376
600
#A3295E
700
#83214C
800
#661A3B
900
#4B162D
950
#2F0E1D

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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