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

RGB rgb(223, 78, 1)

HSL hsl(21°, 99%, 44%)

CMYK C:0% M:65% Y:100% K:13%

Luminance 0.2111

WCAG Accessibility

On white 4.02:1

Aa — #DF4E01

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.23:1

Aa — #DF4E01

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF4E01 #0192DF

Analogous

#DF0122 #DF4E01 #DFBE01

Triadic

#DF4E01 #01DF4F #4F01DF

Split-comp.

#DF4E01 #01DFBE #0122DF

Tetradic

#DF4E01 #22DF01 #0192DF #BE01DF

Monochromatic

#FBCBB2 #F58B51 #D4520C #A4400A #5C2405

Suggested palettes for this hue.

Retro 70s View all →

Matcha View all →

Red Passion View all →