#CAC415

#CAC415

Color Values

HEX

#CAC415

RGB

202, 196, 21

HSL

58,0, 81,2%, 43,7%

HSV

58,0, 89,6%, 79,2%

CMYK

0,0%, 3,0%, 89,6%, 20,8%

OKLCH

0,7996 0,1683 107,4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC415

#151BCA

Analogous

#CA6915

#75CA15

#CAC415

Triadic

#CAC415

#15CAC4

#C415CA

Split Complementary

#CAC415

#1575CA

#6915CA

Tetradic

#CAC415

#15CA69

#151BCA

#CA1575

Color Blindness Simulation

Original

#CAC415

Protanopia

#C7C73F

Deuteranopia

#C8C84A

Tritanopia

#CA6168

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#F9F9E1
200
#F8F6BE
300
#F3F090
400
#EDE854
500
#E7E018
600
#B9B313
700
#948F0F
800
#74700C
900
#54510D
950
#353308

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026