Pure Yellow (61C302) — Shades, Harmonies, Palettes, CSS Code

"Pure Yellow"

Yellow · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #61C302

RGB rgb(97, 195, 2)

HSL hsl(90°, 98%, 39%)

CMYK C:50% M:0% Y:99% K:24%

Luminance 0.4217

WCAG Accessibility

On white 2.25:1

Aa — #61C302

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.32:1

Aa — #61C302

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#61C302 #6302C5

Analogous

#C5C502 #61C302 #02C502

Triadic

#61C302 #0263C5 #C50263

Split-comp.

#61C302 #0202C5 #C502C5

Tetradic

#61C302 #02C5C5 #6302C5 #C50202

Monochromatic

#C9F99A #96F23A #63BB0C #4A8B09 #244304

Suggested palettes for this hue.

Gradient Sunset View all →

Provence Lavender View all →

Amber Warning View all →