HEX #556EE7 color — Royal Blue
The color #556EE7 is a dark shade and moderately saturated.
Palette
556EE7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,75%,97%) |
#dbe0fa |
rgb(219,224,250) |
hsl(230,75%,92%) |
#c5cdf7 |
rgb(197,205,247) |
hsl(230,75%,87%) |
#afbaf4 |
rgb(175,186,244) |
hsl(230,75%,82%) |
#98a7f0 |
rgb(152,167,240) |
hsl(230,75%,77%) |
#8294ed |
rgb(130,148,237) |
hsl(230,75%,72%) |
#6c81ea |
rgb(108,129,234) |
hsl(230,75%,67%) |
#556ee7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#3f5be4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#2947e0 |
rgb(41,71,224) |
hsl(230,75%,52%) |
#1e3cd2 |
rgb(30,60,210) |
hsl(230,75%,47%) |
#1b36bb |
rgb(27,54,187) |
hsl(230,75%,42%) |
#182fa5 |
rgb(24,47,165) |
hsl(230,75%,37%) |
#14298f |
rgb(20,41,143) |
hsl(230,75%,32%) |
#112278 |
rgb(17,34,120) |
hsl(230,75%,27%) |
#0e1c62 |
rgb(14,28,98) |
hsl(230,75%,22%) |
#0b164c |
rgb(11,22,76) |
hsl(230,75%,17%) |
#080f36 |
rgb(8,15,54) |
hsl(230,75%,12%) |
#04091f |
rgb(4,9,31) |
hsl(230,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55CFE7 |
rgb(85,207,231) |
hsl(190,75%,62%) |
#556EE7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#9D54E7 |
rgb(157,84,231) |
hsl(270,75%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E0F9 |
rgb(217,224,249) |
hsl(227,73%,91%) |
#ADBAF3 |
rgb(173,186,243) |
hsl(229,74%,82%) |
#8194ED |
rgb(129,148,237) |
hsl(229,75%,72%) |
#556EE7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#2847E0 |
rgb(40,71,224) |
hsl(230,75%,52%) |
#1A36BC |
rgb(26,54,188) |
hsl(230,76%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#556EE7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#E78555 |
rgb(231,133,85) |
hsl(20,75%,62%) |
#B7E855 |
rgb(183,232,85) |
hsl(80,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556EE7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#E7CF55 |
rgb(231,207,85) |
hsl(50,75%,62%) |
#55B8E7 |
rgb(85,184,231) |
hsl(199,75%,62%) |
#B7E855 |
rgb(183,232,85) |
hsl(80,76%,62%) |