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

RGB rgb(187, 188, 4)

HSL hsl(60°, 96%, 38%)

CMYK C:1% M:0% Y:98% K:26%

Luminance 0.4732

WCAG Accessibility

On white 2.04:1

Aa — #BBBC04

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.31:1

Aa — #BBBC04

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BBBC04 #0404BE

Analogous

#BE6104 #BBBC04 #61BE04

Triadic

#BBBC04 #04BEBE #BE04BE

Split-comp.

#BBBC04 #0461BE #6104BE

Tetradic

#BBBC04 #04BE61 #0404BE #BE0461

Monochromatic

#F7F797 #F0F038 #B4B40E #85850A #3E3E05

Suggested palettes for this hue.

Blue Serenity View all →

Green Meadow View all →

Dark UI View all →