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

RGB rgb(254, 108, 36)

HSL hsl(20°, 99%, 57%)

CMYK C:0% M:57% Y:86% K:0%

Luminance 0.3198

WCAG Accessibility

On white 2.84:1

Aa — #FE6C24

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.38:1

Aa — #FE6C24

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FE6C24 #25B6FE

Analogous

#FE2549 #FE6C24 #FEDA25

Triadic

#FE6C24 #25FE6D #6D25FE

Split-comp.

#FE6C24 #25FEDA #2549FE

Tetradic

#FE6C24 #49FE25 #25B6FE #DA25FE

Monochromatic

#521E05 #B2420A #F37130 #F69260 #FAC3A8

Suggested palettes for this hue.

Gold & Black View all →

Neon 90s View all →

Orange Energy View all →