#CACA30

#CACA30

Color Values

HEX

#CACA30

RGB

202, 202, 48

HSL

60.0, 61.6%, 49.0%

HSV

60.0, 76.2%, 79.2%

CMYK

0.0%, 0.0%, 76.2%, 20.8%

OKLCH

0.8135 0.1639 109.5

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CACA30

#3030CA

Analogous

#CA7D30

#7DCA30

#CACA30

Triadic

#CACA30

#30CACA

#CA30CA

Split Complementary

#CACA30

#307DCA

#7D30CA

Tetradic

#CACA30

#30CA7D

#3030CA

#CA307D

Color Blindness Simulation

Original

#CACA30

Protanopia

#CACA55

Deuteranopia

#CACA5E

Tritanopia

#CA7379

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C5
300
#E7E79C
400
#DBDB67
500
#CECE31
600
#A5A527
700
#84841F
800
#676718
900
#4B4B16
950
#30300E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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