HEX #586BB2 color — Blue Violet
The color #586BB2 is a dark shade and moderately saturated.
Palette
586BB2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6fa |
rgb(245,246,250) |
hsl(227,37%,97%) |
#e3e6f2 |
rgb(227,230,242) |
hsl(227,37%,92%) |
#d2d7ea |
rgb(210,215,234) |
hsl(227,37%,87%) |
#c0c7e2 |
rgb(192,199,226) |
hsl(227,37%,82%) |
#afb8da |
rgb(175,184,218) |
hsl(227,37%,77%) |
#9da9d2 |
rgb(157,169,210) |
hsl(227,37%,72%) |
#8c99ca |
rgb(140,153,202) |
hsl(227,37%,67%) |
#7a8ac2 |
rgb(122,138,194) |
hsl(227,37%,62%) |
#697aba |
rgb(105,122,186) |
hsl(227,37%,57%) |
#576bb2 |
rgb(87,107,178) |
hsl(227,37%,52%) |
#4c5fa4 |
rgb(76,95,164) |
hsl(227,37%,47%) |
#435593 |
rgb(67,85,147) |
hsl(227,37%,42%) |
#3b4b81 |
rgb(59,75,129) |
hsl(227,37%,37%) |
#334070 |
rgb(51,64,112) |
hsl(227,37%,32%) |
#2b365e |
rgb(43,54,94) |
hsl(227,37%,27%) |
#232c4d |
rgb(35,44,77) |
hsl(227,37%,22%) |
#1b223b |
rgb(27,34,59) |
hsl(227,37%,17%) |
#13182a |
rgb(19,24,42) |
hsl(227,37%,12%) |
#0b0e18 |
rgb(11,14,24) |
hsl(227,37%,7%) |
#030407 |
rgb(3,4,7) |
hsl(227,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A6B2 |
rgb(88,166,178) |
hsl(188,37%,52%) |
#586BB2 |
rgb(88,107,178) |
hsl(227,37%,52%) |
#8159B2 |
rgb(129,89,178) |
hsl(267,37%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#929ECC |
rgb(146,158,204) |
hsl(228,36%,69%) |
#7585BF |
rgb(117,133,191) |
hsl(227,37%,60%) |
#586BB2 |
rgb(88,107,178) |
hsl(227,37%,52%) |
#465798 |
rgb(70,87,152) |
hsl(228,37%,44%) |
#39477B |
rgb(57,71,123) |
hsl(227,37%,35%) |
#2B365E |
rgb(43,54,94) |
hsl(227,37%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BB2 |
rgb(88,107,178) |
hsl(227,37%,52%) |
#B27358 |
rgb(178,115,88) |
hsl(18,37%,52%) |
#98B358 |
rgb(152,179,88) |
hsl(78,37%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BB2 |
rgb(88,107,178) |
hsl(227,37%,52%) |
#B29E58 |
rgb(178,158,88) |
hsl(47,37%,52%) |
#5899B2 |
rgb(88,153,178) |
hsl(197,37%,52%) |
#98B358 |
rgb(152,179,88) |
hsl(78,37%,52%) |