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

RGB rgb(238, 103, 2)

HSL hsl(26°, 98%, 47%)

CMYK C:0% M:57% Y:99% K:7%

Luminance 0.28

WCAG Accessibility

On white 3.19:1

Aa — #EE6702

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.58:1

Aa — #EE6702

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#EE6702 #0288ED

Analogous

#ED0212 #EE6702 #EDDE02

Triadic

#EE6702 #02ED68 #6802ED

Split-comp.

#EE6702 #02EDDE #0212ED

Tetradic

#EE6702 #12ED02 #0288ED #DE02ED

Monochromatic

#FBDAC1 #F5A161 #E16A0E #B1530B #693207

Suggested palettes for this hue.

Northern Lights View all →

Sahara View all →

Retro 70s View all →