HEX #5A78E5 color — Royal Blue
The color #5A78E5 is a dark shade and moderately saturated.
Palette
5A78E5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(227,73%,98%) |
#e0e6fa |
rgb(224,230,250) |
hsl(227,73%,93%) |
#cad4f7 |
rgb(202,212,247) |
hsl(227,73%,88%) |
#b4c2f3 |
rgb(180,194,243) |
hsl(227,73%,83%) |
#9eb0f0 |
rgb(158,176,240) |
hsl(227,73%,78%) |
#889eec |
rgb(136,158,236) |
hsl(227,73%,73%) |
#728ce9 |
rgb(114,140,233) |
hsl(227,73%,68%) |
#5c7ae6 |
rgb(92,122,230) |
hsl(227,73%,63%) |
#4668e2 |
rgb(70,104,226) |
hsl(227,73%,58%) |
#3056df |
rgb(48,86,223) |
hsl(227,73%,53%) |
#2148d4 |
rgb(33,72,212) |
hsl(227,73%,48%) |
#1e40be |
rgb(30,64,190) |
hsl(227,73%,43%) |
#1a39a8 |
rgb(26,57,168) |
hsl(227,73%,38%) |
#173192 |
rgb(23,49,146) |
hsl(227,73%,33%) |
#132a7c |
rgb(19,42,124) |
hsl(227,73%,28%) |
#102265 |
rgb(16,34,101) |
hsl(227,73%,23%) |
#0c1b4f |
rgb(12,27,79) |
hsl(227,73%,18%) |
#091339 |
rgb(9,19,57) |
hsl(227,73%,13%) |
#060c23 |
rgb(6,12,35) |
hsl(227,73%,8%) |
#02040d |
rgb(2,4,13) |
hsl(227,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD4E5 |
rgb(90,212,229) |
hsl(187,73%,63%) |
#5A78E5 |
rgb(90,120,229) |
hsl(227,73%,63%) |
#9859E5 |
rgb(152,89,229) |
hsl(267,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DEE6F9 |
rgb(222,230,249) |
hsl(222,69%,92%) |
#B2BFF2 |
rgb(178,191,242) |
hsl(228,71%,82%) |
#869CEB |
rgb(134,156,235) |
hsl(227,72%,72%) |
#5A78E5 |
rgb(90,120,229) |
hsl(227,73%,63%) |
#2D54DE |
rgb(45,84,222) |
hsl(227,73%,52%) |
#1D40BB |
rgb(29,64,187) |
hsl(227,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78E5 |
rgb(90,120,229) |
hsl(227,73%,63%) |
#E5825A |
rgb(229,130,90) |
hsl(17,73%,63%) |
#BDE65A |
rgb(189,230,90) |
hsl(78,74%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78E5 |
rgb(90,120,229) |
hsl(227,73%,63%) |
#E5C75A |
rgb(229,199,90) |
hsl(47,73%,63%) |
#5ABDE5 |
rgb(90,189,229) |
hsl(197,73%,63%) |
#BDE65A |
rgb(189,230,90) |
hsl(78,74%,63%) |