#CC7100

#CC7100

Color Values

HEX

#CC7100

RGB

204, 113, 0

HSL

33.2, 100.0%, 40.0%

HSV

33.2, 100.0%, 80.0%

CMYK

0.0%, 44.6%, 100.0%, 20.0%

OKLCH

0.6381 0.1503 59.6

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CC7100

#005BCC

Analogous

#CC0B00

#C1CC00

#CC7100

Triadic

#CC7100

#00CC71

#7100CC

Split Complementary

#CC7100

#00C1CC

#0B00CC

Tetradic

#CC7100

#00CC0B

#005BCC

#CC00C1

Color Blindness Simulation

Original

#CC7100

Protanopia

#A5A41B

Deuteranopia

#AAB122

Tritanopia

#C73136

Achromatopsia

#7C7C7C

CSS Usage

background-color: #CC7100;
color: #CC7100;
border-color: #CC7100;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFDFB8
300
#FFC885
400
#FFAB42
500
#FF8D00
600
#CC7100
700
#A35A00
800
#804700
900
#5C3505
950
#3A2203

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026