Golden Amber (F0B804) — Shades, Harmonies, Palettes, CSS Code

"Golden Amber"

Yellow · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #F0B804

RGB rgb(240, 184, 4)

HSL hsl(46°, 97%, 48%)

CMYK C:0% M:23% Y:98% K:6%

Luminance 0.5349

WCAG Accessibility

On white 1.82:1

Aa — #F0B804

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.56:1

Aa — #F0B804

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F0B804 #043BF1

Analogous

#F14304 #F0B804 #B2F104

Triadic

#F0B804 #04F1BA #BA04F1

Split-comp.

#F0B804 #04B2F1 #4304F1

Tetradic

#F0B804 #04F143 #043BF1 #F104B2

Monochromatic

#FBEFC6 #F4D366 #E5B310 #B58E0D #6E5608

Suggested palettes for this hue.

Green Meadow View all →

Electric Vibes View all →

Blue Serenity View all →