HEX #CC7722 / RGB (204, 119, 34)

What is Ochre Color?

Ochre (Hex code: CC7722) Thumbnail

Ochre has the hex code #CC7722. The equivalent RGB values are (204, 119, 34), which means it is composed of 57% red, 33% green and 10% blue. The CMYK color codes, used in printers, are C:0 M:42 Y:83 K:20. In the HSV/HSB scale, Ochre has a hue of 30°, 83% saturation and a brightness value of 80%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Ochre is not part of the web colors list and, therefore, cannot be used by name in HTML and CSS code. The best way to apply the color to a web page is to put in the hex, RGB and/or HSL values. Please also note that the CMYK numbers mentioned on this page have been calculated from the hex code using well-known formulae and are only approximations.

Ochre Color Codes

Hex Code#CC7722
RGB Values(204, 119, 34)
CMYK Values(0%, 42%, 83%, 20%)
HSV/HSB Values(30°, 83%, 80%)
Closest Web Safe#CC6633
Inverse Color#3388DD [Bleu De France]
Closest Pantone®7565 C
Closest RAL2010 [Signal orange]
Complementary Color#2277CC [Bright Navy Blue]
Ochre Converted to Grayscale Codes
Simple Average#777777
Weighted Average (Most Common)#878787
Weighted Average (Luma)#838383
Weighted Average (Gamma Adjusted)#B7B7B7

Ochre Color Palettes

Complementary color palette of CC7722. Complementary color is 2277CC

Complementary Palette

The complement of Ochre is Bright Navy Blue with the hex code #2277CC. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #CC7722 color is offered by #2277CC. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (CC7722, CCCC22 and CC2222)

Analogous Palette

The analogous colors of Ochre (#CC7722) are Pear (#CCCC22) and Fire Engine Red (#CC2222). In the RGB color wheel, these two analogous colors occur to the right and left of Ochre with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (CC7722, 22CCCC and 2222CC)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Ochre (#CC7722) are #22CCCC (Maximum Blue Green) and #2222CC (Persian Blue). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (CC7722, 22CC77 and 7722CC)

Triadic Palette

Ochre triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #22CC77 (UFO Green) and #7722CC (Blue-Violet) along with #CC7722 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (CC7722, 22CC77, 2277CC and CC2277)

Tetradic Palette

The tetradic palette of Ochre has four colors - #22CC77 (UFO Green), #2277CC (Bright Navy Blue) and #CC2277 (Magenta (Dye)) in addition to the base color (#CC7722). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (CC7722, 22CC22, 2277CC and CC22CC)

Square Palette

Ochre square color palette has #22CC22 (Lime Green), #2277CC (Bright Navy Blue) and #CC22CC (Steel Pink). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Ochre Color Rainbow Palette

Our Ochre rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Ochre Color


  • Transparent D6924E#D6924E
  • Transparent DBA064#DBA064
  • Transparent E0AD7A#E0AD7A
  • Transparent E6BB91#E6BB91
  • Transparent EBC9A7#EBC9A7
  • Transparent F0D6BD#F0D6BD
  • Transparent F5E4D3#F5E4D3
  • Transparent FAF1E9#FAF1E9


  • Transparent BD7935#BD7935
  • Transparent B57A3E#B57A3E
  • Transparent AE7B48#AE7B48
  • Transparent A67C51#A67C51
  • Transparent 9E7C5A#9E7C5A
  • Transparent 977D64#977D64
  • Transparent 8F7E6D#8F7E6D
  • Transparent 887F77#887F77


  • Transparent A35F1B#A35F1B
  • Transparent 8F5318#8F5318
  • Transparent 7A4714#7A4714
  • Transparent 663C11#663C11
  • Transparent 52300E#52300E
  • Transparent 3D240A#3D240A
  • Transparent 291807#291807
  • Transparent 140C03#140C03

Ochre Color Patterns

  • Transparent

    Ochre Gingham Checks

  • Transparent

    Ochre Vertical Stripes Pattern

  • Transparent

    Ochre Polka Dots Pattern

  • Transparent

    Ochre Honeycomb Pattern

  • Transparent

    Ochre Leaves Pattern

  • Transparent

    Ochre Houndstooth Pattern

  • Transparent

    Ochre Trellis Pattern

  • Transparent

    Ochre Plaid Pattern