Pure Yellow (CAEA2A) — Shades, Harmonies, Palettes, CSS Code

"Pure Yellow"

Yellow · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Pure Yellow pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #CAEA2A

RGB rgb(202, 234, 42)

HSL hsl(70°, 82%, 54%)

CMYK C:14% M:0% Y:82% K:8%

Luminance 0.7207

WCAG Accessibility

On white 1.37:1

Aa — #CAEA2A

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.31:1

Aa — #CAEA2A

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CAEA2A #4A2AEA

Analogous

#EAAA2A #CAEA2A #6AEA2A

Triadic

#CAEA2A #2ACAEA #EA2ACA

Split-comp.

#CAEA2A #2A6AEA #AA2AEA

Tetradic

#CAEA2A #2AEAAA #4A2AEA #EA2A6A

Monochromatic

#353D0A #809518 #C2DE35 #CFE561 #E3F0A3

Suggested palettes for this hue.

Coffee & Cream View all →

White Marble View all →

Concrete Steel View all →