#CC334C

#CC334C

Color Values

HEX

#CC334C

RGB

204, 51, 76

HSL

350.2, 60.0%, 50.0%

HSV

350.2, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 62.7%, 20.0%

OKLCH

0.5634 0.1883 16.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC334C

#33CCB3

Analogous

#CC3398

#CC6733

#CC334C

Triadic

#CC334C

#4CCC33

#334CCC

Split Complementary

#CC334C

#33CC67

#3398CC

Tetradic

#CC334C

#98CC33

#33CCB3

#6733CC

Color Blindness Simulation

Original

#CC334C

Protanopia

#8A8846

Deuteranopia

#939E44

Tritanopia

#C44140

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F6E4E7
200
#F1C6CD
300
#E79DA9
400
#D9687B
500
#CC334C
600
#A3293D
700
#832131
800
#661A26
900
#4B161F
950
#2F0E13

Contrast Checker

Text on white

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