Amber

Amber is golden-hour yellow-orange: optimistic, premium, appetite-stirring. It needs a dark partner (espresso, charcoal) to avoid washing out — amber alone is all light, no shadow.

premium highlightsfood brandswarning accents

Values in every format

HEX: #ffbf00
RGB: rgb(255, 191, 0)
HSL: hsl(45, 100%, 50%)
OKLCH: oklch(0.84 0.172 84.1)
CMYK: cmyk(0%, 25.1%, 100%, 0%)

Hue family: Orange · closest CSS name: gold. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FFBF00 itself.

50#fff7e6
100#ffebc3
200#ffd98e
300 ★#ffbf00
400#e1a800
500#c29000
600#a47a00
700#866200
800#6a4d00
900#513a00
950#332300

Build a full system from #FFBF00

Harmonies with amber

Complementary

Maximum contrast — use one side for action, the other sparingly.

#ffbf00 #0040ff

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#ff3f00 #ffbf00 #c0ff00

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#ffbf00 #00ffbf #bf00ff

Measured contrast

on white1.65:1 · fails AA

on black12.7:1 · AA normal ✓

Check your own pairs