What color is Ochre?
Ochre is a warm, earthy yellow-brown with a dusty, muted quality, hex #CC7722, close to the color of dry clay soil. It has more brown than a pure yellow but holds enough warmth to read as golden in certain light.
What is the meaning of the color Ochre?
Ancient pigment made from iron-rich earth, ochre is one of the oldest colors used by humans, documented in cave paintings at Lascaux, France, dating to around 17,000 BCE. Traded across early civilizations, it became a standard pigment in Greek and Roman wall painting. By the Renaissance, yellow ochre was a staple of artists’ palettes across Europe, valued for its stability and opacity. The paint manufacturer Winsor and Newton has listed yellow ochre as a catalogued color since the company’s founding in 1832.
What colors go with Ochre?
Colors that pair well with Ochre include:
Deep teal: strong cool contrast
Burnt sienna: warm earthy depth
Cream: soft, natural balance
Charcoal: grounded, bold anchor
Olive green: muted tonal harmony
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #CC7722 |
color: #CC7722;
|
| RGB | 204, 119, 34 |
color: rgb(204, 119, 34);
|
| RGB Percentage | 80%, 47%, 13% |
color: rgb(80%, 47%, 13%);
|
| CMYK | 0%, 42%, 83%, 20% | Not supported in CSS |
| HSL | 30°, 71%, 47% |
color: hsl(30, 71%, 47%);
|
| HSV | 30°, 83%, 80% | Not supported in CSS |
| CIE-LAB | 38, 17, 28 |
color: lab(38% 17 28);
|
| Decimal | 13399842 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.ochre {
color: #CC7722;
}
$ochre: #CC7722;
rgb(204, 119, 34)