HEX #557DE2 color — Royal Blue
The color #557de2 is a dark shade and moderately saturated.
Palette
557de2 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(223,71%,96%) |
#d8e1f8 |
rgb(216,225,248) |
hsl(223,71%,91%) |
#c2d0f5 |
rgb(194,208,245) |
hsl(223,71%,86%) |
#acc0f1 |
rgb(172,192,241) |
hsl(223,71%,81%) |
#96afed |
rgb(150,175,237) |
hsl(223,71%,76%) |
#819eea |
rgb(129,158,234) |
hsl(223,71%,71%) |
#6b8ee6 |
rgb(107,142,230) |
hsl(223,71%,66%) |
#557de2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
#3f6cde |
rgb(63,108,222) |
hsl(223,71%,56%) |
#295cdb |
rgb(41,92,219) |
hsl(223,71%,51%) |
#2251c9 |
rgb(34,81,201) |
hsl(223,71%,46%) |
#1e48b3 |
rgb(30,72,179) |
hsl(223,71%,41%) |
#1b409d |
rgb(27,64,157) |
hsl(223,71%,36%) |
#173787 |
rgb(23,55,135) |
hsl(223,71%,31%) |
#132e71 |
rgb(19,46,113) |
hsl(223,71%,26%) |
#10255c |
rgb(16,37,92) |
hsl(223,71%,21%) |
#0c1c46 |
rgb(12,28,70) |
hsl(223,71%,16%) |
#081330 |
rgb(8,19,48) |
hsl(223,71%,11%) |
#040b1a |
rgb(4,11,26) |
hsl(223,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DBE2 |
rgb(85,219,226) |
hsl(183,71%,61%) |
#557DE2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
#8B54E2 |
rgb(139,84,226) |
hsl(263,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DEF7 |
rgb(212,222,247) |
hsl(223,69%,90%) |
#AABFF0 |
rgb(170,191,240) |
hsl(222,70%,80%) |
#7F9EE9 |
rgb(127,158,233) |
hsl(222,71%,71%) |
#557DE2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
#2A5CDA |
rgb(42,92,218) |
hsl(223,70%,51%) |
#1E4AB4 |
rgb(30,74,180) |
hsl(222,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DE2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
#E27355 |
rgb(226,115,85) |
hsl(13,71%,61%) |
#C3E355 |
rgb(195,227,85) |
hsl(74,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DE2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
#E2BA55 |
rgb(226,186,85) |
hsl(43,71%,61%) |
#55C4E2 |
rgb(85,196,226) |
hsl(193,71%,61%) |
#C3E355 |
rgb(195,227,85) |
hsl(74,72%,61%) |