Pure Orange (A33600) — Shades, Harmonies, Palettes, CSS Code

"Pure Orange"

Orange · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #A33600

RGB rgb(163, 54, 0)

HSL hsl(20°, 100%, 32%)

CMYK C:0% M:67% Y:100% K:36%

Luminance 0.1029

WCAG Accessibility

On white 6.81:1

Aa — #A33600

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.08:1

Aa — #A33600

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A33600 #006DA3

Analogous

#A3001B #A33600 #A38800

Triadic

#A33600 #00A336 #3600A3

Split-comp.

#A33600 #00A388 #001BA3

Tetradic

#A33600 #1BA300 #006DA3 #8800A3

Monochromatic

#F8A277 #F36016 #9B3908 #6B2706 #220C02

Suggested palettes for this hue.

Marrakech View all →

White Marble View all →

Pop Matisse View all →