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

RGB rgb(178, 68, 2)

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

CMYK C:0% M:62% Y:99% K:30%

Luminance 0.1355

WCAG Accessibility

On white 5.64:1

Aa — #B24402

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.72:1

Aa — #B24402

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B24402 #0271B1

Analogous

#B10219 #B24402 #B19902

Triadic

#B24402 #02B142 #4202B1

Split-comp.

#B24402 #02B199 #0219B1

Tetradic

#B24402 #19B102 #0271B1 #9902B1

Monochromatic

#F7B087 #F17127 #A8440B #783108 #301403

Suggested palettes for this hue.

Mediterranean View all →

Retro 70s View all →

Amber Warning View all →