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

RGB rgb(214, 71, 0)

HSL hsl(20°, 100%, 42%)

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

Luminance 0.1875

WCAG Accessibility

On white 4.41:1

Aa — #D64700

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.76:1

Aa — #D64700

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D64700 #008FD6

Analogous

#D60024 #D64700 #D6B200

Triadic

#D64700 #00D647 #4700D6

Split-comp.

#D64700 #00D6B3 #0024D6

Tetradic

#D64700 #24D600 #008FD6 #B200D6

Monochromatic

#FAC3A8 #F58147 #CB4B0B #9B3908 #521E04

Suggested palettes for this hue.

Success Green View all →

Matcha Tea View all →

Dragonfruit View all →