HEX #558AE7 color — Cornflower Blue
The color #558AE7 is a light shade and moderately saturated.
Palette
558AE7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,75%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(218,75%,92%) |
#c5d7f7 |
rgb(197,215,247) |
hsl(218,75%,87%) |
#afc8f4 |
rgb(175,200,244) |
hsl(218,75%,82%) |
#98b9f0 |
rgb(152,185,240) |
hsl(218,75%,77%) |
#82a9ed |
rgb(130,169,237) |
hsl(218,75%,72%) |
#6c9aea |
rgb(108,154,234) |
hsl(218,75%,67%) |
#558be7 |
rgb(85,139,231) |
hsl(218,75%,62%) |
#3f7be4 |
rgb(63,123,228) |
hsl(218,75%,57%) |
#296ce0 |
rgb(41,108,224) |
hsl(218,75%,52%) |
#1e60d2 |
rgb(30,96,210) |
hsl(218,75%,47%) |
#1b56bb |
rgb(27,86,187) |
hsl(218,75%,42%) |
#184ba5 |
rgb(24,75,165) |
hsl(218,75%,37%) |
#14418f |
rgb(20,65,143) |
hsl(218,75%,32%) |
#113778 |
rgb(17,55,120) |
hsl(218,75%,27%) |
#0e2d62 |
rgb(14,45,98) |
hsl(218,75%,22%) |
#0b234c |
rgb(11,35,76) |
hsl(218,75%,17%) |
#081836 |
rgb(8,24,54) |
hsl(218,75%,12%) |
#040e1f |
rgb(4,14,31) |
hsl(218,75%,7%) |
#010409 |
rgb(1,4,9) |
hsl(218,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E8E2 |
rgb(85,232,226) |
hsl(178,76%,62%) |
#558AE7 |
rgb(85,138,231) |
hsl(218,75%,62%) |
#8154E7 |
rgb(129,84,231) |
hsl(258,75%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E6F9 |
rgb(217,230,249) |
hsl(216,73%,91%) |
#ADC7F3 |
rgb(173,199,243) |
hsl(218,74%,82%) |
#81A8ED |
rgb(129,168,237) |
hsl(218,75%,72%) |
#558AE7 |
rgb(85,138,231) |
hsl(218,75%,62%) |
#286BE0 |
rgb(40,107,224) |
hsl(218,75%,52%) |
#1A54BC |
rgb(26,84,188) |
hsl(219,76%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AE7 |
rgb(85,138,231) |
hsl(218,75%,62%) |
#E76955 |
rgb(231,105,85) |
hsl(8,75%,62%) |
#D3E855 |
rgb(211,232,85) |
hsl(69,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AE7 |
rgb(85,138,231) |
hsl(218,75%,62%) |
#E7B355 |
rgb(231,179,85) |
hsl(39,75%,62%) |
#55D4E7 |
rgb(85,212,231) |
hsl(188,75%,62%) |
#D3E855 |
rgb(211,232,85) |
hsl(69,76%,62%) |