HEX #557DE7 color — Royal Blue
The color #557DE7 is a dark shade and moderately saturated.
Palette
557DE7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(224,75%,97%) |
#dbe3fa |
rgb(219,227,250) |
hsl(224,75%,92%) |
#c5d2f7 |
rgb(197,210,247) |
hsl(224,75%,87%) |
#afc1f4 |
rgb(175,193,244) |
hsl(224,75%,82%) |
#98b0f0 |
rgb(152,176,240) |
hsl(224,75%,77%) |
#829fed |
rgb(130,159,237) |
hsl(224,75%,72%) |
#6c8dea |
rgb(108,141,234) |
hsl(224,75%,67%) |
#557ce7 |
rgb(85,124,231) |
hsl(224,75%,62%) |
#3f6be4 |
rgb(63,107,228) |
hsl(224,75%,57%) |
#295ae0 |
rgb(41,90,224) |
hsl(224,75%,52%) |
#1e4ed2 |
rgb(30,78,210) |
hsl(224,75%,47%) |
#1b46bb |
rgb(27,70,187) |
hsl(224,75%,42%) |
#183da5 |
rgb(24,61,165) |
hsl(224,75%,37%) |
#14358f |
rgb(20,53,143) |
hsl(224,75%,32%) |
#112d78 |
rgb(17,45,120) |
hsl(224,75%,27%) |
#0e2462 |
rgb(14,36,98) |
hsl(224,75%,22%) |
#0b1c4c |
rgb(11,28,76) |
hsl(224,75%,17%) |
#081436 |
rgb(8,20,54) |
hsl(224,75%,12%) |
#040c1f |
rgb(4,12,31) |
hsl(224,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(224,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DEE7 |
rgb(85,222,231) |
hsl(184,75%,62%) |
#557DE7 |
rgb(85,125,231) |
hsl(224,75%,62%) |
#8E54E7 |
rgb(142,84,231) |
hsl(264,75%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E3F9 |
rgb(217,227,249) |
hsl(221,73%,91%) |
#ADC2F3 |
rgb(173,194,243) |
hsl(222,74%,82%) |
#819EED |
rgb(129,158,237) |
hsl(224,75%,72%) |
#557DE7 |
rgb(85,125,231) |
hsl(224,75%,62%) |
#285CE0 |
rgb(40,92,224) |
hsl(223,75%,52%) |
#1A47BC |
rgb(26,71,188) |
hsl(223,76%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DE7 |
rgb(85,125,231) |
hsl(224,75%,62%) |
#E77555 |
rgb(231,117,85) |
hsl(13,75%,62%) |
#C6E855 |
rgb(198,232,85) |
hsl(74,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DE7 |
rgb(85,125,231) |
hsl(224,75%,62%) |
#E7BF55 |
rgb(231,191,85) |
hsl(44,75%,62%) |
#55C7E7 |
rgb(85,199,231) |
hsl(193,75%,62%) |
#C6E855 |
rgb(198,232,85) |
hsl(74,76%,62%) |