#C9C403

#C9C403

Color Values

HEX

#C9C403

RGB

201, 196, 3

HSL

58.5, 97.1%, 40.0%

HSV

58.5, 98.5%, 78.8%

CMYK

0.0%, 2.5%, 98.5%, 21.2%

OKLCH

0.7984 0.1716 107.9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C9C403

#0308C9

Analogous

#C96103

#6BC903

#C9C403

Triadic

#C9C403

#03C9C4

#C403C9

Split Complementary

#C9C403

#036BC9

#6103C9

Tetradic

#C9C403

#03C961

#0308C9

#C9036B

Color Blindness Simulation

Original

#C9C403

Protanopia

#C7C732

Deuteranopia

#C7C83D

Tritanopia

#C9575F

Achromatopsia

#B7B7B7

CSS Usage

background-color: #C9C403;
color: #C9C403;
border-color: #C9C403;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFCB9
300
#FDFA86
400
#FCF845
500
#FBF504
600
#C9C403
700
#A19D02
800
#7E7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.38:1

AA Pass AAA Pass

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