HEX #5687E3 color — Havelock Blue
The color #5687E3 is a light shade and moderately saturated.
Palette
5687E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fc |
rgb(237,243,252) |
hsl(219,72%,96%) |
#d8e3f9 |
rgb(216,227,249) |
hsl(219,72%,91%) |
#c2d4f5 |
rgb(194,212,245) |
hsl(219,72%,86%) |
#acc4f1 |
rgb(172,196,241) |
hsl(219,72%,81%) |
#96b5ee |
rgb(150,181,238) |
hsl(219,72%,76%) |
#80a5ea |
rgb(128,165,234) |
hsl(219,72%,71%) |
#6a96e7 |
rgb(106,150,231) |
hsl(219,72%,66%) |
#5486e3 |
rgb(84,134,227) |
hsl(219,72%,61%) |
#3e77e0 |
rgb(62,119,224) |
hsl(219,72%,56%) |
#2867dc |
rgb(40,103,220) |
hsl(219,72%,51%) |
#215cca |
rgb(33,92,202) |
hsl(219,72%,46%) |
#1d52b4 |
rgb(29,82,180) |
hsl(219,72%,41%) |
#1a489e |
rgb(26,72,158) |
hsl(219,72%,36%) |
#163e88 |
rgb(22,62,136) |
hsl(219,72%,31%) |
#133472 |
rgb(19,52,114) |
hsl(219,72%,26%) |
#0f2a5c |
rgb(15,42,92) |
hsl(219,72%,21%) |
#0b2046 |
rgb(11,32,70) |
hsl(219,72%,16%) |
#081630 |
rgb(8,22,48) |
hsl(219,72%,11%) |
#040c1a |
rgb(4,12,26) |
hsl(219,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3E1 |
rgb(86,227,225) |
hsl(179,72%,61%) |
#5687E3 |
rgb(86,135,227) |
hsl(219,72%,61%) |
#8357E3 |
rgb(131,87,227) |
hsl(259,71%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D6E3F8 |
rgb(214,227,248) |
hsl(217,71%,91%) |
#ABC4F1 |
rgb(171,196,241) |
hsl(219,71%,81%) |
#80A6EA |
rgb(128,166,234) |
hsl(218,72%,71%) |
#5687E3 |
rgb(86,135,227) |
hsl(219,72%,61%) |
#2B69DB |
rgb(43,105,219) |
hsl(219,71%,51%) |
#1E54B6 |
rgb(30,84,182) |
hsl(219,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687E3 |
rgb(86,135,227) |
hsl(219,72%,61%) |
#E36B56 |
rgb(227,107,86) |
hsl(9,72%,61%) |
#CDE356 |
rgb(205,227,86) |
hsl(69,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687E3 |
rgb(86,135,227) |
hsl(219,72%,61%) |
#E3B356 |
rgb(227,179,86) |
hsl(40,72%,61%) |
#56CFE3 |
rgb(86,207,227) |
hsl(189,72%,61%) |
#CDE356 |
rgb(205,227,86) |
hsl(69,72%,61%) |