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

RGB rgb(204, 240, 35)

HSL hsl(71°, 87%, 54%)

CMYK C:15% M:0% Y:85% K:6%

Luminance 0.7569

WCAG Accessibility

On white 1.31:1

Aa — #CCF023

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.06:1

Aa — #CCF023

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCF023 #4924F0

Analogous

#F0AF24 #CCF023 #64F024

Triadic

#CCF023 #24CAF0 #F024CA

Split-comp.

#CCF023 #2464F0 #AF24F0

Tetradic

#CCF023 #24F0AF #4924F0 #F02464

Monochromatic

#353F08 #819914 #C3E42F #D0EA5D #E4F3A0

Suggested palettes for this hue.

Grey Minimal View all →

Matcha Tea View all →

Velvet & Silk View all →