#CAC702

#CAC702

Color Values

HEX

#CAC702

RGB

202, 199, 2

HSL

59,1, 98,0%, 40,0%

HSV

59,1, 99,0%, 79,2%

CMYK

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

OKLCH

0,8057 0,1741 108,6

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC702

#0205CA

Analogous

#CA6302

#69CA02

#CAC702

Triadic

#CAC702

#02CAC7

#C702CA

Split Complementary

#CAC702

#0269CA

#6302CA

Tetradic

#CAC702

#02CA63

#0205CA

#CA0269

Color Blindness Simulation

Original

#CAC702

Protanopia

#C9C932

Deuteranopia

#C9C93D

Tritanopia

#CA5760

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFDB8
300
#FEFC86
400
#FDFA44
500
#FCF903
600
#CAC702
700
#A29F02
800
#7E7C01
900
#5B5A06
950
#3A3904

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,68: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