Violet-blue Color Codes

Hex code #324ab2
RGB: rgb(50,74,178)
HSV: ( 228.75° , 0.72% , 178% )

Complementary Colors

#7083D7
#4861CC
#B2A332
#CCBC48

Analogous Colors

#3298B2
#4080BF
#4D40BF
#6532B2

Triad Colors

#B2324C
#687CD4
#4CB232
#7DD468

Tetrad Colors

#B29832
#B2324C
#687CD4
#4CB232

Sample CSS Code: Text Color

.your-text
{
    color:#324ab2;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#324ab2;
}

Similar Colors

Hex:
#2a52be
Distance:
2.66
Hex:
#0047ab
Distance:
2.79
Hex:
#0048ba
Distance:
2.97
Hex:
#0f52ba
Distance:
3.01
Hex:
#4f42b5
Distance:
3.49
Hex:
#2243b6
Distance:
3.53
Hex:
#003399
Distance:
3.56
Hex:
#003399
Distance:
3.56
Hex:
#214fc6
Distance:
3.58
Hex:
#5946b2
Distance:
3.73
Hex:
#00308f
Distance:
3.74
Hex:
#333399
Distance:
4.02
Hex:
#0038a8
Distance:
4.13
Hex:
#6a5acd
Distance:
4.35
Hex:
#4169e1
Distance:
4.51
Hex:
#1034a6
Distance:
4.55
Hex:
#002387
Distance:
4.63
Hex:
#2e2d88
Distance:
4.65
Hex:
#483d8b
Distance:
4.66
Hex:
#1560bd
Distance:
4.71
Hex:
#446ccf
Distance:
4.83
Hex:
#0033aa
Distance:
5.01
Hex:
#553592
Distance:
5.04
Hex:
#5a4fcf
Distance:
5.1
Hex:
#23297a
Distance:
5.12
Hex:
#002fa7
Distance:
5.3
Hex:
#69359c
Distance:
5.34
Hex:
#1c39bb
Distance:
5.38
Hex:
#545aa7
Distance:
5.39
Hex:
#663399
Distance:
5.41
Hex:
#6f2da8
Distance:
5.44