#CC5100

#CC5100

Color Values

HEX

#CC5100

RGB

204, 81, 0

HSL

23.8, 100.0%, 40.0%

HSV

23.8, 100.0%, 80.0%

CMYK

0.0%, 60.3%, 100.0%, 20.0%

OKLCH

0.5894 0.1718 43.9

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CC5100

#007BCC

Analogous

#CC0015

#CCB700

#CC5100

Triadic

#CC5100

#00CC51

#5100CC

Split Complementary

#CC5100

#00CCB7

#0015CC

Tetradic

#CC5100

#15CC00

#007BCC

#B700CC

Color Blindness Simulation

Original

#CC5100

Protanopia

#979614

Deuteranopia

#9EA718

Tritanopia

#C62326

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD4B8
300
#FFB585
400
#FF8D42
500
#FF6500
600
#CC5100
700
#A34100
800
#803300
900
#5C2705
950
#3A1903

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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