Ochre Color Codes

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

Complementary Colors

#724213
#9D5C1A
#2269CC
#1A519D

Analogous Colors

#CC2233
#A83E24
#A88E24
#BBCC22

Triad Colors

#22CC77
#7A4714
#7722CC
#47147A

Tetrad Colors

#2277CC
#22CC77
#7A4714
#7722CC

Sample CSS Code: Text Color

.your-text
{
    color:#cc7722;
}

Sample CSS Code: Background Color

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

Similar Colors

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

Similar Colors by Name

Hex:
#e97451