Light slate gray Color Codes

Hex code #778899
RGB: rgb(119,136,153)
HSV: ( 210° , 0.22% , 153% )

Complementary Colors

#485460
#5E6E7D
#998B77
#7D705E

Analogous Colors

#779996
#608690
#606990
#7A7799

Triad Colors

#997788
#4D5966
#889977
#59664D

Tetrad Colors

#998877
#997788
#4D5966
#889977

Sample CSS Code: Text Color

.your-text
{
    color:#778899;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#708090
Distance:
1.93
Hex:
#838996
Distance:
2.7
Hex:
#778ba5
Distance:
2.74
Hex:
#7c98ab
Distance:
3.25
Hex:
#91a3b0
Distance:
3.69
Hex:
#8c92ac
Distance:
3.73
Hex:
#8c92ac
Distance:
3.73
Hex:
#979aaa
Distance:
3.84
Hex:
#848482
Distance:
3.86
Hex:
#848482
Distance:
3.86
Hex:
#536878
Distance:
3.86
Hex:
#536878
Distance:
3.86
Hex:
#5d8aa8
Distance:
3.86
Hex:
#5d8aa8
Distance:
3.86
Hex:
#8b8589
Distance:
3.91
Hex:
#808080
Distance:
3.96
Hex:
#808080
Distance:
3.96
Hex:
#808080
Distance:
3.96
Hex:
#808080
Distance:
3.96
Hex:
#8ba8b7
Distance:
3.96
Hex:
#6e7f80
Distance:
4.03
Hex:
#54626f
Distance:
4.14
Hex:
#536872
Distance:
4.38
Hex:
#5f8a8b
Distance:
4.4
Hex:
#757575
Distance:
4.48
Hex:
#5d89ba
Distance:
4.5
Hex:
#989898
Distance:
4.5
Hex:
#727472
Distance:
4.51
Hex:
#8a7f80
Distance:
4.52
Hex:
#777696
Distance:
4.57
Hex:
#828e84
Distance:
4.58
Hex:
#828e84
Distance:
4.58
Hex:
#6d9bc3
Distance:
4.82
Hex:
#72a0c1
Distance:
4.83
Hex:
#4e82b4
Distance:
4.88
Hex:
#4a646c
Distance:
4.9
Hex:
#997a8d
Distance:
4.92
Hex:
#669999
Distance:
4.92
Hex:
#738276
Distance:
4.95
Hex:
#779ecb
Distance:
4.97
Hex:
#696969
Distance:
4.99
Hex:
#a6a6a6
Distance:
5.06
Hex:
#36747d
Distance:
5.06
Hex:
#aa98a9
Distance:
5.06
Hex:
#aa98a9
Distance:
5.06
Hex:
#676767
Distance:
5.07
Hex:
#4f666a
Distance:
5.07
Hex:
#738678
Distance:
5.07
Hex:
#5f9ea0
Distance:
5.13
Hex:
#4682b4
Distance:
5.13
Hex:
#796878
Distance:
5.16
Hex:
#6699cc
Distance:
5.16
Hex:
#6699cc
Distance:
5.16
Hex:
#a9a9a9
Distance:
5.16
Hex:
#a9a9a9
Distance:
5.16
Hex:
#a9a9a9
Distance:
5.16
Hex:
#a9a9a9
Distance:
5.16
Hex:
#6082b6
Distance:
5.17
Hex:
#73a9c2
Distance:
5.18
Hex:
#367588
Distance:
5.22
Hex:
#b0c4de
Distance:
5.25
Hex:
#ae98aa
Distance:
5.26
Hex:
#98817b
Distance:
5.26
Hex:
#acacac
Distance:
5.27
Hex:
#b39eb5
Distance:
5.27
Hex:
#ab92b3
Distance:
5.3
Hex:
#a2add0
Distance:
5.37
Hex:
#436b95
Distance:
5.38

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:
#fdd5b1
Hex:
#add8e6
Hex:
#b5651d
Hex:
#e66771
Hex:
#88ace0
Hex:
#f08080
Hex:
#93ccea
Hex:
#f56991
Hex:
#e0ffff
Hex:
#ff5ccd
Hex:
#c8ad7f
Hex:
#f984ef
Hex:
#fafad2
Hex:
#d3d3d3
Hex:
#cc99cc
Hex:
#90ee90
Hex:
#ffb3de
Hex:
#f0e68c
Hex:
#d39bcb
Hex:
#addfad
Hex:
#e6a8d7
Hex:
#b19cd9
Hex:
#ffb6c1
Hex:
#e97451
Hex:
#ffa07a
Hex:
#ff9999
Hex:
#20b2aa
Hex:
#87cefa
Hex:
#b0c4de
Hex:
#b38b6d
Hex:
#e68fac
Hex:
#ffffe0
Hex:
#7b68ee
Hex:
#cfcfc4
Hex:
#6a5acd
Hex:
#708090
Hex:
#989898
Hex:
#8b8589
Hex:
#74bbfb
Hex:
#6666ff
Hex:
#64e986
Hex:
#ffb077
Hex:
#d3d3d3
Hex:
#a9a9a9
Hex:
#b19cd9
Hex:
#ffcccb