HEX #5682E2 color — Havelock Blue
The color #5682E2 is a light shade and moderately saturated.
Palette
5682E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(221,71%,96%) |
#d8e2f8 |
rgb(216,226,248) |
hsl(221,71%,91%) |
#c2d2f5 |
rgb(194,210,245) |
hsl(221,71%,86%) |
#acc2f1 |
rgb(172,194,241) |
hsl(221,71%,81%) |
#96b2ed |
rgb(150,178,237) |
hsl(221,71%,76%) |
#81a2ea |
rgb(129,162,234) |
hsl(221,71%,71%) |
#6b92e6 |
rgb(107,146,230) |
hsl(221,71%,66%) |
#5582e2 |
rgb(85,130,226) |
hsl(221,71%,61%) |
#3f72de |
rgb(63,114,222) |
hsl(221,71%,56%) |
#2962db |
rgb(41,98,219) |
hsl(221,71%,51%) |
#2257c9 |
rgb(34,87,201) |
hsl(221,71%,46%) |
#1e4db3 |
rgb(30,77,179) |
hsl(221,71%,41%) |
#1b449d |
rgb(27,68,157) |
hsl(221,71%,36%) |
#173a87 |
rgb(23,58,135) |
hsl(221,71%,31%) |
#133171 |
rgb(19,49,113) |
hsl(221,71%,26%) |
#10285c |
rgb(16,40,92) |
hsl(221,71%,21%) |
#0c1e46 |
rgb(12,30,70) |
hsl(221,71%,16%) |
#081530 |
rgb(8,21,48) |
hsl(221,71%,11%) |
#040b1a |
rgb(4,11,26) |
hsl(221,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0E2 |
rgb(86,224,226) |
hsl(181,71%,61%) |
#5682E2 |
rgb(86,130,226) |
hsl(221,71%,61%) |
#8757E2 |
rgb(135,87,226) |
hsl(261,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5E0F7 |
rgb(213,224,247) |
hsl(221,68%,90%) |
#ABC2F0 |
rgb(171,194,240) |
hsl(220,70%,81%) |
#80A1E9 |
rgb(128,161,233) |
hsl(221,70%,71%) |
#5682E2 |
rgb(86,130,226) |
hsl(221,71%,61%) |
#2B63DA |
rgb(43,99,218) |
hsl(221,70%,51%) |
#1F4FB5 |
rgb(31,79,181) |
hsl(221,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682E2 |
rgb(86,130,226) |
hsl(221,71%,61%) |
#E27056 |
rgb(226,112,86) |
hsl(11,71%,61%) |
#C8E356 |
rgb(200,227,86) |
hsl(71,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682E2 |
rgb(86,130,226) |
hsl(221,71%,61%) |
#E2B556 |
rgb(226,181,86) |
hsl(41,71%,61%) |
#56C7E2 |
rgb(86,199,226) |
hsl(192,71%,61%) |
#C8E356 |
rgb(200,227,86) |
hsl(71,72%,61%) |