HEX #5857F5 color — Royal Blue
The color #5857F5 is a dark shade and moderately saturated.
Palette
5857F5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7e7fe |
rgb(231,231,254) |
hsl(240,89%,95%) |
| #cfcffc |
rgb(207,207,252) |
hsl(240,89%,90%) |
| #b7b7fb |
rgb(183,183,251) |
hsl(240,89%,85%) |
| #9f9ff9 |
rgb(159,159,249) |
hsl(240,89%,80%) |
| #8787f8 |
rgb(135,135,248) |
hsl(240,89%,75%) |
| #6e6ef7 |
rgb(110,110,247) |
hsl(240,89%,70%) |
| #5656f5 |
rgb(86,86,245) |
hsl(240,89%,65%) |
| #3e3ef4 |
rgb(62,62,244) |
hsl(240,89%,60%) |
| #2626f2 |
rgb(38,38,242) |
hsl(240,89%,55%) |
| #0e0ef1 |
rgb(14,14,241) |
hsl(240,89%,50%) |
| #0d0dd9 |
rgb(13,13,217) |
hsl(240,89%,45%) |
| #0b0bc1 |
rgb(11,11,193) |
hsl(240,89%,40%) |
| #0a0aa9 |
rgb(10,10,169) |
hsl(240,89%,35%) |
| #080891 |
rgb(8,8,145) |
hsl(240,89%,30%) |
| #070778 |
rgb(7,7,120) |
hsl(240,89%,25%) |
| #060660 |
rgb(6,6,96) |
hsl(240,89%,20%) |
| #040448 |
rgb(4,4,72) |
hsl(240,89%,15%) |
| #030330 |
rgb(3,3,48) |
hsl(240,89%,10%) |
| #010118 |
rgb(1,1,24) |
hsl(240,89%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #57BFF5 |
rgb(87,191,245) |
hsl(201,89%,65%) |
| #5857F5 |
rgb(88,87,245) |
hsl(240,89%,65%) |
| #C157F5 |
rgb(193,87,245) |
hsl(280,89%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #EDEDFD |
rgb(237,237,253) |
hsl(240,80%,96%) |
| #BBBAFA |
rgb(187,186,250) |
hsl(241,86%,85%) |
| #898AF7 |
rgb(137,138,247) |
hsl(239,87%,75%) |
| #5857F5 |
rgb(88,87,245) |
hsl(240,89%,65%) |
| #2624F2 |
rgb(38,36,242) |
hsl(241,89%,55%) |
| #0D0DD5 |
rgb(13,13,213) |
hsl(240,88%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5857F5 |
rgb(88,87,245) |
hsl(240,89%,65%) |
| #F5A657 |
rgb(245,166,87) |
hsl(30,89%,65%) |
| #A5F557 |
rgb(165,245,87) |
hsl(90,89%,65%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5857F5 |
rgb(88,87,245) |
hsl(240,89%,65%) |
| #F4F557 |
rgb(244,245,87) |
hsl(60,89%,65%) |
| #57A6F5 |
rgb(87,166,245) |
hsl(210,89%,65%) |
| #A5F557 |
rgb(165,245,87) |
hsl(90,89%,65%) |
