#CC5700

#CC5700

Color Values

HEX

#CC5700

RGB

204, 87, 0

HSL

25.6, 100.0%, 40.0%

HSV

25.6, 100.0%, 80.0%

CMYK

0.0%, 57.4%, 100.0%, 20.0%

OKLCH

0.5976 0.1671 46.3

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CC5700

#0075CC

Analogous

#CC000F

#CCBD00

#CC5700

Triadic

#CC5700

#00CC57

#5700CC

Split Complementary

#CC5700

#00CCBD

#000FCC

Tetradic

#CC5700

#0FCC00

#0075CC

#BD00CC

Color Blindness Simulation

Original

#CC5700

Protanopia

#999815

Deuteranopia

#A0A91A

Tritanopia

#C62629

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FFD6B8
300
#FFB985
400
#FF9342
500
#FF6D00
600
#CC5700
700
#A34600
800
#803600
900
#5C2A05
950
#3A1B03

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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