HEX #5B7AE4 color — Royal Blue
The color #5B7AE4 is a dark shade and moderately saturated.
Palette
5B7AE4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(226,72%,98%) |
#e0e6fa |
rgb(224,230,250) |
hsl(226,72%,93%) |
#cad5f6 |
rgb(202,213,246) |
hsl(226,72%,88%) |
#b4c3f3 |
rgb(180,195,243) |
hsl(226,72%,83%) |
#9fb1ef |
rgb(159,177,239) |
hsl(226,72%,78%) |
#89a0ec |
rgb(137,160,236) |
hsl(226,72%,73%) |
#738ee8 |
rgb(115,142,232) |
hsl(226,72%,68%) |
#5d7ce5 |
rgb(93,124,229) |
hsl(226,72%,63%) |
#476be1 |
rgb(71,107,225) |
hsl(226,72%,58%) |
#3159dd |
rgb(49,89,221) |
hsl(226,72%,53%) |
#224bd3 |
rgb(34,75,211) |
hsl(226,72%,48%) |
#1f44bd |
rgb(31,68,189) |
hsl(226,72%,43%) |
#1b3ca7 |
rgb(27,60,167) |
hsl(226,72%,38%) |
#183491 |
rgb(24,52,145) |
hsl(226,72%,33%) |
#142c7b |
rgb(20,44,123) |
hsl(226,72%,28%) |
#102465 |
rgb(16,36,101) |
hsl(226,72%,23%) |
#0d1c4f |
rgb(13,28,79) |
hsl(226,72%,18%) |
#091439 |
rgb(9,20,57) |
hsl(226,72%,13%) |
#060d23 |
rgb(6,13,35) |
hsl(226,72%,8%) |
#02050d |
rgb(2,5,13) |
hsl(226,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BD6E4 |
rgb(91,214,228) |
hsl(186,72%,63%) |
#5B7AE4 |
rgb(91,122,228) |
hsl(226,72%,63%) |
#975CE4 |
rgb(151,92,228) |
hsl(266,72%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DEE6F9 |
rgb(222,230,249) |
hsl(222,69%,92%) |
#B2C2F2 |
rgb(178,194,242) |
hsl(225,71%,82%) |
#869EEB |
rgb(134,158,235) |
hsl(226,72%,72%) |
#5B7AE4 |
rgb(91,122,228) |
hsl(226,72%,63%) |
#2F57DC |
rgb(47,87,220) |
hsl(226,71%,52%) |
#1E42BA |
rgb(30,66,186) |
hsl(226,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7AE4 |
rgb(91,122,228) |
hsl(226,72%,63%) |
#E4805B |
rgb(228,128,91) |
hsl(16,72%,63%) |
#BEE35B |
rgb(190,227,91) |
hsl(76,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7AE4 |
rgb(91,122,228) |
hsl(226,72%,63%) |
#E4C45B |
rgb(228,196,91) |
hsl(46,72%,63%) |
#5BBFE4 |
rgb(91,191,228) |
hsl(196,72%,63%) |
#BEE35B |
rgb(190,227,91) |
hsl(76,71%,62%) |