#C57014

#C57014

Color Values

HEX

#C57014

RGB

197, 112, 20

HSL

31.2, 81.6%, 42.5%

HSV

31.2, 89.8%, 77.3%

CMYK

0.0%, 43.1%, 89.8%, 22.7%

OKLCH

0.6275 0.1416 59.7

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C57014

#1469C5

Analogous

#C51714

#C1C514

#C57014

Triadic

#C57014

#14C570

#7014C5

Split Complementary

#C57014

#14C1C5

#1714C5

Tetradic

#C57014

#14C517

#1469C5

#C514C1

Color Blindness Simulation

Original

#C57014

Protanopia

#A09F2A

Deuteranopia

#A5AB30

Tritanopia

#C13C40

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F8DCBE
300
#F4C490
400
#EEA454
500
#E88417
600
#B96913
700
#94540F
800
#74420C
900
#54320D
950
#351F08

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026