HEX #5570E2 color — Royal Blue
The color #5570E2 is a dark shade and moderately saturated.
Palette
5570E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(229,71%,96%) |
#d8def8 |
rgb(216,222,248) |
hsl(229,71%,91%) |
#c2cbf5 |
rgb(194,203,245) |
hsl(229,71%,86%) |
#acb9f1 |
rgb(172,185,241) |
hsl(229,71%,81%) |
#96a6ed |
rgb(150,166,237) |
hsl(229,71%,76%) |
#8194ea |
rgb(129,148,234) |
hsl(229,71%,71%) |
#6b81e6 |
rgb(107,129,230) |
hsl(229,71%,66%) |
#556fe2 |
rgb(85,111,226) |
hsl(229,71%,61%) |
#3f5cde |
rgb(63,92,222) |
hsl(229,71%,56%) |
#294adb |
rgb(41,74,219) |
hsl(229,71%,51%) |
#2241c9 |
rgb(34,65,201) |
hsl(229,71%,46%) |
#1e3ab3 |
rgb(30,58,179) |
hsl(229,71%,41%) |
#1b339d |
rgb(27,51,157) |
hsl(229,71%,36%) |
#172c87 |
rgb(23,44,135) |
hsl(229,71%,31%) |
#132471 |
rgb(19,36,113) |
hsl(229,71%,26%) |
#101d5c |
rgb(16,29,92) |
hsl(229,71%,21%) |
#0c1646 |
rgb(12,22,70) |
hsl(229,71%,16%) |
#080f30 |
rgb(8,15,48) |
hsl(229,71%,11%) |
#04081a |
rgb(4,8,26) |
hsl(229,71%,6%) |
#010104 |
rgb(1,1,4) |
hsl(229,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55CFE2 |
rgb(85,207,226) |
hsl(188,71%,61%) |
#5570E2 |
rgb(85,112,226) |
hsl(229,71%,61%) |
#9854E2 |
rgb(152,84,226) |
hsl(269,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DBF7 |
rgb(212,219,247) |
hsl(228,69%,90%) |
#AAB8F0 |
rgb(170,184,240) |
hsl(228,70%,80%) |
#7F94E9 |
rgb(127,148,233) |
hsl(228,71%,71%) |
#5570E2 |
rgb(85,112,226) |
hsl(229,71%,61%) |
#2A4DDA |
rgb(42,77,218) |
hsl(228,70%,51%) |
#1E3BB4 |
rgb(30,59,180) |
hsl(228,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5570E2 |
rgb(85,112,226) |
hsl(229,71%,61%) |
#E28055 |
rgb(226,128,85) |
hsl(18,71%,61%) |
#B6E355 |
rgb(182,227,85) |
hsl(79,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5570E2 |
rgb(85,112,226) |
hsl(229,71%,61%) |
#E2C755 |
rgb(226,199,85) |
hsl(49,71%,61%) |
#55B8E2 |
rgb(85,184,226) |
hsl(198,71%,61%) |
#B6E355 |
rgb(182,227,85) |
hsl(79,72%,61%) |