Orange color: hex codes, shades and palettes

Palettes built around orange. Click any swatch to copy its hex code.

Orange is #FFA500 — vivid orange. Below are its shades with hex codes, the values in every common format, and orange color palettes to copy.

Orange hex, RGB, HSL and OKLCH

#FFA500
HEX
#FFA500
RGB
rgb(255, 165, 0)
HSL
hsl(39, 100%, 50%)
OKLCH
oklch(79.3% 0.171 70.7)
On white
1.97:1
On black
10.63:1

Shades of orange

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Orange on white measures 1.97:1 and on black 10.63:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.41:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:coral, peach, amber, rust, terracotta. See every shade on the colors index.