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

RGB rgb(236, 79, 1)

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

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

Luminance 0.2336

WCAG Accessibility

On white 3.69:1

Aa — #EC4F01

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.69:1

Aa — #EC4F01

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#EC4F01 #019CE9

Analogous

#E90128 #EC4F01 #E9C301

Triadic

#EC4F01 #01E94F #4F01E9

Split-comp.

#EC4F01 #01E9C3 #0128E9

Tetradic

#EC4F01 #28E901 #019CE9 #C301E9

Monochromatic

#FBD1BC #F58F5B #DE530D #AE410A #652606

Suggested palettes for this hue.

Nordic View all →

Sahara View all →

Night Velvet View all →