Cyan-blue azure Color Codes

Hex code #4682bf
RGB: rgb(70,130,191)
HSV: ( 210.25° , 0.63% , 191% )

Complementary Colors

#91B5D9
#6B9BCC
#BF8D46
#CCA46B

Analogous Colors

#46BFB3
#56B5CD
#566ECD
#5246BF

Triad Colors

#BF4682
#8AB0D6
#82BF46
#B0D68A

Tetrad Colors

#BF8246
#BF4682
#8AB0D6
#82BF46

Sample CSS Code: Text Color

.your-text
{
    color:#4682bf;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#4682bf;
}

Similar Colors

Hex:
#417dc1
Distance:
2.82
Hex:
#4e82b4
Distance:
2.88
Hex:
#4682b4
Distance:
3.12
Hex:
#6082b6
Distance:
3.2
Hex:
#5d89ba
Distance:
3.34
Hex:
#0087bd
Distance:
3.4
Hex:
#007bb8
Distance:
3.42
Hex:
#188bc2
Distance:
3.5
Hex:
#0077be
Distance:
3.56
Hex:
#6ca0dc
Distance:
3.71
Hex:
#006db0
Distance:
3.72
Hex:
#4997d0
Distance:
3.78
Hex:
#0067a5
Distance:
3.8
Hex:
#0067a5
Distance:
3.8
Hex:
#5072a7
Distance:
3.83
Hex:
#26619c
Distance:
3.92
Hex:
#0072bb
Distance:
3.98
Hex:
#0070b8
Distance:
4.02
Hex:
#0892d0
Distance:
4.08
Hex:
#6699cc
Distance:
4.16
Hex:
#6699cc
Distance:
4.16
Hex:
#7c9ed9
Distance:
4.44
Hex:
#436b95
Distance:
4.51
Hex:
#5dadec
Distance:
4.7
Hex:
#2e5894
Distance:
4.74
Hex:
#56a0d3
Distance:
4.75
Hex:
#779ecb
Distance:
4.76
Hex:
#007ba7
Distance:
4.79
Hex:
#007ba7
Distance:
4.79
Hex:
#007aa5
Distance:
4.91
Hex:
#5b92e5
Distance:
4.93
Hex:
#77b5fe
Distance:
4.94
Hex:
#536895
Distance:
4.95
Hex:
#88ace0
Distance:
5.03
Hex:
#318ce7
Distance:
5.04
Hex:
#74bbfb
Distance:
5.07

Ube

Hex:
#8878c3
Distance:
5.07
Hex:
#6d9bc3
Distance:
5.09
Hex:
#5d8aa8
Distance:
5.12
Hex:
#5d8aa8
Distance:
5.12
Hex:
#778ba5
Distance:
5.14
Hex:
#8ab9f1
Distance:
5.17
Hex:
#006994
Distance:
5.22
Hex:
#8b72be
Distance:
5.29
Hex:
#28589c
Distance:
5.29
Hex:
#71a6d2
Distance:
5.32
Hex:
#708090
Distance:
5.39
Hex:
#45b1e8
Distance:
5.44
Hex:
#1164b4
Distance:
5.48
Hex:
#08457e
Distance:
5.5

Similar Colors by Name

Hex:
#007fff
Hex:
#f0ffff
Hex:
#f0ffff
Hex:
#3399ff
Hex:
#4e82b4
Hex:
#0038a8
Hex:
#74bbfb