HEX #5570E5 color — Royal Blue
The color #5570E5 is a dark shade and moderately saturated.
Palette
5570E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,73%,97%) |
#dce1f9 |
rgb(220,225,249) |
hsl(229,73%,92%) |
#c6cff6 |
rgb(198,207,246) |
hsl(229,73%,87%) |
#b0bcf3 |
rgb(176,188,243) |
hsl(229,73%,82%) |
#9aa9ef |
rgb(154,169,239) |
hsl(229,73%,77%) |
#8397ec |
rgb(131,151,236) |
hsl(229,73%,72%) |
#6d84e8 |
rgb(109,132,232) |
hsl(229,73%,67%) |
#5771e5 |
rgb(87,113,229) |
hsl(229,73%,62%) |
#415fe1 |
rgb(65,95,225) |
hsl(229,73%,57%) |
#2b4cde |
rgb(43,76,222) |
hsl(229,73%,52%) |
#2040cf |
rgb(32,64,207) |
hsl(229,73%,47%) |
#1d3ab9 |
rgb(29,58,185) |
hsl(229,73%,42%) |
#1933a3 |
rgb(25,51,163) |
hsl(229,73%,37%) |
#162c8d |
rgb(22,44,141) |
hsl(229,73%,32%) |
#132577 |
rgb(19,37,119) |
hsl(229,73%,27%) |
#0f1e61 |
rgb(15,30,97) |
hsl(229,73%,22%) |
#0c174b |
rgb(12,23,75) |
hsl(229,73%,17%) |
#081035 |
rgb(8,16,53) |
hsl(229,73%,12%) |
#050a1f |
rgb(5,10,31) |
hsl(229,73%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D1E5 |
rgb(85,209,229) |
hsl(188,73%,62%) |
#5570E5 |
rgb(85,112,229) |
hsl(229,73%,62%) |
#9A54E5 |
rgb(154,84,229) |
hsl(269,74%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7DEF8 |
rgb(215,222,248) |
hsl(227,70%,91%) |
#ACBAF2 |
rgb(172,186,242) |
hsl(228,73%,81%) |
#8094EB |
rgb(128,148,235) |
hsl(229,73%,71%) |
#5570E5 |
rgb(85,112,229) |
hsl(229,73%,62%) |
#294DDE |
rgb(41,77,222) |
hsl(228,73%,52%) |
#1C3BB9 |
rgb(28,59,185) |
hsl(228,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5570E5 |
rgb(85,112,229) |
hsl(229,73%,62%) |
#E58255 |
rgb(229,130,85) |
hsl(19,73%,62%) |
#B8E655 |
rgb(184,230,85) |
hsl(79,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5570E5 |
rgb(85,112,229) |
hsl(229,73%,62%) |
#E5C955 |
rgb(229,201,85) |
hsl(48,73%,62%) |
#55B8E5 |
rgb(85,184,229) |
hsl(199,73%,62%) |
#B8E655 |
rgb(184,230,85) |
hsl(79,74%,62%) |