#C9C503

#C9C503

Color Values

HEX

#C9C503

RGB

201, 197, 3

HSL

58.8, 97.1%, 40.0%

HSV

58.8, 98.5%, 78.8%

CMYK

0.0%, 2.0%, 98.5%, 21.2%

OKLCH

0.8005 0.1724 108.3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C9C503

#0307C9

Analogous

#C96203

#6AC903

#C9C503

Triadic

#C9C503

#03C9C5

#C503C9

Split Complementary

#C9C503

#036AC9

#6203C9

Tetradic

#C9C503

#03C962

#0307C9

#C9036A

Color Blindness Simulation

Original

#C9C503

Protanopia

#C7C732

Deuteranopia

#C8C83D

Tritanopia

#C9575F

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB9
300
#FDFB86
400
#FCF945
500
#FBF604
600
#C9C503
700
#A19E02
800
#7E7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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