HEX #5663B4 color — Blue Violet
The color #5663B4 is a dark shade and moderately saturated.
Palette
5663B4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fa |
rgb(244,245,250) |
hsl(232,39%,97%) |
#e3e5f3 |
rgb(227,229,243) |
hsl(232,39%,92%) |
#d1d4eb |
rgb(209,212,235) |
hsl(232,39%,87%) |
#bfc4e3 |
rgb(191,196,227) |
hsl(232,39%,82%) |
#adb4db |
rgb(173,180,219) |
hsl(232,39%,77%) |
#9ca3d3 |
rgb(156,163,211) |
hsl(232,39%,72%) |
#8a93cc |
rgb(138,147,204) |
hsl(232,39%,67%) |
#7882c4 |
rgb(120,130,196) |
hsl(232,39%,62%) |
#6772bc |
rgb(103,114,188) |
hsl(232,39%,57%) |
#5562b4 |
rgb(85,98,180) |
hsl(232,39%,52%) |
#4956a7 |
rgb(73,86,167) |
hsl(232,39%,47%) |
#414c95 |
rgb(65,76,149) |
hsl(232,39%,42%) |
#3a4383 |
rgb(58,67,131) |
hsl(232,39%,37%) |
#323a71 |
rgb(50,58,113) |
hsl(232,39%,32%) |
#2a3160 |
rgb(42,49,96) |
hsl(232,39%,27%) |
#22284e |
rgb(34,40,78) |
hsl(232,39%,22%) |
#1a1f3c |
rgb(26,31,60) |
hsl(232,39%,17%) |
#13162b |
rgb(19,22,43) |
hsl(232,39%,12%) |
#0b0d19 |
rgb(11,13,25) |
hsl(232,39%,7%) |
#030407 |
rgb(3,4,7) |
hsl(232,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A1B4 |
rgb(86,161,180) |
hsl(192,39%,52%) |
#5663B4 |
rgb(86,99,180) |
hsl(232,39%,52%) |
#8757B4 |
rgb(135,87,180) |
hsl(271,38%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9099CE |
rgb(144,153,206) |
hsl(231,39%,69%) |
#737DC1 |
rgb(115,125,193) |
hsl(232,39%,60%) |
#5663B4 |
rgb(86,99,180) |
hsl(232,39%,52%) |
#44529A |
rgb(68,82,154) |
hsl(230,39%,44%) |
#37427D |
rgb(55,66,125) |
hsl(231,39%,35%) |
#2A335F |
rgb(42,51,95) |
hsl(230,39%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663B4 |
rgb(86,99,180) |
hsl(232,39%,52%) |
#B47856 |
rgb(180,120,86) |
hsl(22,39%,52%) |
#92B556 |
rgb(146,181,86) |
hsl(82,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663B4 |
rgb(86,99,180) |
hsl(232,39%,52%) |
#B4A656 |
rgb(180,166,86) |
hsl(51,39%,52%) |
#5691B4 |
rgb(86,145,180) |
hsl(202,39%,52%) |
#92B556 |
rgb(146,181,86) |
hsl(82,39%,52%) |