#CAC902

#CAC902

Color Values

HEX

#CAC902

RGB

202, 201, 2

HSL

59.7, 98.0%, 40.0%

HSV

59.7, 99.0%, 79.2%

CMYK

0.0%, 0.5%, 99.0%, 20.8%

OKLCH

0.81 0.1759 109.4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC902

#0203CA

Analogous

#CA6502

#67CA02

#CAC902

Triadic

#CAC902

#02CAC9

#C902CA

Split Complementary

#CAC902

#0267CA

#6502CA

Tetradic

#CAC902

#02CA65

#0203CA

#CA0267

Color Blindness Simulation

Original

#CAC902

Protanopia

#CACA32

Deuteranopia

#CACA3E

Tritanopia

#CA5861

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB8
300
#FEFD86
400
#FDFC44
500
#FCFB03
600
#CAC902
700
#A2A102
800
#7E7E01
900
#5B5B06
950
#3A3904

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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