#CC334D

#CC334D

Color Values

HEX

#CC334D

RGB

204, 51, 77

HSL

349.8, 60.0%, 50.0%

HSV

349.8, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 62.3%, 20.0%

OKLCH

0.5636 0.1883 16.5

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC334D

#33CCB2

Analogous

#CC339A

#CC6533

#CC334D

Triadic

#CC334D

#4DCC33

#334DCC

Split Complementary

#CC334D

#33CC65

#339ACC

Tetradic

#CC334D

#9ACC33

#33CCB2

#6533CC

Color Blindness Simulation

Original

#CC334D

Protanopia

#8A8847

Deuteranopia

#939E45

Tritanopia

#C44241

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F6E4E7
200
#F1C6CD
300
#E79DAA
400
#D9687B
500
#CC334D
600
#A3293E
700
#832131
800
#661A27
900
#4B161F
950
#2F0E14

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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