Ochre color

A natural clay pigment with iron oxide, used since cave paintings. It's an earthy, yellowish brown. You'll find it on Mediterranean facades, ceramics and boho-style decor.

Also known as: ocher, yellow ochre.

Ochre · #CC7722

About ochre

Ochre (#CC7722) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 204 red, 119 green and 34 blue (out of 255). It is mostly used in art, home decor, architecture.

Ochre shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with ochre

Petrol blueA very elegant warm-cool contrast.Olive greenA natural earth-tone palette.WhiteBrightens ochre.Coffee brownFall depth.GrayCalms ochre and makes it modern.TerracottaA warm earth-tone palette.Navy blueElegance and contrast.CreamA soft, warm base.

How to wear and decorate with ochre →

Ochre color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: French blue

AnalogousClose to: Vermilion, Corn yellow

TriadicClose to: Emerald green, Deep purple

Split complementaryClose to: Dark turquoise, Deep purple

TetradicClose to: Grass green, French blue, Magenta

Ochre color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Ochre

Analogous palette · Ochre

Complementary palette · Ochre

Triadic palette · Ochre

With neutrals palette · Ochre

With an accent palette · Ochre

Ochre contrast with text

White textContrast 3.4:1 · AA large text

Black textContrast 6.2:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --ochre: #CC7722;
  --ochre-rgb: 204, 119, 34;
}
.bg { background-color: var(--ochre); }
.text { color: var(--ochre); }

Colors similar to ochre

Bronze Cinnamon Copper Carrot orange Caramel Burnt orange Brown Tangerine Honey Coral

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for ochre?

The hex code for ochre is #CC7722. In RGB it is rgb(204, 119, 34), in HSL hsl(30, 71%, 47%) and in CMYK 0, 42, 83, 20.

What is the complementary color of ochre?

Its complement on the color wheel is #2277CC, close to French blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on ochre?

Use black text instead: the contrast with white is only 3.4:1, while with black it is 6.2:1.

What colors go with ochre?

It pairs well with petrol blue, olive green, white, coffee brown, gray. Avoid pairing it with lemon yellow or bright orange, because ochre looks dirty. It clashes with bubblegum pink.