#C4C613

#C4C613

Color Values

HEX

#C4C613

RGB

196, 198, 19

HSL

60.7, 82.5%, 42.5%

HSV

60.7, 90.4%, 77.6%

CMYK

1.0%, 0.0%, 90.4%, 22.4%

OKLCH

0.7987 0.1718 110.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C4C613

#1513C6

Analogous

#C66E13

#6AC613

#C4C613

Triadic

#C4C613

#13C4C6

#C613C4

Split Complementary

#C4C613

#136AC6

#6E13C6

Tetradic

#C4C613

#13C66E

#1513C6

#C6136A

Color Blindness Simulation

Original

#C4C613

Protanopia

#C5C53E

Deuteranopia

#C5C549

Tritanopia

#C46168

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#F9FAE1
200
#F8F9BE
300
#F3F48F
400
#EDEE53
500
#E6E916
600
#B8BA12
700
#93950E
800
#73740B
900
#54540C
950
#353508

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026