HEX #5685E3 color — Havelock Blue
The color #5685E3 is a light shade and moderately saturated.
Palette
5685E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fc |
rgb(237,242,252) |
hsl(220,72%,96%) |
#d8e3f9 |
rgb(216,227,249) |
hsl(220,72%,91%) |
#c2d3f5 |
rgb(194,211,245) |
hsl(220,72%,86%) |
#acc3f1 |
rgb(172,195,241) |
hsl(220,72%,81%) |
#96b3ee |
rgb(150,179,238) |
hsl(220,72%,76%) |
#80a3ea |
rgb(128,163,234) |
hsl(220,72%,71%) |
#6a93e7 |
rgb(106,147,231) |
hsl(220,72%,66%) |
#5484e3 |
rgb(84,132,227) |
hsl(220,72%,61%) |
#3e74e0 |
rgb(62,116,224) |
hsl(220,72%,56%) |
#2864dc |
rgb(40,100,220) |
hsl(220,72%,51%) |
#2159ca |
rgb(33,89,202) |
hsl(220,72%,46%) |
#1d4fb4 |
rgb(29,79,180) |
hsl(220,72%,41%) |
#1a469e |
rgb(26,70,158) |
hsl(220,72%,36%) |
#163c88 |
rgb(22,60,136) |
hsl(220,72%,31%) |
#133272 |
rgb(19,50,114) |
hsl(220,72%,26%) |
#0f295c |
rgb(15,41,92) |
hsl(220,72%,21%) |
#0b1f46 |
rgb(11,31,70) |
hsl(220,72%,16%) |
#081530 |
rgb(8,21,48) |
hsl(220,72%,11%) |
#040c1a |
rgb(4,12,26) |
hsl(220,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3E3 |
rgb(86,227,227) |
hsl(180,72%,61%) |
#5685E3 |
rgb(86,133,227) |
hsl(220,72%,61%) |
#8557E3 |
rgb(133,87,227) |
hsl(260,71%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D6E3F8 |
rgb(214,227,248) |
hsl(217,71%,91%) |
#ABC2F1 |
rgb(171,194,241) |
hsl(220,71%,81%) |
#80A3EA |
rgb(128,163,234) |
hsl(220,72%,71%) |
#5685E3 |
rgb(86,133,227) |
hsl(220,72%,61%) |
#2B66DB |
rgb(43,102,219) |
hsl(220,71%,51%) |
#1E52B6 |
rgb(30,82,182) |
hsl(219,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685E3 |
rgb(86,133,227) |
hsl(220,72%,61%) |
#E36E56 |
rgb(227,110,86) |
hsl(10,72%,61%) |
#CBE356 |
rgb(203,227,86) |
hsl(70,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685E3 |
rgb(86,133,227) |
hsl(220,72%,61%) |
#E3B556 |
rgb(227,181,86) |
hsl(40,72%,61%) |
#56CCE3 |
rgb(86,204,227) |
hsl(190,72%,61%) |
#CBE356 |
rgb(203,227,86) |
hsl(70,72%,61%) |