HEX #558AE0 color — Havelock Blue
The color #558AE0 is a light shade and moderately saturated.
Palette
558AE0 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(217,69%,96%) |
#d8e4f8 |
rgb(216,228,248) |
hsl(217,69%,91%) |
#c3d6f4 |
rgb(195,214,244) |
hsl(217,69%,86%) |
#adc7f0 |
rgb(173,199,240) |
hsl(217,69%,81%) |
#98b8ec |
rgb(152,184,236) |
hsl(217,69%,76%) |
#82a9e8 |
rgb(130,169,232) |
hsl(217,69%,71%) |
#6c9ae4 |
rgb(108,154,228) |
hsl(217,69%,66%) |
#578ce0 |
rgb(87,140,224) |
hsl(217,69%,61%) |
#417ddc |
rgb(65,125,220) |
hsl(217,69%,56%) |
#2c6ed8 |
rgb(44,110,216) |
hsl(217,69%,51%) |
#2462c6 |
rgb(36,98,198) |
hsl(217,69%,46%) |
#2058b1 |
rgb(32,88,177) |
hsl(217,69%,41%) |
#1c4d9b |
rgb(28,77,155) |
hsl(217,69%,36%) |
#194286 |
rgb(25,66,134) |
hsl(217,69%,31%) |
#153870 |
rgb(21,56,112) |
hsl(217,69%,26%) |
#112d5a |
rgb(17,45,90) |
hsl(217,69%,21%) |
#0d2245 |
rgb(13,34,69) |
hsl(217,69%,16%) |
#09182f |
rgb(9,24,47) |
hsl(217,69%,11%) |
#050d1a |
rgb(5,13,26) |
hsl(217,69%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,69%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E0D9 |
rgb(85,224,217) |
hsl(177,69%,61%) |
#558AE0 |
rgb(85,138,224) |
hsl(217,69%,61%) |
#7C54E0 |
rgb(124,84,224) |
hsl(257,69%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D2E0F6 |
rgb(210,224,246) |
hsl(217,67%,89%) |
#A8C4EF |
rgb(168,196,239) |
hsl(216,69%,80%) |
#7EA6E7 |
rgb(126,166,231) |
hsl(217,69%,70%) |
#558AE0 |
rgb(85,138,224) |
hsl(217,69%,61%) |
#2B6ED8 |
rgb(43,110,216) |
hsl(217,69%,51%) |
#2057B1 |
rgb(32,87,177) |
hsl(217,69%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AE0 |
rgb(85,138,224) |
hsl(217,69%,61%) |
#E06655 |
rgb(224,102,85) |
hsl(7,69%,61%) |
#CFE055 |
rgb(207,224,85) |
hsl(67,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AE0 |
rgb(85,138,224) |
hsl(217,69%,61%) |
#E0AB55 |
rgb(224,171,85) |
hsl(37,69%,61%) |
#55CFE0 |
rgb(85,207,224) |
hsl(187,69%,61%) |
#CFE055 |
rgb(207,224,85) |
hsl(67,69%,61%) |