HEX #5578E6 color — Royal Blue
The color #5578E6 is a dark shade and moderately saturated.
Palette
5578E6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(226,74%,97%) |
#dce3fa |
rgb(220,227,250) |
hsl(226,74%,92%) |
#c5d1f6 |
rgb(197,209,246) |
hsl(226,74%,87%) |
#afbff3 |
rgb(175,191,243) |
hsl(226,74%,82%) |
#99adf0 |
rgb(153,173,240) |
hsl(226,74%,77%) |
#839bec |
rgb(131,155,236) |
hsl(226,74%,72%) |
#6d8ae9 |
rgb(109,138,233) |
hsl(226,74%,67%) |
#5678e6 |
rgb(86,120,230) |
hsl(226,74%,62%) |
#4066e2 |
rgb(64,102,226) |
hsl(226,74%,57%) |
#2a54df |
rgb(42,84,223) |
hsl(226,74%,52%) |
#1f49d1 |
rgb(31,73,209) |
hsl(226,74%,47%) |
#1c41ba |
rgb(28,65,186) |
hsl(226,74%,42%) |
#1939a4 |
rgb(25,57,164) |
hsl(226,74%,37%) |
#15318e |
rgb(21,49,142) |
hsl(226,74%,32%) |
#122a78 |
rgb(18,42,120) |
hsl(226,74%,27%) |
#0f2262 |
rgb(15,34,98) |
hsl(226,74%,22%) |
#0b1a4b |
rgb(11,26,75) |
hsl(226,74%,17%) |
#081335 |
rgb(8,19,53) |
hsl(226,74%,12%) |
#050b1f |
rgb(5,11,31) |
hsl(226,74%,7%) |
#010309 |
rgb(1,3,9) |
hsl(226,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D9E6 |
rgb(85,217,230) |
hsl(185,74%,62%) |
#5578E6 |
rgb(85,120,230) |
hsl(226,74%,62%) |
#9254E6 |
rgb(146,84,230) |
hsl(265,74%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D8E0F9 |
rgb(216,224,249) |
hsl(225,73%,91%) |
#ACBDF2 |
rgb(172,189,242) |
hsl(225,73%,81%) |
#809CEC |
rgb(128,156,236) |
hsl(224,74%,71%) |
#5578E6 |
rgb(85,120,230) |
hsl(226,74%,62%) |
#2954DF |
rgb(41,84,223) |
hsl(226,74%,52%) |
#1B42BA |
rgb(27,66,186) |
hsl(225,75%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578E6 |
rgb(85,120,230) |
hsl(226,74%,62%) |
#E67A55 |
rgb(230,122,85) |
hsl(15,74%,62%) |
#C0E655 |
rgb(192,230,85) |
hsl(76,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578E6 |
rgb(85,120,230) |
hsl(226,74%,62%) |
#E6C255 |
rgb(230,194,85) |
hsl(45,74%,62%) |
#55BFE6 |
rgb(85,191,230) |
hsl(196,74%,62%) |
#C0E655 |
rgb(192,230,85) |
hsl(76,74%,62%) |