HEX #5663B2 color — Blue Violet
The color #5663B2 is a dark shade and moderately saturated.
Palette
5663B2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f5fa |
rgb(245,245,250) |
hsl(232,37%,97%) |
#e3e5f2 |
rgb(227,229,242) |
hsl(232,37%,92%) |
#d2d5ea |
rgb(210,213,234) |
hsl(232,37%,87%) |
#c0c5e2 |
rgb(192,197,226) |
hsl(232,37%,82%) |
#afb4da |
rgb(175,180,218) |
hsl(232,37%,77%) |
#9da4d2 |
rgb(157,164,210) |
hsl(232,37%,72%) |
#8c94ca |
rgb(140,148,202) |
hsl(232,37%,67%) |
#7a84c2 |
rgb(122,132,194) |
hsl(232,37%,62%) |
#6974ba |
rgb(105,116,186) |
hsl(232,37%,57%) |
#5763b2 |
rgb(87,99,178) |
hsl(232,37%,52%) |
#4c57a4 |
rgb(76,87,164) |
hsl(232,37%,47%) |
#434e93 |
rgb(67,78,147) |
hsl(232,37%,42%) |
#3b4581 |
rgb(59,69,129) |
hsl(232,37%,37%) |
#333b70 |
rgb(51,59,112) |
hsl(232,37%,32%) |
#2b325e |
rgb(43,50,94) |
hsl(232,37%,27%) |
#23294d |
rgb(35,41,77) |
hsl(232,37%,22%) |
#1b203b |
rgb(27,32,59) |
hsl(232,37%,17%) |
#13162a |
rgb(19,22,42) |
hsl(232,37%,12%) |
#0b0d18 |
rgb(11,13,24) |
hsl(232,37%,7%) |
#030407 |
rgb(3,4,7) |
hsl(232,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A1B2 |
rgb(86,161,178) |
hsl(191,37%,52%) |
#5663B2 |
rgb(86,99,178) |
hsl(232,37%,52%) |
#8657B2 |
rgb(134,87,178) |
hsl(271,37%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9099CC |
rgb(144,153,204) |
hsl(231,37%,68%) |
#737DBF |
rgb(115,125,191) |
hsl(232,37%,60%) |
#5663B2 |
rgb(86,99,178) |
hsl(232,37%,52%) |
#455298 |
rgb(69,82,152) |
hsl(231,38%,43%) |
#38427B |
rgb(56,66,123) |
hsl(231,37%,35%) |
#2A335E |
rgb(42,51,94) |
hsl(230,38%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663B2 |
rgb(86,99,178) |
hsl(232,37%,52%) |
#B27856 |
rgb(178,120,86) |
hsl(22,37%,52%) |
#91B356 |
rgb(145,179,86) |
hsl(82,38%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663B2 |
rgb(86,99,178) |
hsl(232,37%,52%) |
#B2A656 |
rgb(178,166,86) |
hsl(52,37%,52%) |
#5691B2 |
rgb(86,145,178) |
hsl(202,37%,52%) |
#91B356 |
rgb(145,179,86) |
hsl(82,38%,52%) |