What is Ochre color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Ochre, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#CC7722
HEX#CC7722
RGB204, 119, 34
HSL30°, 71%, 47%
HSB30°, 83%, 80%
CMYK0, 42, 83, 20
LAB58, 27, 57
XYZ31.8, 26.1, 4.9
LCH58, 63, 64°
LUV58, 70, 52
HWB30°, 13%, 20%

Ochre Color Variations

Shades, tints, tones and hues built from ochre. Hover any swatch to see its hex code.

Shades

#CC7722
#AF661D
#925518
#754413
#57330F
#3A220A
#1D1105
#000000

Tints

#CC7722
#D38A42
#DB9E61
#E2B181
#E9C5A0
#F0D8C0
#F8ECDF
#FFFFFF

Tones

#CC7722
#C1782F
#B67A3D
#AB7B4A
#A17C58
#967D65
#8B7F73
#808080

Hues

#CC7722
#A2CC22
#22CC22
#22CCA2
#2277CC
#4C22CC
#CC22CC
#CC224C

Ochre Color Contrast

Check how readable text and graphics are against ochre. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#CC7722
6.23Good

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Ochre color with the hex code #CC7722 is a warm earthy orange-yellow shade inspired by natural clay pigments and mineral tones. It symbolizes warmth, creativity, stability, and connection to the earth, creating a grounded and timeless visual impression. In color psychology, Ochre #CC7722 is often associated with comfort, authenticity, confidence, and heritage, making it a popular choice for designs that aim to feel natural and expressive.

Ochre Color Harmonies

Ready-made color scheme combinations built around ochre, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#CC2222
#CC7722
#CCCC22

Complementary

#CC7722
#2277CC

Split Complementary

#CC7722
#22CCCC
#2222CC

Triadic

#CC7722
#22CC77
#7722CC

Tetradic

#CC7722
#77CC22
#2277CC
#7722CC

Square

#CC7722
#22CC22
#2277CC
#CC22CC

Ochre Color Blindness Preview

See how ochre is perceived by people with the most common color vision deficiencies.

Protanopia
#CC7722
Original
#A7A637
Protanopia
Deuteranopia
#CC7722
Original
#ACB23B
Deuteranopia
Tritanopia
#CC7722
Original
#C8474A
Tritanopia
Achromatopsia
#CC7722
Original
#878787
Achromatopsia

Frequently Asked Questions

1. What colors go with Ochre?

Colors that go with Ochre include deep green, navy blue, cream, brown, white, and muted gray tones. These combinations create balanced palettes that highlight Ochre’s warm, earthy character while adding contrast and sophistication. Ochre also pairs well with terracotta, black, and soft neutrals in fashion, interior design, and branding.

2. What colors make Ochre?

Ochre is made by mixing yellow with a small amount of brown, creating a warm earthy orange-yellow shade. The exact tone of Ochre color can be adjusted by adding more yellow for a brighter look or more brown for a deeper, muted appearance. In digital design, the classic Ochre shade is represented by the hex code #CC7722.

3. What color is Ochre?

Ochre is a warm earthy orange-yellow color inspired by natural clay pigments and mineral tones. The Ochre color is represented by the hex code #CC7722 and is often associated with warmth, creativity, stability, and authenticity. It is commonly used in art, fashion, branding, interior design, and cultural designs to create rich and natural visual styles.

More Color Meanings