HEX #558CE3 color — Havelock Blue
The color #558CE3 is a light shade and moderately saturated.
Palette
558CE3 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fc |
rgb(237,243,252) |
hsl(217,72%,96%) |
#d8e4f9 |
rgb(216,228,249) |
hsl(217,72%,91%) |
#c2d5f5 |
rgb(194,213,245) |
hsl(217,72%,86%) |
#acc6f1 |
rgb(172,198,241) |
hsl(217,72%,81%) |
#96b8ee |
rgb(150,184,238) |
hsl(217,72%,76%) |
#80a9ea |
rgb(128,169,234) |
hsl(217,72%,71%) |
#6a9ae7 |
rgb(106,154,231) |
hsl(217,72%,66%) |
#548be3 |
rgb(84,139,227) |
hsl(217,72%,61%) |
#3e7ce0 |
rgb(62,124,224) |
hsl(217,72%,56%) |
#286ddc |
rgb(40,109,220) |
hsl(217,72%,51%) |
#2162ca |
rgb(33,98,202) |
hsl(217,72%,46%) |
#1d57b4 |
rgb(29,87,180) |
hsl(217,72%,41%) |
#1a4c9e |
rgb(26,76,158) |
hsl(217,72%,36%) |
#164288 |
rgb(22,66,136) |
hsl(217,72%,31%) |
#133772 |
rgb(19,55,114) |
hsl(217,72%,26%) |
#0f2d5c |
rgb(15,45,92) |
hsl(217,72%,21%) |
#0b2246 |
rgb(11,34,70) |
hsl(217,72%,16%) |
#081730 |
rgb(8,23,48) |
hsl(217,72%,11%) |
#040d1a |
rgb(4,13,26) |
hsl(217,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E3DB |
rgb(85,227,219) |
hsl(177,72%,61%) |
#558CE3 |
rgb(85,140,227) |
hsl(217,72%,61%) |
#7C54E3 |
rgb(124,84,227) |
hsl(257,72%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5E3F8 |
rgb(213,227,248) |
hsl(216,71%,90%) |
#AAC7F1 |
rgb(170,199,241) |
hsl(215,72%,81%) |
#7FA8EA |
rgb(127,168,234) |
hsl(217,72%,71%) |
#558CE3 |
rgb(85,140,227) |
hsl(217,72%,61%) |
#2A70DB |
rgb(42,112,219) |
hsl(216,71%,51%) |
#1E59B6 |
rgb(30,89,182) |
hsl(217,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CE3 |
rgb(85,140,227) |
hsl(217,72%,61%) |
#E36655 |
rgb(227,102,85) |
hsl(7,72%,61%) |
#D3E355 |
rgb(211,227,85) |
hsl(67,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CE3 |
rgb(85,140,227) |
hsl(217,72%,61%) |
#E3AB55 |
rgb(227,171,85) |
hsl(36,72%,61%) |
#55D4E3 |
rgb(85,212,227) |
hsl(186,72%,61%) |
#D3E355 |
rgb(211,227,85) |
hsl(67,72%,61%) |