#CC3346

#CC3346

Color Values

HEX

#CC3346

RGB

204, 51, 70

HSL

352.5, 60.0%, 50.0%

HSV

352.5, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 65.7%, 20.0%

OKLCH

0.5623 0.1884 19.3

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3346

#33CCB9

Analogous

#CC3393

#CC6C33

#CC3346

Triadic

#CC3346

#46CC33

#3346CC

Split Complementary

#CC3346

#33CC6C

#3393CC

Tetradic

#CC3346

#93CC33

#33CCB9

#6C33CC

Color Blindness Simulation

Original

#CC3346

Protanopia

#8A8841

Deuteranopia

#939E40

Tritanopia

#C43E3D

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E6
200
#F1C6CB
300
#E79DA6
400
#D96876
500
#CC3346
600
#A32938
700
#83212D
800
#661A23
900
#4B161D
950
#2F0E12

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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