True Blue Color Codes

HTML, CSS or hex color code for color "True Blue" is #0073cf

Hex code #0073cf
RGB: rgb(0,115,207)
HSV: ( 206.67° , 1% , 207% )

Complementary Colors

#33A4FF
#008EFF
#CF6B00
#FF8400
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

#00CFAD
#07C6E4
#0742E4
#0700CF
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#CF0075
#29A0FF
#75CF00
#A2FF29
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

#CF5A00
#CF0075
#29A0FF
#75CF00
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:#0073cf;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#0073cf;
}

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:
#778ba5
Hex:
#5d89ba
Hex:
#87ceeb
Hex:
#6a5acd
Hex:
#0070b8
Hex:
#00ffff
Hex:
#007bb8
Hex:
#4682b4
Hex:
#367588
Hex:
#0abab5
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

Similar Colors by Distance

Hex:
#1974d2
Distance:
1.68
Hex:
#446ccf
Distance:
3.34
Hex:
#1560bd
Distance:
3.51
Hex:
#1164b4
Distance:
3.55
Hex:
#318ce7
Distance:
3.73
Hex:
#0072bb
Distance:
4.23
Hex:
#0070b8
Distance:
4.38
Hex:
#0077be
Distance:
4.41
Hex:
#3399ff
Distance:
4.49
Hex:
#6495ed
Distance:
4.55
Hex:
#5b92e5
Distance:
4.59
Hex:
#1e90ff
Distance:
4.66
Hex:
#417dc1
Distance:
4.78
Hex:
#28589c
Distance:
4.86
Hex:
#006db0
Distance:
4.93
Hex:
#004f98
Distance:
4.95
Hex:
#035096
Distance:
5.04
Hex:
#4f86f7
Distance:
5.14
Hex:
#0f4d92
Distance:
5.23
Hex:
#5072a7
Distance:
5.28
Hex:
#4169e1
Distance:
5.35
Hex:
#746cc0
Distance:
5.41
Hex:
#0f52ba
Distance:
5.43
Hex:
#007bb8
Distance:
5.47
Hex:
#0067a5
Distance:
5.48
Hex:
#0067a5
Distance:
5.48

Related: