#C98403

#C98403

Color Values

HEX

#C98403

RGB

201, 132, 3

HSL

39.1, 97.1%, 40.0%

HSV

39.1, 98.5%, 78.8%

CMYK

0.0%, 34.3%, 98.5%, 21.2%

OKLCH

0.6681 0.1421 72.4

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C98403

#0348C9

Analogous

#C92103

#ABC903

#C98403

Triadic

#C98403

#03C984

#8403C9

Split Complementary

#C98403

#03ABC9

#2103C9

Tetradic

#C98403

#03C921

#0348C9

#C903AB

Color Blindness Simulation

Original

#C98403

Protanopia

#ABAB22

Deuteranopia

#AFB42A

Tritanopia

#C63B40

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B9
300
#FDD486
400
#FCBC45
500
#FBA504
600
#C98403
700
#A16A02
800
#7E5302
900
#5B3D06
950
#392704

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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