#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026