HEX #5578F2 color — Cornflower Blue
The color #5578F2 is a dark shade and moderately saturated.
Palette
5578F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(227,86%,99%) |
#e3e8fd |
rgb(227,232,253) |
hsl(227,86%,94%) |
#cbd5fb |
rgb(203,213,251) |
hsl(227,86%,89%) |
#b3c2f9 |
rgb(179,194,249) |
hsl(227,86%,84%) |
#9baff8 |
rgb(155,175,248) |
hsl(227,86%,79%) |
#849cf6 |
rgb(132,156,246) |
hsl(227,86%,74%) |
#6c89f4 |
rgb(108,137,244) |
hsl(227,86%,69%) |
#5476f2 |
rgb(84,118,242) |
hsl(227,86%,64%) |
#3d63f0 |
rgb(61,99,240) |
hsl(227,86%,59%) |
#2551ef |
rgb(37,81,239) |
hsl(227,86%,54%) |
#1140e8 |
rgb(17,64,232) |
hsl(227,86%,49%) |
#103ad1 |
rgb(16,58,209) |
hsl(227,86%,44%) |
#0e33b9 |
rgb(14,51,185) |
hsl(227,86%,39%) |
#0c2ca1 |
rgb(12,44,161) |
hsl(227,86%,34%) |
#0a268a |
rgb(10,38,138) |
hsl(227,86%,29%) |
#091f72 |
rgb(9,31,114) |
hsl(227,86%,24%) |
#07195a |
rgb(7,25,90) |
hsl(227,86%,19%) |
#051242 |
rgb(5,18,66) |
hsl(227,86%,14%) |
#030c2b |
rgb(3,12,43) |
hsl(227,86%,9%) |
#010513 |
rgb(1,5,19) |
hsl(227,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E0F2 |
rgb(85,224,242) |
hsl(187,86%,64%) |
#5578F2 |
rgb(85,120,242) |
hsl(227,86%,64%) |
#9A54F2 |
rgb(154,84,242) |
hsl(267,86%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E6EBFD |
rgb(230,235,253) |
hsl(227,85%,95%) |
#B6C4F9 |
rgb(182,196,249) |
hsl(227,85%,85%) |
#859EF5 |
rgb(133,158,245) |
hsl(227,85%,74%) |
#5578F2 |
rgb(85,120,242) |
hsl(227,86%,64%) |
#2452EE |
rgb(36,82,238) |
hsl(226,86%,54%) |
#0F3BCE |
rgb(15,59,206) |
hsl(226,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578F2 |
rgb(85,120,242) |
hsl(227,86%,64%) |
#F28055 |
rgb(242,128,85) |
hsl(16,86%,64%) |
#C6F255 |
rgb(198,242,85) |
hsl(77,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578F2 |
rgb(85,120,242) |
hsl(227,86%,64%) |
#F2CF55 |
rgb(242,207,85) |
hsl(47,86%,64%) |
#55C7F2 |
rgb(85,199,242) |
hsl(196,86%,64%) |
#C6F255 |
rgb(198,242,85) |
hsl(77,86%,64%) |