#C97F03

#C97F03

Color Values

HEX

#C97F03

RGB

201, 127, 3

HSL

37.6, 97.1%, 40.0%

HSV

37.6, 98.5%, 78.8%

CMYK

0.0%, 36.8%, 98.5%, 21.2%

OKLCH

0.6589 0.1428 69.2

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C97F03

#034DC9

Analogous

#C91C03

#B0C903

#C97F03

Triadic

#C97F03

#03C97F

#7F03C9

Split Complementary

#C97F03

#03B0C9

#1C03C9

Tetradic

#C97F03

#03C91C

#034DC9

#C903B0

Color Blindness Simulation

Original

#C97F03

Protanopia

#A9A821

Deuteranopia

#ADB328

Tritanopia

#C5393E

Achromatopsia

#868686

CSS Usage

background-color: #C97F03;
color: #C97F03;
border-color: #C97F03;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE4B9
300
#FDD186
400
#FCB845
500
#FB9F04
600
#C97F03
700
#A16602
800
#7E4F02
900
#5B3B06
950
#392504

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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