Pure Orange (703100) — 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 #703100

RGB rgb(112, 49, 0)

HSL hsl(26°, 100%, 22%)

CMYK C:0% M:56% Y:100% K:56%

Luminance 0.0538

WCAG Accessibility

On white 9.87:1

Aa — #703100

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.13:1

Aa — #703100

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#703100 #004070

Analogous

#700007 #703100 #706900

Triadic

#703100 #007031 #310070

Split-comp.

#703100 #007069 #000770

Tetradic

#703100 #077000 #004070 #690070

Monochromatic

#F59247 #CB5E0B #6B3106 #3A1B03 #000000

Suggested palettes for this hue.

Dark UI View all →

Berries View all →

Leather & Wood View all →