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

RGB rgb(162, 60, 2)

HSL hsl(22°, 98%, 32%)

CMYK C:0% M:63% Y:99% K:36%

Luminance 0.108

WCAG Accessibility

On white 6.6:1

Aa — #A23C02

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.18:1

Aa — #A23C02

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A23C02 #0267A2

Analogous

#A20217 #A23C02 #A28C02

Triadic

#A23C02 #02A23C #3C02A2

Split-comp.

#A23C02 #02A28C #0217A2

Tetradic

#A23C02 #17A202 #0267A2 #8C02A2

Monochromatic

#F6A779 #F06819 #993E0A #692B07 #220E02

Suggested palettes for this hue.

Santorini View all →

Gradient Sunset View all →

Matcha View all →