#C98F03

#C98F03

Color Values

HEX

#C98F03

RGB

201, 143, 3

HSL

42.4, 97.1%, 40.0%

HSV

42.4, 98.5%, 78.8%

CMYK

0.0%, 28.9%, 98.5%, 21.2%

OKLCH

0.6891 0.1423 79.6

Properties

Warm Light Nearest: darkgoldenrod 3

Color Harmonies

Complementary

#C98F03

#033DC9

Analogous

#C92C03

#A0C903

#C98F03

Triadic

#C98F03

#03C98F

#8F03C9

Split Complementary

#C98F03

#03A0C9

#2C03C9

Tetradic

#C98F03

#03C92C

#033DC9

#C903A0

Color Blindness Simulation

Original

#C98F03

Protanopia

#B0AF25

Deuteranopia

#B3B82D

Tritanopia

#C64046

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEEAB9
300
#FDDA86
400
#FCC745
500
#FBB304
600
#C98F03
700
#A17202
800
#7E5902
900
#5B4206
950
#392A04

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

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