Light blue Color Codes

HTML, CSS or hex color code for color "Light blue" is #add8e6

Hex code #add8e6
RGB: rgb(173,216,230)
HSV: ( 194.74° , 0.25% , 230% )

Complementary Colors

#5FB3CE
#86C5DA
#E6BFAD
#DAA186
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

#ADE6D1
#9ADBD6
#9AB8DB
#ADB7E6
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#E6ADD9
#67B7D1
#D9E6AD
#B8D167
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

#E6BAAD
#E6ADD9
#67B7D1
#D9E6AD
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:#add8e6;
}

Sample CSS Code: Background Color

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

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:
#fdd5b1
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:
#778899
Hex:
#b0c4de
Hex:
#b38b6d
Hex:
#e68fac
Hex:
#ffffe0
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:
#778ba5
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:
#74bbfb
Hex:
#6666ff
Hex:
#64e986
Hex:
#ffb077
Hex:
#7c9ed9
Hex:
#00ccff
Hex:
#7c98ab
Hex:
#a2add0
Hex:
#0f4d92
Hex:
#1c2841
Hex:
#000080
Hex:
#d3d3d3
Hex:
#0000ff
Hex:
#b19cd9
Hex:
#ffcccb

Similar Colors by Distance

Hex:
#a4dded
Distance:
2.6
Hex:
#bcd4e6
Distance:
2.61
Hex:
#bcd4e6
Distance:
2.61
Hex:
#b0e0e6
Distance:
3
Hex:
#ace5ee
Distance:
3.16
Hex:
#ace5ee
Distance:
3.16
Hex:
#c4d8e2
Distance:
3.44
Hex:
#b9f2ff
Distance:
3.62
Hex:
#93ccea
Distance:
3.72
Hex:
#aec6cf
Distance:
3.79
Hex:
#a6e7ff
Distance:
3.85
Hex:
#8cbed6
Distance:
3.95
Hex:
#a0e6ff
Distance:
4.03
Hex:
#87ceeb
Distance:
4.28
Hex:
#89cff0
Distance:
4.29
Hex:
#80daeb
Distance:
4.31
Hex:
#b0c4de
Distance:
4.33
Hex:
#9bc4e2
Distance:
4.33
Hex:
#abcdef
Distance:
4.35
Hex:
#7ed4e6
Distance:
4.41
Hex:
#87d3f8
Distance:
4.45
Hex:
#afeeee
Distance:
4.48
Hex:
#afeeee
Distance:
4.48
Hex:
#dbe9f4
Distance:
4.55
Hex:
#a4f4f9
Distance:
4.6
Hex:
#87cefa
Distance:
4.6
Hex:
#8ba8b7
Distance:
4.63
Hex:
#a1caf1
Distance:
4.77
Hex:
#d6cadd
Distance:
4.81
Hex:
#e0ffff
Distance:
4.81
Hex:
#d3d3d3
Distance:
4.81
Hex:
#d3d3d3
Distance:
4.81
Hex:
#c4c3d0
Distance:
4.84
Hex:
#e6e6fa
Distance:
4.94
Hex:
#e6e6fa
Distance:
4.94
Hex:
#e6e6fa
Distance:
4.94
Hex:
#e6e8fa
Distance:
4.96
Hex:
#73a9c2
Distance:
4.96
Hex:
#96ded1
Distance:
5.02
Hex:
#dcdcdc
Distance:
5.13
Hex:
#e7feff
Distance:
5.13
Hex:
#cfcfc4
Distance:
5.18
Hex:
#bfc1c2
Distance:
5.2
Hex:
#b2beb5
Distance:
5.26
Hex:
#91a3b0
Distance:
5.27
Hex:
#b2ffff
Distance:
5.28
Hex:
#b2ffff
Distance:
5.28
Hex:
#8dd9cc
Distance:
5.3
Hex:
#dbd7d2
Distance:
5.31
Hex:
#c0c0c0
Distance:
5.34
Hex:
#cec8ef
Distance:
5.4
Hex:
#bebebe
Distance:
5.4
Hex:
#7c98ab
Distance:
5.45
Hex:
#a3c1ad
Distance:
5.45
Hex:
#d8bfd8
Distance:
5.49
Hex:
#f0f8ff
Distance:
5.49
Hex:
#e5e4e2
Distance:
5.5

Related: