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

RGB rgb(204, 244, 49)

HSL hsl(72°, 90%, 57%)

CMYK C:16% M:0% Y:80% K:4%

Luminance 0.7811

WCAG Accessibility

On white 1.27:1

Aa — #CCF431

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.55:1

Aa — #CCF431

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCF431 #562FF4

Analogous

#F4B92F #CCF431 #6AF42F

Triadic

#CCF431 #2FCDF4 #F42FCD

Split-comp.

#CCF431 #2F6AF4 #B92FF4

Tetradic

#CCF431 #2FF4B9 #562FF4 #F42F6A

Monochromatic

#404E09 #8CAA13 #C6E93A #D3EE68 #E7F6AC

Suggested palettes for this hue.

Northern Lights View all →

Gradient Sunset View all →

White Marble View all →