HEX #5682E3 color — Havelock Blue
The color #5682E3 is a light shade and moderately saturated.
Palette
5682E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fc |
rgb(237,242,252) |
hsl(221,72%,96%) |
#d8e2f9 |
rgb(216,226,249) |
hsl(221,72%,91%) |
#c2d2f5 |
rgb(194,210,245) |
hsl(221,72%,86%) |
#acc2f1 |
rgb(172,194,241) |
hsl(221,72%,81%) |
#96b2ee |
rgb(150,178,238) |
hsl(221,72%,76%) |
#80a2ea |
rgb(128,162,234) |
hsl(221,72%,71%) |
#6a91e7 |
rgb(106,145,231) |
hsl(221,72%,66%) |
#5481e3 |
rgb(84,129,227) |
hsl(221,72%,61%) |
#3e71e0 |
rgb(62,113,224) |
hsl(221,72%,56%) |
#2861dc |
rgb(40,97,220) |
hsl(221,72%,51%) |
#2156ca |
rgb(33,86,202) |
hsl(221,72%,46%) |
#1d4db4 |
rgb(29,77,180) |
hsl(221,72%,41%) |
#1a449e |
rgb(26,68,158) |
hsl(221,72%,36%) |
#163a88 |
rgb(22,58,136) |
hsl(221,72%,31%) |
#133172 |
rgb(19,49,114) |
hsl(221,72%,26%) |
#0f275c |
rgb(15,39,92) |
hsl(221,72%,21%) |
#0b1e46 |
rgb(11,30,70) |
hsl(221,72%,16%) |
#081530 |
rgb(8,21,48) |
hsl(221,72%,11%) |
#040b1a |
rgb(4,11,26) |
hsl(221,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0E3 |
rgb(86,224,227) |
hsl(181,72%,61%) |
#5682E3 |
rgb(86,130,227) |
hsl(221,72%,61%) |
#8857E3 |
rgb(136,87,227) |
hsl(261,71%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D6E0F8 |
rgb(214,224,248) |
hsl(222,71%,91%) |
#ABC2F1 |
rgb(171,194,241) |
hsl(220,71%,81%) |
#80A1EA |
rgb(128,161,234) |
hsl(221,72%,71%) |
#5682E3 |
rgb(86,130,227) |
hsl(221,72%,61%) |
#2B63DB |
rgb(43,99,219) |
hsl(221,71%,51%) |
#1E4FB6 |
rgb(30,79,182) |
hsl(221,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682E3 |
rgb(86,130,227) |
hsl(221,72%,61%) |
#E37056 |
rgb(227,112,86) |
hsl(11,72%,61%) |
#C8E356 |
rgb(200,227,86) |
hsl(71,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682E3 |
rgb(86,130,227) |
hsl(221,72%,61%) |
#E3B856 |
rgb(227,184,86) |
hsl(42,72%,61%) |
#56C9E3 |
rgb(86,201,227) |
hsl(191,72%,61%) |
#C8E356 |
rgb(200,227,86) |
hsl(71,72%,61%) |