#C97C2B

#C97C2B

Color Values

HEX

#C97C2B

RGB

201, 124, 43

HSL

30.8, 64.8%, 47.8%

HSV

30.8, 78.6%, 78.8%

CMYK

0.0%, 38.3%, 78.6%, 21.2%

OKLCH

0.6551 0.1325 62.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C97C2B

#2B78C9

Analogous

#C92D2B

#C7C92B

#C97C2B

Triadic

#C97C2B

#2BC97C

#7C2BC9

Split Complementary

#C97C2B

#2BC7C9

#2D2BC9

Tetradic

#C97C2B

#2BC92D

#2B78C9

#C92BC7

Color Blindness Simulation

Original

#C97C2B

Protanopia

#A8A73F

Deuteranopia

#ACB243

Tritanopia

#C54E51

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DCC4
300
#E9C39A
400
#DEA264
500
#D2822D
600
#A86824
700
#86531D
800
#694116
900
#4D3114
950
#301F0D

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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