#C5C520

#C5C520

Color Values

HEX

#C5C520

RGB

197, 197, 32

HSL

60.0, 72.1%, 44.9%

HSV

60.0, 83.8%, 77.3%

CMYK

0.0%, 0.0%, 83.8%, 22.7%

OKLCH

0.7978 0.167 109.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C5C520

#2020C5

Analogous

#C57220

#72C520

#C5C520

Triadic

#C5C520

#20C5C5

#C520C5

Split Complementary

#C5C520

#2072C5

#7220C5

Tetradic

#C5C520

#20C572

#2020C5

#C52072

Color Blindness Simulation

Original

#C5C520

Protanopia

#C5C548

Deuteranopia

#C5C552

Tritanopia

#C5676E

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F5F5C2
300
#EEEE96
400
#E5E55D
500
#DBDB24
600
#B0B01C
700
#8C8C17
800
#6E6E12
900
#505011
950
#32320B

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.38:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026