Orange

Web orange is friendly energy — the CTA color for brands too warm for red and too playful for blue. It fails white text, so pair it with deep brown or charcoal type, never white.

CTA buttonsyouth brandsfood delivery

Values in every format

HEX: #ffa500
RGB: rgb(255, 165, 0)
HSL: hsl(39, 100%, 50%)
OKLCH: oklch(0.793 0.171 70.7)
CMYK: cmyk(0%, 35.3%, 100%, 0%)

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

Perceptual shade scale

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

50#fff6ec
100#ffe9d1
200#ffd7a9
300#ffbe6d
400 ★#ffa500
500#d28700
600#b27200
700#915c00
800#734800
900#583600
950#372000

Build a full system from #FFA500

Harmonies with orange

Complementary

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

#ffa500 #005aff

Analogous

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

#ff2500 #ffa500 #daff00

Triadic

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

#ffa500 #00ffa5 #a500ff

Measured contrast

on white1.97:1 · fails AA

on black10.63:1 · AA normal ✓

Check your own pairs