HEX #558FE1 color — Havelock Blue
The color #558FE1 is a light shade and moderately saturated.
Palette
558FE1 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fc |
rgb(238,244,252) |
hsl(215,70%,96%) |
#d8e5f8 |
rgb(216,229,248) |
hsl(215,70%,91%) |
#c2d7f4 |
rgb(194,215,244) |
hsl(215,70%,86%) |
#adc9f0 |
rgb(173,201,240) |
hsl(215,70%,81%) |
#97bbed |
rgb(151,187,237) |
hsl(215,70%,76%) |
#81ace9 |
rgb(129,172,233) |
hsl(215,70%,71%) |
#6c9ee5 |
rgb(108,158,229) |
hsl(215,70%,66%) |
#5690e1 |
rgb(86,144,225) |
hsl(215,70%,61%) |
#4082dd |
rgb(64,130,221) |
hsl(215,70%,56%) |
#2b73da |
rgb(43,115,218) |
hsl(215,70%,51%) |
#2368c7 |
rgb(35,104,199) |
hsl(215,70%,46%) |
#1f5cb2 |
rgb(31,92,178) |
hsl(215,70%,41%) |
#1c519c |
rgb(28,81,156) |
hsl(215,70%,36%) |
#184686 |
rgb(24,70,134) |
hsl(215,70%,31%) |
#143b71 |
rgb(20,59,113) |
hsl(215,70%,26%) |
#102f5b |
rgb(16,47,91) |
hsl(215,70%,21%) |
#0c2445 |
rgb(12,36,69) |
hsl(215,70%,16%) |
#081930 |
rgb(8,25,48) |
hsl(215,70%,11%) |
#050e1a |
rgb(5,14,26) |
hsl(215,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E0D5 |
rgb(85,224,213) |
hsl(175,69%,61%) |
#558FE1 |
rgb(85,143,225) |
hsl(215,70%,61%) |
#7854E1 |
rgb(120,84,225) |
hsl(255,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3E3F7 |
rgb(211,227,247) |
hsl(213,69%,90%) |
#A9C7EF |
rgb(169,199,239) |
hsl(214,69%,80%) |
#7FABE8 |
rgb(127,171,232) |
hsl(215,70%,70%) |
#558FE1 |
rgb(85,143,225) |
hsl(215,70%,61%) |
#2A73D9 |
rgb(42,115,217) |
hsl(215,70%,51%) |
#1F5CB3 |
rgb(31,92,179) |
hsl(215,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558FE1 |
rgb(85,143,225) |
hsl(215,70%,61%) |
#E16155 |
rgb(225,97,85) |
hsl(5,70%,61%) |
#D5E055 |
rgb(213,224,85) |
hsl(65,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558FE1 |
rgb(85,143,225) |
hsl(215,70%,61%) |
#E1A655 |
rgb(225,166,85) |
hsl(35,70%,61%) |
#55D6E1 |
rgb(85,214,225) |
hsl(185,70%,61%) |
#D5E055 |
rgb(213,224,85) |
hsl(65,69%,61%) |