#CC5333

#CC5333

Color Values

HEX

#CC5333

RGB

204, 83, 51

HSL

12.5, 60.0%, 50.0%

HSV

12.5, 75.0%, 80.0%

CMYK

0.0%, 59.3%, 75.0%, 20.0%

OKLCH

0.5951 0.1611 35.7

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#CC5333

#33ACCC

Analogous

#CC3360

#CC9F33

#CC5333

Triadic

#CC5333

#33CC53

#5333CC

Split Complementary

#CC5333

#33CC9F

#3360CC

Tetradic

#CC5333

#60CC33

#33ACCC

#9F33CC

Color Blindness Simulation

Original

#CC5333

Protanopia

#98973B

Deuteranopia

#9FA83D

Tritanopia

#C64142

Achromatopsia

#6A6A6A

CSS Usage

background-color: #CC5333;
color: #CC5333;
border-color: #CC5333;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FBF5F3
100
#F6E8E4
200
#F1CFC6
300
#E7AC9D
400
#D98068
500
#CC5333
600
#A34229
700
#833521
800
#66291A
900
#4B2116
950
#2F150E

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass 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