#CAC962

#CAC962

Color Values

HEX

#CAC962

RGB

202, 201, 98

HSL

59.4, 49.5%, 58.8%

HSV

59.4, 51.5%, 79.2%

CMYK

0.0%, 0.5%, 51.5%, 20.8%

OKLCH

0.8157 0.1261 108.4

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CAC962

#6263CA

Analogous

#CA9562

#97CA62

#CAC962

Triadic

#CAC962

#62CAC9

#C962CA

Split Complementary

#CAC962

#6297CA

#9562CA

Tetradic

#CAC962

#62CA95

#6263CA

#CA6297

Color Blindness Simulation

Original

#CAC962

Protanopia

#CACA7B

Deuteranopia

#CACA81

Tritanopia

#CA8F93

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CAC962;
color: #CAC962;
border-color: #CAC962;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F5E6
200
#EDEDCA
300
#E0DFA4
400
#CFCE72
500
#BFBD40
600
#989734
700
#7A7929
800
#5F5F20
900
#46461B
950
#2C2C11

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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