HEX #558DE2 color — Havelock Blue
The color #558de2 is a light shade and moderately saturated.
Palette
558de2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(216,71%,96%) |
#d8e5f8 |
rgb(216,229,248) |
hsl(216,71%,91%) |
#c2d6f5 |
rgb(194,214,245) |
hsl(216,71%,86%) |
#acc8f1 |
rgb(172,200,241) |
hsl(216,71%,81%) |
#96b9ed |
rgb(150,185,237) |
hsl(216,71%,76%) |
#81abea |
rgb(129,171,234) |
hsl(216,71%,71%) |
#6b9ce6 |
rgb(107,156,230) |
hsl(216,71%,66%) |
#558de2 |
rgb(85,141,226) |
hsl(216,71%,61%) |
#3f7fde |
rgb(63,127,222) |
hsl(216,71%,56%) |
#2970db |
rgb(41,112,219) |
hsl(216,71%,51%) |
#2265c9 |
rgb(34,101,201) |
hsl(216,71%,46%) |
#1e5ab3 |
rgb(30,90,179) |
hsl(216,71%,41%) |
#1b4f9d |
rgb(27,79,157) |
hsl(216,71%,36%) |
#174487 |
rgb(23,68,135) |
hsl(216,71%,31%) |
#133971 |
rgb(19,57,113) |
hsl(216,71%,26%) |
#102e5c |
rgb(16,46,92) |
hsl(216,71%,21%) |
#0c2346 |
rgb(12,35,70) |
hsl(216,71%,16%) |
#081830 |
rgb(8,24,48) |
hsl(216,71%,11%) |
#040d1a |
rgb(4,13,26) |
hsl(216,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E3D9 |
rgb(85,227,217) |
hsl(176,72%,61%) |
#558DE2 |
rgb(85,141,226) |
hsl(216,71%,61%) |
#7B54E2 |
rgb(123,84,226) |
hsl(256,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4E3F7 |
rgb(212,227,247) |
hsl(214,69%,90%) |
#AAC7F0 |
rgb(170,199,240) |
hsl(215,70%,80%) |
#7FA8E9 |
rgb(127,168,233) |
hsl(217,71%,71%) |
#558DE2 |
rgb(85,141,226) |
hsl(216,71%,61%) |
#2A70DA |
rgb(42,112,218) |
hsl(216,70%,51%) |
#1E59B4 |
rgb(30,89,180) |
hsl(216,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558DE2 |
rgb(85,141,226) |
hsl(216,71%,61%) |
#E26355 |
rgb(226,99,85) |
hsl(6,71%,61%) |
#D3E355 |
rgb(211,227,85) |
hsl(67,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558DE2 |
rgb(85,141,226) |
hsl(216,71%,61%) |
#E2AB55 |
rgb(226,171,85) |
hsl(37,71%,61%) |
#55D4E2 |
rgb(85,212,226) |
hsl(186,71%,61%) |
#D3E355 |
rgb(211,227,85) |
hsl(67,72%,61%) |