Bright Amber (F8BD2B) — Shades, Harmonies, Palettes, CSS Code

"Bright Amber"

Yellow · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Bright Amber pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #F8BD2B

RGB rgb(248, 189, 43)

HSL hsl(43°, 94%, 57%)

CMYK C:0% M:24% Y:83% K:3%

Luminance 0.5715

WCAG Accessibility

On white 1.71:1

Aa — #F8BD2B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.31:1

Aa — #F8BD2B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F8BD2B #2A65F8

Analogous

#F8572A #F8BD2B #CCF82A

Triadic

#F8BD2B #2AF8BE #BE2AF8

Split-comp.

#F8BD2B #2ACCF8 #572AF8

Tetradic

#F8BD2B #2AF857 #2A65F8 #F82ACC

Monochromatic

#503B07 #AE810F #EDB935 #F2C964 #F8E2AB

Suggested palettes for this hue.

Pop Art View all →

Tokyo Neon View all →

Red Passion View all →