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

RGB rgb(188, 221, 33)

HSL hsl(71°, 74%, 50%)

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

Luminance 0.6316

WCAG Accessibility

On white 1.56:1

Aa — #BCDD21

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.5:1

Aa — #BCDD21

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCDD21 #4421DE

Analogous

#DEA221 #BCDD21 #5DDE21

Triadic

#BCDD21 #21BBDE #DE21BB

Split-comp.

#BCDD21 #215DDE #A221DE

Tetradic

#BCDD21 #21DEA2 #4421DE #DE215D

Monochromatic

#242A09 #6C7D1C #B3D12E #C2DA58 #D9E896

Suggested palettes for this hue.

Cherry Blossom View all →

Leather & Wood View all →

Dark UI View all →