#C97F30

#C97F30

Color Values

HEX

#C97F30

RGB

201, 127, 48

HSL

31.0, 61.4%, 48.8%

HSV

31.0, 76.1%, 78.8%

CMYK

0.0%, 36.8%, 76.1%, 21.2%

OKLCH

0.6609 0.1292 63.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C97F30

#307AC9

Analogous

#C93330

#C6C930

#C97F30

Triadic

#C97F30

#30C97F

#7F30C9

Split Complementary

#C97F30

#30C6C9

#3330C9

Tetradic

#C97F30

#30C933

#307AC9

#C930C6

Color Blindness Simulation

Original

#C97F30

Protanopia

#A9A843

Deuteranopia

#ADB348

Tritanopia

#C55256

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DCC5
300
#E7C39C
400
#DBA367
500
#CE8231
600
#A56827
700
#84531F
800
#674119
900
#4B3116
950
#301F0E

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026