HEX #5574E2 color — Royal Blue
The color #5574e2 is a dark shade and moderately saturated.
Palette
5574e2 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(227,71%,96%) |
#d8dff8 |
rgb(216,223,248) |
hsl(227,71%,91%) |
#c2cdf5 |
rgb(194,205,245) |
hsl(227,71%,86%) |
#acbbf1 |
rgb(172,187,241) |
hsl(227,71%,81%) |
#96a9ed |
rgb(150,169,237) |
hsl(227,71%,76%) |
#8197ea |
rgb(129,151,234) |
hsl(227,71%,71%) |
#6b85e6 |
rgb(107,133,230) |
hsl(227,71%,66%) |
#5574e2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#3f62de |
rgb(63,98,222) |
hsl(227,71%,56%) |
#2950db |
rgb(41,80,219) |
hsl(227,71%,51%) |
#2246c9 |
rgb(34,70,201) |
hsl(227,71%,46%) |
#1e3eb3 |
rgb(30,62,179) |
hsl(227,71%,41%) |
#1b379d |
rgb(27,55,157) |
hsl(227,71%,36%) |
#172f87 |
rgb(23,47,135) |
hsl(227,71%,31%) |
#132871 |
rgb(19,40,113) |
hsl(227,71%,26%) |
#10205c |
rgb(16,32,92) |
hsl(227,71%,21%) |
#0c1846 |
rgb(12,24,70) |
hsl(227,71%,16%) |
#081130 |
rgb(8,17,48) |
hsl(227,71%,11%) |
#04091a |
rgb(4,9,26) |
hsl(227,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D1E2 |
rgb(85,209,226) |
hsl(187,71%,61%) |
#5574E2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#9454E2 |
rgb(148,84,226) |
hsl(267,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DBF7 |
rgb(212,219,247) |
hsl(228,69%,90%) |
#AABAF0 |
rgb(170,186,240) |
hsl(226,70%,80%) |
#7F96E9 |
rgb(127,150,233) |
hsl(227,71%,71%) |
#5574E2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#2A52DA |
rgb(42,82,218) |
hsl(226,70%,51%) |
#1E40B4 |
rgb(30,64,180) |
hsl(226,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5574E2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#E27D55 |
rgb(226,125,85) |
hsl(17,71%,61%) |
#BAE355 |
rgb(186,227,85) |
hsl(77,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5574E2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#E2C255 |
rgb(226,194,85) |
hsl(46,71%,61%) |
#55BAE2 |
rgb(85,186,226) |
hsl(197,71%,61%) |
#BAE355 |
rgb(186,227,85) |
hsl(77,72%,61%) |