#CAD330

#CAD330

Color Values

HEX

#CAD330

RGB

202, 211, 48

HSL

63.3, 64.9%, 50.8%

HSV

63.3, 77.3%, 82.7%

CMYK

4.3%, 0.0%, 77.3%, 17.3%

OKLCH

0.8331 0.1727 112.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CAD330

#3930D3

Analogous

#D38A30

#79D330

#CAD330

Triadic

#CAD330

#30CAD3

#D330CA

Split Complementary

#CAD330

#3079D3

#8A30D3

Tetradic

#CAD330

#30D38A

#3930D3

#D33079

Color Blindness Simulation

Original

#CAD330

Protanopia

#CECE57

Deuteranopia

#CDCD61

Tritanopia

#CA777D

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F2C4
300
#E5EA9A
400
#D7DE63
500
#C9D22D
600
#A1A824
700
#81871D
800
#656916
900
#4A4D14
950
#2F300D

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.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