#C4C013

#C4C013

Color Values

HEX

#C4C013

RGB

196, 192, 19

HSL

58.6, 82.3%, 42.2%

HSV

58.6, 90.3%, 76.9%

CMYK

0.0%, 2.0%, 90.3%, 23.1%

OKLCH

0.7857 0.1664 108.1

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C4C013

#1317C4

Analogous

#C46713

#70C413

#C4C013

Triadic

#C4C013

#13C4C0

#C013C4

Split Complementary

#C4C013

#1370C4

#6713C4

Tetradic

#C4C013

#13C467

#1317C4

#C41370

Color Blindness Simulation

Original

#C4C013

Protanopia

#C2C23D

Deuteranopia

#C2C347

Tritanopia

#C45E65

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F7BE
300
#F4F28F
400
#EEEB53
500
#E8E417
600
#BAB612
700
#95920E
800
#74720B
900
#54530D
950
#353408

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.9: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