HEX #5663B6 color — Blue Violet
The color #5663B6 is a dark shade and moderately saturated.
Palette
5663B6 color palette from light to dark
HEX |
RGB |
HSL |
#f8f8fc |
rgb(248,248,252) |
hsl(232,40%,98%) |
#e6e8f4 |
rgb(230,232,244) |
hsl(232,40%,93%) |
#d4d7ed |
rgb(212,215,237) |
hsl(232,40%,88%) |
#c2c7e5 |
rgb(194,199,229) |
hsl(232,40%,83%) |
#b0b6dd |
rgb(176,182,221) |
hsl(232,40%,78%) |
#9fa6d6 |
rgb(159,166,214) |
hsl(232,40%,73%) |
#8d95ce |
rgb(141,149,206) |
hsl(232,40%,68%) |
#7b85c6 |
rgb(123,133,198) |
hsl(232,40%,63%) |
#6974bf |
rgb(105,116,191) |
hsl(232,40%,58%) |
#5764b7 |
rgb(87,100,183) |
hsl(232,40%,53%) |
#4956ab |
rgb(73,86,171) |
hsl(232,40%,48%) |
#424d9a |
rgb(66,77,154) |
hsl(232,40%,43%) |
#3a4488 |
rgb(58,68,136) |
hsl(232,40%,38%) |
#323b76 |
rgb(50,59,118) |
hsl(232,40%,33%) |
#2b3264 |
rgb(43,50,100) |
hsl(232,40%,28%) |
#232952 |
rgb(35,41,82) |
hsl(232,40%,23%) |
#1c2040 |
rgb(28,32,64) |
hsl(232,40%,18%) |
#14172e |
rgb(20,23,46) |
hsl(232,40%,13%) |
#0c0e1d |
rgb(12,14,29) |
hsl(232,40%,8%) |
#05050b |
rgb(5,5,11) |
hsl(232,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A3B6 |
rgb(86,163,182) |
hsl(192,40%,53%) |
#5663B6 |
rgb(86,99,182) |
hsl(232,40%,53%) |
#8957B6 |
rgb(137,87,182) |
hsl(272,39%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#919CCF |
rgb(145,156,207) |
hsl(229,39%,69%) |
#7380C2 |
rgb(115,128,194) |
hsl(230,39%,61%) |
#5663B6 |
rgb(86,99,182) |
hsl(232,40%,53%) |
#434F9D |
rgb(67,79,157) |
hsl(232,40%,44%) |
#36407F |
rgb(54,64,127) |
hsl(232,40%,35%) |
#2A3061 |
rgb(42,48,97) |
hsl(233,40%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663B6 |
rgb(86,99,182) |
hsl(232,40%,53%) |
#B67856 |
rgb(182,120,86) |
hsl(21,40%,53%) |
#93B556 |
rgb(147,181,86) |
hsl(81,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663B6 |
rgb(86,99,182) |
hsl(232,40%,53%) |
#B6A856 |
rgb(182,168,86) |
hsl(51,40%,53%) |
#5694B6 |
rgb(86,148,182) |
hsl(201,40%,53%) |
#93B556 |
rgb(147,181,86) |
hsl(81,39%,52%) |