Ochre Color Codes

HTML, CSS or hex color code for color "Ochre" is #cc7722

Hex code #cc7722
RGB: rgb(204,119,34)
HSV: ( 30° , 0.83% , 204% )

Complementary Colors

Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#cc7722;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#cc7722;
}

Similar Colors by Name

Hex:
#e97451

Similar Colors by Distance

Hex:
#cd7f32
Distance:
3.14
Hex:
#d2691e
Distance:
3.46
Hex:
#d2691e
Distance:
3.46
Hex:
#d2691e
Distance:
3.46
Hex:
#b06500
Distance:
3.48
Hex:
#e08d3c
Distance:
3.54
Hex:
#b5651d
Distance:
3.61
Hex:
#c46210
Distance:
3.71
Hex:
#b86d29
Distance:
4.01
Hex:
#a75502
Distance:
4.24
Hex:
#ed872d
Distance:
4.26
Hex:
#bb6528
Distance:
4.26
Hex:
#cd853f
Distance:
4.29
Hex:
#b87333
Distance:
4.53
Hex:
#ed9121
Distance:
4.54
Hex:
#b78727
Distance:
4.55
Hex:
#e9692c
Distance:
4.64
Hex:
#df6124
Distance:
4.66
Hex:
#e48400
Distance:
4.71
Hex:
#ffa343
Distance:
4.71
Hex:
#e56024
Distance:
4.76
Hex:
#b8860b
Distance:
4.94
Hex:
#964b00
Distance:
4.96
Hex:
#964b00
Distance:
4.96
Hex:
#f07427
Distance:
4.96
Hex:
#e88e5a
Distance:
5.14
Hex:
#996600
Distance:
5.17
Hex:
#ff9933
Distance:
5.18
Hex:
#cd5700
Distance:
5.21
Hex:
#f58025
Distance:
5.22
Hex:
#cc5500
Distance:
5.28
Hex:
#ff8243
Distance:
5.29
Hex:
#e25822
Distance:
5.29
Hex:
#d68a59
Distance:
5.31
Hex:
#ff7538
Distance:
5.37
Hex:
#d99058
Distance:
5.41
Hex:
#f4a460
Distance:
5.49

Related: