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

RGB rgb(241, 87, 0)

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

CMYK C:0% M:64% Y:100% K:5%

Luminance 0.2549

WCAG Accessibility

On white 3.44:1

Aa — #F15700

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.1:1

Aa — #F15700

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F15700 #0098F0

Analogous

#F00020 #F15700 #F0D000

Triadic

#F15700 #00F058 #5800F0

Split-comp.

#F15700 #00F0D0 #0020F0

Tetradic

#F15700 #20F000 #0098F0 #D000F0

Monochromatic

#FCD6C0 #F7975F #E45B0C #B34809 #6B2B06

Suggested palettes for this hue.

Santorini View all →

Velvet & Silk View all →

Pastel Spring View all →