Warm Ochre (402801) — Shades, Harmonies, Palettes, CSS Code

"Warm Ochre"

Yellow · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Warm Ochre pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #402801

RGB rgb(64, 40, 1)

HSL hsl(37°, 97%, 13%)

CMYK C:0% M:38% Y:98% K:75%

Luminance 0.0223

WCAG Accessibility

On white 13.8:1

Aa — #402801

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.52:1

Aa — #402801

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#402801 #011A41

Analogous

#410801 #402801 #3A4101

Triadic

#402801 #014129 #290141

Split-comp.

#402801 #013A41 #080141

Tetradic

#402801 #014108 #011A41 #41013A

Monochromatic

#EF9F1F #9D650B #3E2804 #0E0901 #000000

Suggested palettes for this hue.

Grey Minimal View all →

Danger Red View all →

Chocolate View all →