#CAD424

#CAD424

Color Values

HEX

#CAD424

RGB

202, 212, 36

HSL

63.4, 71.0%, 48.6%

HSV

63.4, 83.0%, 83.1%

CMYK

4.7%, 0.0%, 83.0%, 16.9%

OKLCH

0.8347 0.1787 113.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CAD424

#2E24D4

Analogous

#D48624

#72D424

#CAD424

Triadic

#CAD424

#24CAD4

#D424CA

Split Complementary

#CAD424

#2472D4

#8624D4

Tetradic

#CAD424

#24D486

#2E24D4

#D42472

Color Blindness Simulation

Original

#CAD424

Protanopia

#CECE4F

Deuteranopia

#CECD59

Tritanopia

#CA7078

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E2
200
#F2F5C2
300
#E8ED96
400
#DCE45E
500
#D0DA25
600
#A6AE1E
700
#858C18
800
#686D12
900
#4C4F11
950
#30320B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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