Warm Ochre (BB640B) — 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 #BB640B

RGB rgb(187, 100, 11)

HSL hsl(30°, 89%, 39%)

CMYK C:0% M:47% Y:94% K:27%

Luminance 0.1987

WCAG Accessibility

On white 4.25:1

Aa — #BB640B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.94:1

Aa — #BB640B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BB640B #0B63BC

Analogous

#BC0B0B #BB640B #BCBC0B

Triadic

#BB640B #0BBC63 #630BBC

Split-comp.

#BB640B #0BBCBC #0B0BBC

Tetradic

#BB640B #0BBC0B #0B63BC #BC0BBC

Monochromatic

#F4C99F #E99644 #B26315 #844A10 #402407

Suggested palettes for this hue.

Night Velvet View all →

Tokyo Neon View all →

Nordic View all →