#CC3354

#CC3354

Color Values

HEX

#CC3354

RGB

204, 51, 84

HSL

347.1, 60.0%, 50.0%

HSV

347.1, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 58.8%, 20.0%

OKLCH

0.5651 0.1886 13.7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3354

#33CCAB

Analogous

#CC33A0

#CC5F33

#CC3354

Triadic

#CC3354

#54CC33

#3354CC

Split Complementary

#CC3354

#33CC5F

#33A0CC

Tetradic

#CC3354

#A0CC33

#33CCAB

#5F33CC

Color Blindness Simulation

Original

#CC3354

Protanopia

#8A884C

Deuteranopia

#939E4A

Tritanopia

#C44644

Achromatopsia

#565656

CSS Usage

background-color: #CC3354;
color: #CC3354;
border-color: #CC3354;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F5
100
#F6E4E8
200
#F1C6CF
300
#E79DAD
400
#D96880
500
#CC3354
600
#A32943
700
#832136
800
#661A2A
900
#4B1622
950
#2F0E15

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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