HEX #5582DF color — Havelock Blue
The color #5582DF is a dark shade and moderately saturated.
Palette
5582DF color palette from light to dark
| HEX |
RGB |
HSL |
| #eaeffb |
rgb(234,239,251) |
hsl(220,68%,95%) |
| #d4e0f7 |
rgb(212,224,247) |
hsl(220,68%,90%) |
| #bfd0f3 |
rgb(191,208,243) |
hsl(220,68%,85%) |
| #a9c0ef |
rgb(169,192,239) |
hsl(220,68%,80%) |
| #94b1eb |
rgb(148,177,235) |
hsl(220,68%,75%) |
| #7ea1e7 |
rgb(126,161,231) |
hsl(220,68%,70%) |
| #6992e2 |
rgb(105,146,226) |
hsl(220,68%,65%) |
| #5482de |
rgb(84,130,222) |
hsl(220,68%,60%) |
| #3e72da |
rgb(62,114,218) |
hsl(220,68%,55%) |
| #2963d6 |
rgb(41,99,214) |
hsl(220,68%,50%) |
| #2559c1 |
rgb(37,89,193) |
hsl(220,68%,45%) |
| #214fab |
rgb(33,79,171) |
hsl(220,68%,40%) |
| #1d4596 |
rgb(29,69,150) |
hsl(220,68%,35%) |
| #183b81 |
rgb(24,59,129) |
hsl(220,68%,30%) |
| #14316b |
rgb(20,49,107) |
hsl(220,68%,25%) |
| #102756 |
rgb(16,39,86) |
hsl(220,68%,20%) |
| #0c1e40 |
rgb(12,30,64) |
hsl(220,68%,15%) |
| #08142b |
rgb(8,20,43) |
hsl(220,68%,10%) |
| #040a15 |
rgb(4,10,21) |
hsl(220,68%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55DEDF |
rgb(85,222,223) |
hsl(180,68%,60%) |
| #5582DF |
rgb(85,130,223) |
hsl(220,68%,60%) |
| #8454DF |
rgb(132,84,223) |
hsl(261,68%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #D1DEF6 |
rgb(209,222,246) |
hsl(219,67%,89%) |
| #A7BFEE |
rgb(167,191,238) |
hsl(220,68%,79%) |
| #7EA1E6 |
rgb(126,161,230) |
hsl(220,68%,70%) |
| #5582DF |
rgb(85,130,223) |
hsl(220,68%,60%) |
| #2B63D7 |
rgb(43,99,215) |
hsl(220,68%,51%) |
| #214FB0 |
rgb(33,79,176) |
hsl(221,68%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5582DF |
rgb(85,130,223) |
hsl(220,68%,60%) |
| #DF6E55 |
rgb(223,110,85) |
hsl(11,68%,60%) |
| #C7DE55 |
rgb(199,222,85) |
hsl(70,67%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5582DF |
rgb(85,130,223) |
hsl(220,68%,60%) |
| #DFB355 |
rgb(223,179,85) |
hsl(41,68%,60%) |
| #55C7DF |
rgb(85,199,223) |
hsl(190,68%,60%) |
| #C7DE55 |
rgb(199,222,85) |
hsl(70,67%,60%) |
