#C9C52F

#C9C52F

Color Values

HEX

#C9C52F

RGB

201, 197, 47

HSL

58.4, 62.1%, 48.6%

HSV

58.4, 76.6%, 78.8%

CMYK

0.0%, 2.0%, 76.6%, 21.2%

OKLCH

0.8018 0.1599 107.9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C9C52F

#2F33C9

Analogous

#C9782F

#80C92F

#C9C52F

Triadic

#C9C52F

#2FC9C5

#C52FC9

Split Complementary

#C9C52F

#2F80C9

#782FC9

Tetradic

#C9C52F

#2FC978

#2F33C9

#C92F80

Color Blindness Simulation

Original

#C9C52F

Protanopia

#C7C753

Deuteranopia

#C8C85C

Tritanopia

#C97076

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F1F0C5
300
#E8E69C
400
#DBD866
500
#CFCA30
600
#A5A227
700
#84821F
800
#676518
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.51:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026