Purple navy Color Codes

Hex code #4e5180
RGB: rgb(78,81,128)
HSV: ( 236.4° , 0.39% , 128% )

Complementary Colors

#8083B2
#61649E
#7F804E
#9D9E61

Analogous Colors

#4E6F80
#526C98
#635298
#694E80

Triad Colors

#804E51
#7A7DAE
#51804E
#7DAE7A

Tetrad Colors

#807D4E
#804E51
#7A7DAE
#51804E

Sample CSS Code: Text Color

.your-text
{
    color:#4e5180;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#4e5180;
}

Similar Colors

Hex:
#666699
Distance:
3.33
Hex:
#536895
Distance:
3.85
Hex:
#2e5894
Distance:
4.11
Hex:
#4c516d
Distance:
4.17
Hex:
#58427c
Distance:
4.19
Hex:
#28589c
Distance:
4.41
Hex:
#333366
Distance:
4.42
Hex:
#436b95
Distance:
4.57
Hex:
#1d2951
Distance:
4.63
Hex:
#0f4d92
Distance:
4.7
Hex:
#035096
Distance:
4.79
Hex:
#004f98
Distance:
4.83
Hex:
#08457e
Distance:
4.85
Hex:
#26619c
Distance:
4.9
Hex:
#5072a7
Distance:
4.97
Hex:
#563c5c
Distance:
5.05
Hex:
#563c5c
Distance:
5.05
Hex:
#563c5c
Distance:
5.05
Hex:
#003366
Distance:
5.16
Hex:
#002e63
Distance:
5.21
Hex:
#126180
Distance:
5.26
Hex:
#777696
Distance:
5.31
Hex:
#545aa7
Distance:
5.35
Hex:
#002147
Distance:
5.37
Hex:
#734f96
Distance:
5.4
Hex:
#006994
Distance:
5.44
Hex:
#602f6b
Distance:
5.48
Hex:
#86608e
Distance:
5.49
Hex:
#86608e
Distance:
5.49

Similar Colors by Name

Hex:
#9f2b68
Hex:
#ab274f
Hex:
#1974d2
Hex:
#966fd6
Hex:
#301934
Hex:
#bf00ff
Hex:
#cc397b
Hex:
#5218fa
Hex:
#66023c
Hex:
#512888
Hex:
#967bb6
Hex:
#b19cd9
Hex:
#de6fa1
Hex:
#acace6
Hex:
#733380
Hex:
#a63a79
Hex:
#9370db
Hex:
#8b72be
Hex:
#a55353
Hex:
#d982b5
Hex:
#000080
Hex:
#9457eb
Hex:
#682860
Hex:
#78184a
Hex:
#b39eb5
Hex:
#b768a2
Hex:
#5946b2
Hex:
#df00ff
Hex:
#800080
Hex:
#9f00c5
Hex:
#a020f0
Hex:
#69359c
Hex:
#9678b6
Hex:
#fe4eda
Hex:
#9c51b6
Hex:
#50404d
Hex:
#663399
Hex:
#7851a9
Hex:
#66023c
Hex:
#000080
Hex:
#800080
Hex:
#b19cd9