HEX #586BE4 color — Royal Blue
The color #586BE4 is a dark shade and moderately saturated.
Palette
586BE4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(232,72%,97%) |
#dce0f9 |
rgb(220,224,249) |
hsl(232,72%,92%) |
#c6ccf6 |
rgb(198,204,246) |
hsl(232,72%,87%) |
#b0b9f2 |
rgb(176,185,242) |
hsl(232,72%,82%) |
#9aa5ef |
rgb(154,165,239) |
hsl(232,72%,77%) |
#8492eb |
rgb(132,146,235) |
hsl(232,72%,72%) |
#6e7ee7 |
rgb(110,126,231) |
hsl(232,72%,67%) |
#586be4 |
rgb(88,107,228) |
hsl(232,72%,62%) |
#4257e0 |
rgb(66,87,224) |
hsl(232,72%,57%) |
#2c44dd |
rgb(44,68,221) |
hsl(232,72%,52%) |
#2239ce |
rgb(34,57,206) |
hsl(232,72%,47%) |
#1e33b8 |
rgb(30,51,184) |
hsl(232,72%,42%) |
#1a2da2 |
rgb(26,45,162) |
hsl(232,72%,37%) |
#17278c |
rgb(23,39,140) |
hsl(232,72%,32%) |
#132076 |
rgb(19,32,118) |
hsl(232,72%,27%) |
#101a60 |
rgb(16,26,96) |
hsl(232,72%,22%) |
#0c144b |
rgb(12,20,75) |
hsl(232,72%,17%) |
#090e35 |
rgb(9,14,53) |
hsl(232,72%,12%) |
#05081f |
rgb(5,8,31) |
hsl(232,72%,7%) |
#010209 |
rgb(1,2,9) |
hsl(232,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#58C9E4 |
rgb(88,201,228) |
hsl(192,72%,62%) |
#586BE4 |
rgb(88,107,228) |
hsl(232,72%,62%) |
#A259E4 |
rgb(162,89,228) |
hsl(272,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DADEF9 |
rgb(218,222,249) |
hsl(232,72%,92%) |
#AFB8F2 |
rgb(175,184,242) |
hsl(232,72%,82%) |
#8391EB |
rgb(131,145,235) |
hsl(232,72%,72%) |
#586BE4 |
rgb(88,107,228) |
hsl(232,72%,62%) |
#2C45DC |
rgb(44,69,220) |
hsl(231,72%,52%) |
#1D33B8 |
rgb(29,51,184) |
hsl(231,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BE4 |
rgb(88,107,228) |
hsl(232,72%,62%) |
#E48C58 |
rgb(228,140,88) |
hsl(22,72%,62%) |
#B1E358 |
rgb(177,227,88) |
hsl(82,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BE4 |
rgb(88,107,228) |
hsl(232,72%,62%) |
#E4D158 |
rgb(228,209,88) |
hsl(52,72%,62%) |
#58B0E4 |
rgb(88,176,228) |
hsl(202,72%,62%) |
#B1E358 |
rgb(177,227,88) |
hsl(82,71%,62%) |