HEX #556CE2 color — Royal Blue
The color #556ce2 is a dark shade and moderately saturated.
Palette
556ce2 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(230,71%,96%) |
#d8ddf8 |
rgb(216,221,248) |
hsl(230,71%,91%) |
#c2caf5 |
rgb(194,202,245) |
hsl(230,71%,86%) |
#acb8f1 |
rgb(172,184,241) |
hsl(230,71%,81%) |
#96a5ed |
rgb(150,165,237) |
hsl(230,71%,76%) |
#8192ea |
rgb(129,146,234) |
hsl(230,71%,71%) |
#6b7fe6 |
rgb(107,127,230) |
hsl(230,71%,66%) |
#556ce2 |
rgb(85,108,226) |
hsl(230,71%,61%) |
#3f5ade |
rgb(63,90,222) |
hsl(230,71%,56%) |
#2947db |
rgb(41,71,219) |
hsl(230,71%,51%) |
#223ec9 |
rgb(34,62,201) |
hsl(230,71%,46%) |
#1e37b3 |
rgb(30,55,179) |
hsl(230,71%,41%) |
#1b309d |
rgb(27,48,157) |
hsl(230,71%,36%) |
#172a87 |
rgb(23,42,135) |
hsl(230,71%,31%) |
#132371 |
rgb(19,35,113) |
hsl(230,71%,26%) |
#101c5c |
rgb(16,28,92) |
hsl(230,71%,21%) |
#0c1546 |
rgb(12,21,70) |
hsl(230,71%,16%) |
#080f30 |
rgb(8,15,48) |
hsl(230,71%,11%) |
#04081a |
rgb(4,8,26) |
hsl(230,71%,6%) |
#010104 |
rgb(1,1,4) |
hsl(230,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C9E2 |
rgb(85,201,226) |
hsl(191,71%,61%) |
#556CE2 |
rgb(85,108,226) |
hsl(230,71%,61%) |
#9C54E2 |
rgb(156,84,226) |
hsl(270,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DBF7 |
rgb(212,219,247) |
hsl(228,69%,90%) |
#AAB5F0 |
rgb(170,181,240) |
hsl(231,70%,80%) |
#7F91E9 |
rgb(127,145,233) |
hsl(230,71%,71%) |
#556CE2 |
rgb(85,108,226) |
hsl(230,71%,61%) |
#2A47DA |
rgb(42,71,218) |
hsl(230,70%,51%) |
#1E38B4 |
rgb(30,56,180) |
hsl(230,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#556CE2 |
rgb(85,108,226) |
hsl(230,71%,61%) |
#E28555 |
rgb(226,133,85) |
hsl(20,71%,61%) |
#B2E355 |
rgb(178,227,85) |
hsl(81,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556CE2 |
rgb(85,108,226) |
hsl(230,71%,61%) |
#E2CC55 |
rgb(226,204,85) |
hsl(51,71%,61%) |
#55B3E2 |
rgb(85,179,226) |
hsl(200,71%,61%) |
#B2E355 |
rgb(178,227,85) |
hsl(81,72%,61%) |