Ochre

A vibrant and adventurous earthy tone

Ochre color codes graphic
Ochre is a warm, earthy tone that brings an adventurous, creative feel to design projects. It works best as a vibrant accent color rather than a large background, where it can become overwhelming. When pairing, it looks sophisticated against dark charcoal or slate grays. This hex code is #cc7722 and offers enough contrast for black text to remain legible in small print.

Questions about Ochre

What is the hex code for Ochre?
Ochre is #cc7722. In RGB that is rgb(204, 119, 34), in HSL hsl(30, 71%, 47%) and in CMYK 0%, 42%, 83%, 20%.
What colors pair best with Ochre #cc7722?
Ochre #cc7722 relies on high-contrast pairings to stand out without feeling overwhelming. It looks sophisticated alongside deep charcoal or cool slate gray, which ground the vibrant warmth. It also works well with cream to build a natural, balanced palette.
Is #cc7722 suitable for body text?
Using #cc7722 for large blocks of body text is generally discouraged as it can strain the eyes over long periods. While it offers enough contrast for larger headers or specific accents against light backgrounds, stick to dark gray or black for readable paragraph text.
Is Ochre readable on white or black?
Ochre has a 3.37:1 contrast ratio on white and 6.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.