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

RGB rgb(204, 121, 10)

HSL hsl(34°, 91%, 42%)

CMYK C:0% M:41% Y:95% K:20%

Luminance 0.2689

WCAG Accessibility

On white 3.33:1

Aa — #CC790A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.31:1

Aa — #CC790A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CC790A #0A5ECD

Analogous

#CD170A #CC790A #C0CD0A

Triadic

#CC790A #0ACD78 #780ACD

Split-comp.

#CC790A #0AC0CD #170ACD

Tetradic

#CC790A #0ACD17 #0A5ECD #CD0AC0

Monochromatic

#F6D6AC #EDA950 #C27714 #945A10 #4E3008

Suggested palettes for this hue.

Grey Minimal View all →

White Marble View all →

Chocolate View all →