Ochre Color Code: HEX Code & RGB Code Values

Looking for specific ochre color code? Get exact ochre hex code #CC7722 and ochre RGB code rgb(204,119,34). Complete color information for design and development projects featuring this ancient, earthy yellow-brown color.

HEX#CC7722

RGBrgb(204,119,34)

Shades of Ochre

Create custom shades of ochre with our color generator. Adjust hues, tints, and tones to find the perfect shade of ochre for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• CC7722

  rgb(204, 119, 34)
• A7621F

  rgb(167, 98, 31)
• 844F1C

  rgb(132, 79, 28)
• 623C18

  rgb(98, 60, 24)
• 432913

  rgb(67, 41, 19)
• 25180C

  rgb(37, 24, 12)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• CC7722

  rgb(204, 119, 34)
• D98D49

  rgb(217, 141, 73)
• E4A36C

  rgb(228, 163, 108)
• EEB990

  rgb(238, 185, 144)
• F6D0B4

  rgb(246, 208, 180)
• FCE7D9

  rgb(252, 231, 217)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• CC7722

  rgb(204, 119, 34)
• C77A32

  rgb(199, 122, 50)
• BF7D43

  rgb(191, 125, 67)
• B68154

  rgb(182, 129, 84)
• AB8466

  rgb(171, 132, 102)
• 9D8879

  rgb(157, 136, 121)
• 808080

  rgb(128, 128, 128)

Ochre Palette

Explore curated and automatically generated color palettes featuring ochre. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F9DCBE

Light

#EEBA8A

Medium Light

#DF9858

Medium

#CC7722

Medium Dark

#8B531E

Dark

#4F3117

Darkest

#19120C

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#CC7722

Left Dark

#DC9658

Left Medium

#E9B58B

Left Light

#F2D4BF

Neutral

#F5F5F5

Right Light

#CAD4EB

Right Medium

#9EB3E1

Right Dark

#6D94D7

Complementary End

#2277CC

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#EEB990

Medium

#CC7722

Dark

#763000

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#CC2277

Left Adjacent 1

#CC2222

Main

#CC7722

Right Adjacent 1

#CCCC22

Right Adjacent 2

#77CC22

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#CC7722

Complementary

#2277CC

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#CC7722

Secondary

#22CC77

Tertiary

#7722CC

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#CC7722

Right 90°

#22CC22

Complementary

#2277CC

Left 90°

#CC22CC

Tetradic

Two pairs of complementary colors

4 colors

Main

#CC7722

Secondary

#77CC22

Complementary

#2277CC

Complementary Secondary

#7722CC

Split Complementary

Complementary colors ±30°

3 colors

Main

#CC7722

Split Left

#22CCCC

Split Right

#2222CC

Cyclic

Circular gradient for periodic data

8 colors

0°

#CC7722

45°

#A2CC22

90°

#22CC22

135°

#22CCA2

180°

#2277CC

225°

#4D22CC

270°

#CC22CC

315°

#CC224C

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C3B3A2

Pastel 1

#CBBDAE

Pastel 2

#D3C7BB

Pastel 3

#DBD1C7

Pastel 4

#E3DBD4

Deep Pastel

#EBE5E0

Common Orange Color Codes (HEX & RGB)

Orange →

HEX:#FFA500

RGB:rgb(255, 165, 0)

Dark Orange →

HEX:#FF8C00

RGB:rgb(255, 140, 0)

Light Orange →

HEX:#FFD580

RGB:rgb(255,213,128)

Coral →

HEX:#FF7F50

RGB:rgb(255, 127, 80)

Copper →

HEX:#B87333

RGB:rgb(184, 115, 51)

Bronze →

HEX:#CD7F32

RGB:rgb(205, 127, 50)

Tan →

HEX:#D2B48C

RGB:rgb(210, 180, 140)

Extract Ochre Hex & RGB Codes from Image

Upload a photo to find the exact ochre HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Ochre Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for ochre shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #CC7722
• RGB:
  rgb(204, 119, 34)
• CMYK:
  cmyk(0%, 42%, 83%, 20%)
• HSV:
  hsv(30°, 83%, 80%)
• HSL:
  hsl(30°, 71%, 47%)

---

What is Ochre?

Ochre is an ancient, earthy yellow-brown color used by prehistoric humans for cave paintings. It's a warm, natural shade that evokes feelings of history and nature. This color is often associated with ancient art, soil, and natural pigments.

The hex code for ochre is #CC7722, with RGB values of rgb(204, 119, 34). It's a timeless, earthy color that adds warmth to any design.

Design Applications

Ochre works well in historical designs, natural themes, and earthy aesthetics. It pairs beautifully with cream, dark brown, and terracotta. Use it for historical projects, nature branding, or to create a warm, earthy atmosphere in your projects.

FAQ

What is the ochre hex code?

The ochre hex code is #CC7722.

What colors go well with ochre?

Ochre pairs well with cream, dark brown, terracotta, and forest green.

Was ochre used in ancient art?

Yes, it was one of the first pigments used by prehistoric humans for cave paintings.