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

RGB rgb(223, 76, 1)

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

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

Luminance 0.2082

WCAG Accessibility

On white 4.06:1

Aa — #DF4C01

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.17:1

Aa — #DF4C01

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF4C01 #0195DF

Analogous

#DF0126 #DF4C01 #DFBA01

Triadic

#DF4C01 #01DF4B #4B01DF

Split-comp.

#DF4C01 #01DFBA #0126DF

Tetradic

#DF4C01 #26DF01 #0195DF #BA01DF

Monochromatic

#FBCAB2 #F58851 #D44F0C #A43D0A #5C2205

Suggested palettes for this hue.

Sahara View all →

Blue Serenity View all →

Gradient Sunset View all →