#CAC002

#CAC002

Color Values

HEX

#CAC002

RGB

202, 192, 2

HSL

57,0, 98,0%, 40,0%

HSV

57,0, 99,0%, 79,2%

CMYK

0,0%, 5,0%, 99,0%, 20,8%

OKLCH

0,7906 0,1682 105,9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC002

#020CCA

Analogous

#CA5C02

#70CA02

#CAC002

Triadic

#CAC002

#02CAC0

#C002CA

Split Complementary

#CAC002

#0270CA

#5C02CA

Tetradic

#CAC002

#02CA5C

#020CCA

#CA0270

Color Blindness Simulation

Original

#CAC002

Protanopia

#C6C630

Deuteranopia

#C6C73B

Tritanopia

#C9545C

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFBB8
300
#FEF886
400
#FDF444
500
#FCF003
600
#CAC002
700
#A29A02
800
#7E7801
900
#5B5706
950
#3A3704

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026