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

RGB rgb(167, 202, 12)

HSL hsl(71°, 89%, 42%)

CMYK C:17% M:0% Y:94% K:21%

Luminance 0.5122

WCAG Accessibility

On white 1.89:1

Aa — #A7CA0C

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.1:1

Aa — #A7CA0C

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A7CA0C #2F0CCA

Analogous

#CA8E0C #A7CA0C #48CA0C

Triadic

#A7CA0C #0CA7CA #CA0CA7

Split-comp.

#A7CA0C #0C48CA #8E0CCA

Tetradic

#A7CA0C #0CCA8E #2F0CCA #CA0C48

Monochromatic

#E8F5AD #CFEB52 #A1C016 #7A9211 #414E09

Suggested palettes for this hue.

Dark UI View all →

Amber Warning View all →

Northern Lights View all →