#C5C307

#C5C307

Color Values

HEX

#C5C307

RGB

197, 195, 7

HSL

59.4, 93.1%, 40.0%

HSV

59.4, 96.4%, 77.3%

CMYK

0.0%, 1.0%, 96.4%, 22.7%

OKLCH

0.7928 0.171 109.0

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C5C307

#0709C5

Analogous

#C56407

#68C507

#C5C307

Triadic

#C5C307

#07C5C3

#C307C5

Split Complementary

#C5C307

#0768C5

#6407C5

Tetradic

#C5C307

#07C564

#0709C5

#C50768

Color Blindness Simulation

Original

#C5C307

Protanopia

#C4C434

Deuteranopia

#C4C43F

Tritanopia

#C55860

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFCBA
300
#FBFA89
400
#F8F749
500
#F6F409
600
#C5C307
700
#9E9C06
800
#7B7A04
900
#595808
950
#383805

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.18:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026