HEX #557AE7 color — Royal Blue
The color #557ae7 is a dark shade and moderately saturated.
Palette
557ae7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(225,75%,97%) |
#dbe3fa |
rgb(219,227,250) |
hsl(225,75%,92%) |
#c5d1f7 |
rgb(197,209,247) |
hsl(225,75%,87%) |
#afc0f4 |
rgb(175,192,244) |
hsl(225,75%,82%) |
#98aef0 |
rgb(152,174,240) |
hsl(225,75%,77%) |
#829ded |
rgb(130,157,237) |
hsl(225,75%,72%) |
#6c8bea |
rgb(108,139,234) |
hsl(225,75%,67%) |
#557ae7 |
rgb(85,122,231) |
hsl(225,75%,62%) |
#3f68e4 |
rgb(63,104,228) |
hsl(225,75%,57%) |
#2957e0 |
rgb(41,87,224) |
hsl(225,75%,52%) |
#1e4bd2 |
rgb(30,75,210) |
hsl(225,75%,47%) |
#1b43bb |
rgb(27,67,187) |
hsl(225,75%,42%) |
#183ba5 |
rgb(24,59,165) |
hsl(225,75%,37%) |
#14338f |
rgb(20,51,143) |
hsl(225,75%,32%) |
#112b78 |
rgb(17,43,120) |
hsl(225,75%,27%) |
#0e2362 |
rgb(14,35,98) |
hsl(225,75%,22%) |
#0b1b4c |
rgb(11,27,76) |
hsl(225,75%,17%) |
#081336 |
rgb(8,19,54) |
hsl(225,75%,12%) |
#040b1f |
rgb(4,11,31) |
hsl(225,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(225,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DBE7 |
rgb(85,219,231) |
hsl(185,75%,62%) |
#557AE7 |
rgb(85,122,231) |
hsl(225,75%,62%) |
#9154E7 |
rgb(145,84,231) |
hsl(265,75%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E3F9 |
rgb(217,227,249) |
hsl(221,73%,91%) |
#ADBFF3 |
rgb(173,191,243) |
hsl(225,74%,82%) |
#819CED |
rgb(129,156,237) |
hsl(225,75%,72%) |
#557AE7 |
rgb(85,122,231) |
hsl(225,75%,62%) |
#2857E0 |
rgb(40,87,224) |
hsl(225,75%,52%) |
#1A42BC |
rgb(26,66,188) |
hsl(225,76%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#557AE7 |
rgb(85,122,231) |
hsl(225,75%,62%) |
#E77855 |
rgb(231,120,85) |
hsl(14,75%,62%) |
#C3E855 |
rgb(195,232,85) |
hsl(75,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557AE7 |
rgb(85,122,231) |
hsl(225,75%,62%) |
#E7C255 |
rgb(231,194,85) |
hsl(45,75%,62%) |
#55C2E7 |
rgb(85,194,231) |
hsl(195,75%,62%) |
#C3E855 |
rgb(195,232,85) |
hsl(75,76%,62%) |