Slate gray Color Codes

Hex code #708090
RGB: rgb(112,128,144)
HSV: ( 210° , 0.22% , 144% )

Complementary Colors

#A9B3BC
#8C99A6
#908370
#A69B8C

Analogous Colors

#70908D
#7B9BA3
#7B83A3
#737090

Triad Colors

#907080
#A3ADB8
#809070
#ADB8A3

Tetrad Colors

#908070
#907080
#A3ADB8
#809070

Sample CSS Code: Text Color

.your-text
{
    color:#708090;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#778899
Distance:
1.93
Hex:
#838996
Distance:
3.12
Hex:
#778ba5
Distance:
3.32
Hex:
#536878
Distance:
3.53
Hex:
#536878
Distance:
3.53
Hex:
#6e7f80
Distance:
3.56
Hex:
#54626f
Distance:
3.67
Hex:
#808080
Distance:
3.67
Hex:
#808080
Distance:
3.67
Hex:
#808080
Distance:
3.67
Hex:
#808080
Distance:
3.67
Hex:
#7c98ab
Distance:
3.78
Hex:
#848482
Distance:
3.96
Hex:
#848482
Distance:
3.96
Hex:
#536872
Distance:
3.96
Hex:
#91a3b0
Distance:
4.03
Hex:
#757575
Distance:
4.04
Hex:
#727472
Distance:
4.07
Hex:
#979aaa
Distance:
4.15
Hex:
#8c92ac
Distance:
4.17
Hex:
#8c92ac
Distance:
4.17
Hex:
#5d8aa8
Distance:
4.2
Hex:
#5d8aa8
Distance:
4.2
Hex:
#8b8589
Distance:
4.21
Hex:
#777696
Distance:
4.27
Hex:
#8ba8b7
Distance:
4.38
Hex:
#5f8a8b
Distance:
4.39
Hex:
#8a7f80
Distance:
4.4
Hex:
#4a646c
Distance:
4.52
Hex:
#738276
Distance:
4.59
Hex:
#696969
Distance:
4.6
Hex:
#4e82b4
Distance:
4.62
Hex:
#676767
Distance:
4.69
Hex:
#4f666a
Distance:
4.71
Hex:
#989898
Distance:
4.77
Hex:
#796878
Distance:
4.78
Hex:
#36747d
Distance:
4.8
Hex:
#828e84
Distance:
4.86
Hex:
#828e84
Distance:
4.86
Hex:
#5d89ba
Distance:
4.86
Hex:
#4682b4
Distance:
4.89
Hex:
#997a8d
Distance:
4.92
Hex:
#738678
Distance:
4.97
Hex:
#367588
Distance:
4.98
Hex:
#6082b6
Distance:
5.11
Hex:
#436b95
Distance:
5.13
Hex:
#669999
Distance:
5.18
Hex:
#6d9bc3
Distance:
5.19
Hex:
#72a0c1
Distance:
5.2
Hex:
#a6a6a6
Distance:
5.29
Hex:
#aa98a9
Distance:
5.3
Hex:
#aa98a9
Distance:
5.3
Hex:
#36454f
Distance:
5.31
Hex:
#36454f
Distance:
5.31
Hex:
#779ecb
Distance:
5.31
Hex:
#56887d
Distance:
5.36
Hex:
#5f9ea0
Distance:
5.39
Hex:
#4682bf
Distance:
5.39
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#555555
Distance:
5.42
Hex:
#98777b
Distance:
5.42
Hex:
#3b444b
Distance:
5.47
Hex:
#98817b
Distance:
5.48
Hex:
#ae98aa
Distance:
5.49
Hex:
#acacac
Distance:
5.5

Similar Colors by Name

Hex:
#a9a9a9
Hex:
#a9a9a9
Hex:
#483d8b
Hex:
#2f4f4f
Hex:
#696969
Hex:
#828e84
Hex:
#676767
Hex:
#808080
Hex:
#808080
Hex:
#bebebe
Hex:
#aa98a9
Hex:
#c4c3d0
Hex:
#d3d3d3
Hex:
#778899
Hex:
#7b68ee
Hex:
#cfcfc4
Hex:
#6a5acd
Hex:
#989898
Hex:
#8b8589
Hex:
#a9a9a9