Shadow blue Color Codes

Hex code #778ba5
RGB: rgb(119,139,165)
HSV: ( 213.91° , 0.28% , 165% )

Complementary Colors

#47576B
#5B708A
#A59477
#8A795B

Analogous Colors

#77A5A3
#5C8D9D
#5C669D
#7E77A5

Triad Colors

#A5778C
#4B5C72
#8CA577
#5C724B

Tetrad Colors

#A59077
#A5778C
#4B5C72
#8CA577

Sample CSS Code: Text Color

.your-text
{
    color:#778ba5;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#778ba5;
}

Similar Colors

Hex:
#778899
Distance:
2.74
Hex:
#8c92ac
Distance:
3.15
Hex:
#8c92ac
Distance:
3.15
Hex:
#838996
Distance:
3.19
Hex:
#708090
Distance:
3.32
Hex:
#7c98ab
Distance:
3.38
Hex:
#5d8aa8
Distance:
3.53
Hex:
#5d8aa8
Distance:
3.53
Hex:
#5d89ba
Distance:
3.96
Hex:
#777696
Distance:
3.99
Hex:
#979aaa
Distance:
4.15
Hex:
#6d9bc3
Distance:
4.27
Hex:
#72a0c1
Distance:
4.27
Hex:
#779ecb
Distance:
4.31
Hex:
#91a3b0
Distance:
4.31
Hex:
#8b8589
Distance:
4.45
Hex:
#848482
Distance:
4.46
Hex:
#848482
Distance:
4.46
Hex:
#8ba8b7
Distance:
4.55
Hex:
#808080
Distance:
4.55
Hex:
#808080
Distance:
4.55
Hex:
#808080
Distance:
4.55
Hex:
#808080
Distance:
4.55
Hex:
#4e82b4
Distance:
4.61
Hex:
#a2add0
Distance:
4.62
Hex:
#6699cc
Distance:
4.65
Hex:
#6699cc
Distance:
4.65
Hex:
#536878
Distance:
4.65
Hex:
#536878
Distance:
4.65
Hex:
#6082b6
Distance:
4.66
Hex:
#73a9c2
Distance:
4.67
Hex:
#b0c4de
Distance:
4.74
Hex:
#989898
Distance:
4.77
Hex:
#6e7f80
Distance:
4.87
Hex:
#4682b4
Distance:
4.88
Hex:
#54626f
Distance:
4.95
Hex:
#436b95
Distance:
4.95
Hex:
#367588
Distance:
4.98
Hex:
#92a1cf
Distance:
4.98
Hex:
#757575
Distance:
5.01
Hex:
#71a6d2
Distance:
5.03
Hex:
#ab92b3
Distance:
5.04
Hex:
#8a7f80
Distance:
5.04
Hex:
#727472
Distance:
5.07
Hex:
#828e84
Distance:
5.09
Hex:
#828e84
Distance:
5.09
Hex:
#4682bf
Distance:
5.14
Hex:
#536872
Distance:
5.17
Hex:
#5f8a8b
Distance:
5.18
Hex:
#6ca0dc
Distance:
5.24
Hex:
#8cbed6
Distance:
5.28
Hex:
#a6a6a6
Distance:
5.3
Hex:
#88ace0
Distance:
5.3
Hex:
#aa98a9
Distance:
5.3
Hex:
#aa98a9
Distance:
5.3
Hex:
#4997d0
Distance:
5.32
Hex:
#9bc4e2
Distance:
5.37
Hex:
#4c516d
Distance:
5.38
Hex:
#a2a2d0
Distance:
5.39
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#a9a9a9
Distance:
5.4
Hex:
#669999
Distance:
5.4
Hex:
#997a8d
Distance:
5.41
Hex:
#536895
Distance:
5.45
Hex:
#7c9ed9
Distance:
5.45
Hex:
#56a0d3
Distance:
5.47
Hex:
#696969
Distance:
5.47
Hex:
#5072a7
Distance:
5.47
Hex:
#ae98aa
Distance:
5.49

Similar Colors by Name

Hex:
#c9ffe5
Hex:
#5d8aa8
Hex:
#00308f
Hex:
#72a0c1
Hex:
#f0f8ff
Hex:
#89cff0
Hex:
#a1caf1
Hex:
#21abcd
Hex:
#1dacd6
Hex:
#bcd4e6
Hex:
#2e5894
Hex:
#ace5ee
Hex:
#0000ff
Hex:
#1f75fe
Hex:
#0093af
Hex:
#0087bd
Hex:
#0018a8
Hex:
#333399
Hex:
#0247fe
Hex:
#a2a2d0
Hex:
#00b9fb
Hex:
#5dadec
Hex:
#ace5ee
Hex:
#126180
Hex:
#5072a7
Hex:
#0095b6
Hex:
#0070ff
Hex:
#1974d2
Hex:
#5f9ea0
Hex:
#a3c1ad
Hex:
#56a0d3
Hex:
#062a78
Hex:
#007ba7
Hex:
#4997d0
Hex:
#2a52be
Hex:
#007aa5
Hex:
#0047ab
Hex:
#c4d8e2
Hex:
#6495ed
Hex:
#28589c
Hex:
#188bc2
Hex:
#00008b
Hex:
#536878
Hex:
#00147e
Hex:
#003366
Hex:
#779ecb
Hex:
#003399
Hex:
#8cbed6
Hex:
#483d8b
Hex:
#00bfff
Hex:
#2243b6
Hex:
#1e90ff
Hex:
#00009c
Hex:
#1034a6
Hex:
#7df9ff
Hex:
#96c8a2
Hex:
#0072bb
Hex:
#77b5fe
Hex:
#446ccf
Hex:
#006db0
Hex:
#002395
Hex:
#360ccc
Hex:
#002fa7
Hex:
#b2ffff
Hex:
#8ab9f1
Hex:
#ccccff
Hex:
#add8e6
Hex:
#88ace0
Hex:
#93ccea
Hex:
#87cefa
Hex:
#b0c4de
Hex:
#6ca0dc
Hex:
#001c3d
Hex:
#6050dc
Hex:
#47abcc
Hex:
#30bfbf
Hex:
#acace6
Hex:
#73c2fb
Hex:
#0000cd
Hex:
#035096
Hex:
#0067a5
Hex:
#80daeb
Hex:
#7b68ee
Hex:
#7ed4e6
Hex:
#8dd9cc
Hex:
#8b72be
Hex:
#191970
Hex:
#73a9c2
Hex:
#a4dded
Hex:
#4f42b5
Hex:
#0077be
Hex:
#002147
Hex:
#1ca9c9
Hex:
#273be2
Hex:
#afeeee
Hex:
#abcdef
Hex:
#96ded1
Hex:
#aec6cf
Hex:
#1c39bb
Hex:
#8ba8b7
Hex:
#000f89
Hex:
#45b1e8
Hex:
#b0e0e6
Hex:
#003153
Hex:
#436b95
Hex:
#002387
Hex:
#0892d0
Hex:
#00cccc
Hex:
#4169e1
Hex:
#23297a
Hex:
#0067a5
Hex:
#006994
Hex:
#8a795d
Hex:
#5d89ba
Hex:
#87ceeb
Hex:
#6a5acd
Hex:
#0070b8
Hex:
#00ffff
Hex:
#007bb8
Hex:
#4682b4
Hex:
#367588
Hex:
#0abab5
Hex:
#0073cf
Hex:
#417dc1
Hex:
#00ffef
Hex:
#0033aa
Hex:
#536895
Hex:
#4166f5
Hex:
#5b92e5
Hex:
#004f98
Hex:
#6666ff
Hex:
#7c9ed9
Hex:
#00ccff
Hex:
#7c98ab
Hex:
#a2add0
Hex:
#0f4d92
Hex:
#1c2841
Hex:
#000080
Hex:
#0000ff