HEX #5570E3 color — Royal Blue
The color #5570E3 is a dark shade and moderately saturated.
Palette
5570E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf0fc |
rgb(237,240,252) |
hsl(229,72%,96%) |
#d8def9 |
rgb(216,222,249) |
hsl(229,72%,91%) |
#c2cbf5 |
rgb(194,203,245) |
hsl(229,72%,86%) |
#acb8f1 |
rgb(172,184,241) |
hsl(229,72%,81%) |
#96a6ee |
rgb(150,166,238) |
hsl(229,72%,76%) |
#8093ea |
rgb(128,147,234) |
hsl(229,72%,71%) |
#6a81e7 |
rgb(106,129,231) |
hsl(229,72%,66%) |
#546ee3 |
rgb(84,110,227) |
hsl(229,72%,61%) |
#3e5ce0 |
rgb(62,92,224) |
hsl(229,72%,56%) |
#2849dc |
rgb(40,73,220) |
hsl(229,72%,51%) |
#2140ca |
rgb(33,64,202) |
hsl(229,72%,46%) |
#1d39b4 |
rgb(29,57,180) |
hsl(229,72%,41%) |
#1a329e |
rgb(26,50,158) |
hsl(229,72%,36%) |
#162b88 |
rgb(22,43,136) |
hsl(229,72%,31%) |
#132472 |
rgb(19,36,114) |
hsl(229,72%,26%) |
#0f1d5c |
rgb(15,29,92) |
hsl(229,72%,21%) |
#0b1646 |
rgb(11,22,70) |
hsl(229,72%,16%) |
#080f30 |
rgb(8,15,48) |
hsl(229,72%,11%) |
#04081a |
rgb(4,8,26) |
hsl(229,72%,6%) |
#010104 |
rgb(1,1,4) |
hsl(229,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55CFE3 |
rgb(85,207,227) |
hsl(188,72%,61%) |
#5570E3 |
rgb(85,112,227) |
hsl(229,72%,61%) |
#9854E3 |
rgb(152,84,227) |
hsl(269,72%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5DBF8 |
rgb(213,219,248) |
hsl(230,71%,90%) |
#AAB8F1 |
rgb(170,184,241) |
hsl(228,72%,81%) |
#7F94EA |
rgb(127,148,234) |
hsl(228,72%,71%) |
#5570E3 |
rgb(85,112,227) |
hsl(229,72%,61%) |
#2A4DDB |
rgb(42,77,219) |
hsl(228,71%,51%) |
#1E3BB6 |
rgb(30,59,182) |
hsl(229,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5570E3 |
rgb(85,112,227) |
hsl(229,72%,61%) |
#E38255 |
rgb(227,130,85) |
hsl(19,72%,61%) |
#B7E355 |
rgb(183,227,85) |
hsl(79,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5570E3 |
rgb(85,112,227) |
hsl(229,72%,61%) |
#E3C755 |
rgb(227,199,85) |
hsl(48,72%,61%) |
#55B8E3 |
rgb(85,184,227) |
hsl(198,72%,61%) |
#B7E355 |
rgb(183,227,85) |
hsl(79,72%,61%) |