Pure Yellow (F2ED1A) — 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 #F2ED1A

RGB rgb(242, 237, 26)

HSL hsl(59°, 89%, 53%)

CMYK C:0% M:2% Y:89% K:5%

Luminance 0.7988

WCAG Accessibility

On white 1.24:1

Aa — #F2ED1A

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.9:1

Aa — #F2ED1A

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2ED1A #1C20F2

Analogous

#F2841C #F2ED1A #8BF21C

Triadic

#F2ED1A #1CF2EE #EE1CF2

Split-comp.

#F2ED1A #1C8BF2 #841CF2

Tetradic

#F2ED1A #1CF284 #1C20F2 #F21C8B

Monochromatic

#3B3A07 #979412 #E6E328 #EBE956 #F3F29B

Suggested palettes for this hue.

Northern Lights View all →

Pop Art View all →

Nordic View all →