#CC3380

#CC3380

Color Values

HEX

#CC3380

RGB

204, 51, 128

HSL

329.8, 60.0%, 50.0%

HSV

329.8, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 37.3%, 20.0%

OKLCH

0.5777 0.1994 354.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CC3380

#33CC7F

Analogous

#CB33CC

#CC3334

#CC3380

Triadic

#CC3380

#80CC33

#3380CC

Split Complementary

#CC3380

#34CC33

#33CCCB

Tetradic

#CC3380

#CCCB33

#33CC7F

#3334CC

Color Blindness Simulation

Original

#CC3380

Protanopia

#8A886D

Deuteranopia

#939E69

Tritanopia

#C45F5B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DB
300
#E79DC2
400
#D968A1
500
#CC3380
600
#A32966
700
#832152
800
#661A40
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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