HEX #5657F3 color — Royal Blue
The color #5657F3 is a dark shade and moderately saturated.
Palette
5657F3 color palette from light to dark
HEX |
RGB |
HSL |
#e7e7fd |
rgb(231,231,253) |
hsl(240,87%,95%) |
#cfcffc |
rgb(207,207,252) |
hsl(240,87%,90%) |
#b7b7fa |
rgb(183,183,250) |
hsl(240,87%,85%) |
#a0a0f8 |
rgb(160,160,248) |
hsl(240,87%,80%) |
#8888f7 |
rgb(136,136,247) |
hsl(240,87%,75%) |
#7070f5 |
rgb(112,112,245) |
hsl(240,87%,70%) |
#5858f3 |
rgb(88,88,243) |
hsl(240,87%,65%) |
#4040f2 |
rgb(64,64,242) |
hsl(240,87%,60%) |
#2828f0 |
rgb(40,40,240) |
hsl(240,87%,55%) |
#1111ee |
rgb(17,17,238) |
hsl(240,87%,50%) |
#0f0fd7 |
rgb(15,15,215) |
hsl(240,87%,45%) |
#0d0dbf |
rgb(13,13,191) |
hsl(240,87%,40%) |
#0c0ca7 |
rgb(12,12,167) |
hsl(240,87%,35%) |
#0a0a8f |
rgb(10,10,143) |
hsl(240,87%,30%) |
#080877 |
rgb(8,8,119) |
hsl(240,87%,25%) |
#07075f |
rgb(7,7,95) |
hsl(240,87%,20%) |
#050548 |
rgb(5,5,72) |
hsl(240,87%,15%) |
#030330 |
rgb(3,3,48) |
hsl(240,87%,10%) |
#020218 |
rgb(2,2,24) |
hsl(240,87%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFF3 |
rgb(86,191,243) |
hsl(200,87%,65%) |
#5657F3 |
rgb(86,87,243) |
hsl(240,87%,65%) |
#BD57F3 |
rgb(189,87,243) |
hsl(279,87%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E9EBFD |
rgb(233,235,253) |
hsl(234,83%,95%) |
#B8B8F9 |
rgb(184,184,249) |
hsl(240,84%,85%) |
#8787F6 |
rgb(135,135,246) |
hsl(240,86%,75%) |
#5657F3 |
rgb(86,87,243) |
hsl(240,87%,65%) |
#2426EF |
rgb(36,38,239) |
hsl(239,86%,54%) |
#0E0FD0 |
rgb(14,15,208) |
hsl(240,87%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657F3 |
rgb(86,87,243) |
hsl(240,87%,65%) |
#F3A356 |
rgb(243,163,86) |
hsl(29,87%,65%) |
#A5F256 |
rgb(165,242,86) |
hsl(90,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657F3 |
rgb(86,87,243) |
hsl(240,87%,65%) |
#F3F256 |
rgb(243,242,86) |
hsl(60,87%,65%) |
#56A6F3 |
rgb(86,166,243) |
hsl(209,87%,65%) |
#A5F256 |
rgb(165,242,86) |
hsl(90,86%,64%) |