#C5C51C

#C5C51C

Color Values

HEX

#C5C51C

RGB

197, 197, 28

HSL

60.0, 75.1%, 44.1%

HSV

60.0, 85.8%, 77.3%

CMYK

0.0%, 0.0%, 85.8%, 22.7%

OKLCH

0.7976 0.1683 109.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C5C51C

#1C1CC5

Analogous

#C5701C

#70C51C

#C5C51C

Triadic

#C5C51C

#1CC5C5

#C51CC5

Split Complementary

#C5C51C

#1C70C5

#701CC5

Tetradic

#C5C51C

#1CC570

#1C1CC5

#C51C70

Color Blindness Simulation

Original

#C5C51C

Protanopia

#C5C545

Deuteranopia

#C5C54F

Tritanopia

#C5656C

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E2
200
#F6F6C0
300
#F0F094
400
#E8E85A
500
#DFDF20
600
#B3B319
700
#8F8F14
800
#707010
900
#515110
950
#33330A

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

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