#C57F28

#C57F28

Color Values

HEX

#C57F28

RGB

197, 127, 40

HSL

33.2, 66.2%, 46.5%

HSV

33.2, 79.7%, 77.3%

CMYK

0.0%, 35.5%, 79.7%, 22.7%

OKLCH

0.6554 0.1299 66.8

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C57F28

#286EC5

Analogous

#C53028

#BDC528

#C57F28

Triadic

#C57F28

#28C57F

#7F28C5

Split Complementary

#C57F28

#28BDC5

#3028C5

Tetradic

#C57F28

#28C530

#286EC5

#C528BD

Color Blindness Simulation

Original

#C57F28

Protanopia

#A7A63D

Deuteranopia

#ABB042

Tritanopia

#C14E51

Achromatopsia

#888888

CSS Usage

background-color: #C57F28;
color: #C57F28;
border-color: #C57F28;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC4
300
#EAC699
400
#DFA762
500
#D4892B
600
#AA6D22
700
#88571C
800
#6A4416
900
#4D3414
950
#31210C

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026