HEX #5657E4 color — Royal Blue
The color #5657E4 is a dark shade and moderately saturated.
Palette
5657E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f2fd |
rgb(242,242,253) |
hsl(240,72%,97%) |
#dcdcf9 |
rgb(220,220,249) |
hsl(240,72%,92%) |
#c6c6f6 |
rgb(198,198,246) |
hsl(240,72%,87%) |
#b0b0f2 |
rgb(176,176,242) |
hsl(240,72%,82%) |
#9a9aef |
rgb(154,154,239) |
hsl(240,72%,77%) |
#8484eb |
rgb(132,132,235) |
hsl(240,72%,72%) |
#6e6ee7 |
rgb(110,110,231) |
hsl(240,72%,67%) |
#5858e4 |
rgb(88,88,228) |
hsl(240,72%,62%) |
#4242e0 |
rgb(66,66,224) |
hsl(240,72%,57%) |
#2c2cdd |
rgb(44,44,221) |
hsl(240,72%,52%) |
#2222ce |
rgb(34,34,206) |
hsl(240,72%,47%) |
#1e1eb8 |
rgb(30,30,184) |
hsl(240,72%,42%) |
#1a1aa2 |
rgb(26,26,162) |
hsl(240,72%,37%) |
#17178c |
rgb(23,23,140) |
hsl(240,72%,32%) |
#131376 |
rgb(19,19,118) |
hsl(240,72%,27%) |
#101060 |
rgb(16,16,96) |
hsl(240,72%,22%) |
#0c0c4b |
rgb(12,12,75) |
hsl(240,72%,17%) |
#090935 |
rgb(9,9,53) |
hsl(240,72%,12%) |
#05051f |
rgb(5,5,31) |
hsl(240,72%,7%) |
#010109 |
rgb(1,1,9) |
hsl(240,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5E4 |
rgb(86,181,228) |
hsl(200,72%,62%) |
#5657E4 |
rgb(86,87,228) |
hsl(240,72%,62%) |
#B357E4 |
rgb(179,87,228) |
hsl(279,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7D9F8 |
rgb(215,217,248) |
hsl(236,70%,91%) |
#ACADF1 |
rgb(172,173,241) |
hsl(239,71%,81%) |
#8182EA |
rgb(129,130,234) |
hsl(239,71%,71%) |
#5657E4 |
rgb(86,87,228) |
hsl(240,72%,62%) |
#2A2BDD |
rgb(42,43,221) |
hsl(240,72%,52%) |
#1D1FB8 |
rgb(29,31,184) |
hsl(239,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657E4 |
rgb(86,87,228) |
hsl(240,72%,62%) |
#E49C56 |
rgb(228,156,86) |
hsl(30,72%,62%) |
#9EE356 |
rgb(158,227,86) |
hsl(89,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657E4 |
rgb(86,87,228) |
hsl(240,72%,62%) |
#E4E356 |
rgb(228,227,86) |
hsl(60,72%,62%) |
#569EE4 |
rgb(86,158,228) |
hsl(210,72%,62%) |
#9EE356 |
rgb(158,227,86) |
hsl(89,72%,61%) |