HEX #5663B5 color — Blue Violet
The color #5663B5 is a dark shade and moderately saturated.
Palette
5663B5 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 |
#56A3B5 |
rgb(86,163,181) |
hsl(191,39%,52%) |
#5663B5 |
rgb(86,99,181) |
hsl(232,39%,52%) |
#8857B5 |
rgb(136,87,181) |
hsl(271,39%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9199CF |
rgb(145,153,207) |
hsl(232,39%,69%) |
#7380C2 |
rgb(115,128,194) |
hsl(230,39%,61%) |
#5663B5 |
rgb(86,99,181) |
hsl(232,39%,52%) |
#444F9B |
rgb(68,79,155) |
hsl(232,39%,44%) |
#37407E |
rgb(55,64,126) |
hsl(232,39%,35%) |
#2A3060 |
rgb(42,48,96) |
hsl(233,39%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663B5 |
rgb(86,99,181) |
hsl(232,39%,52%) |
#B57856 |
rgb(181,120,86) |
hsl(21,39%,52%) |
#92B556 |
rgb(146,181,86) |
hsl(82,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663B5 |
rgb(86,99,181) |
hsl(232,39%,52%) |
#B5A856 |
rgb(181,168,86) |
hsl(52,39%,52%) |
#5691B5 |
rgb(86,145,181) |
hsl(203,39%,52%) |
#92B556 |
rgb(146,181,86) |
hsl(82,39%,52%) |