#CC3333

#CC3333

Color Values

HEX

#CC3333

RGB

204, 51, 51

HSL

0,0, 60,0%, 50,0%

HSV

0,0, 75,0%, 80,0%

CMYK

0,0%, 75,0%, 75,0%, 20,0%

OKLCH

0,5594 0,19 25,9

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CC3333

#33CCCC

Analogous

#CC3380

#CC8033

#CC3333

Triadic

#CC3333

#33CC33

#3333CC

Split Complementary

#CC3333

#33CC80

#3380CC

Tetradic

#CC3333

#80CC33

#33CCCC

#8033CC

Color Blindness Simulation

Original

#CC3333

Protanopia

#8A8833

Deuteranopia

#939E33

Tritanopia

#C43333

Achromatopsia

#545454

CSS Usage

background-color: #CC3333;
color: #CC3333;
border-color: #CC3333;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF3F3
100
#F6E4E4
200
#F1C6C6
300
#E79D9D
400
#D96868
500
#CC3333
600
#A32929
700
#832121
800
#661A1A
900
#4B1616
950
#2F0E0E

Contrast Checker

Text on white

5,14:1

AA Pass AAA Fail

Text on black

4,09: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