HEX #5699E2 color — Havelock Blue
The color #5699E2 is a light shade and moderately saturated.
Palette
5699E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(211,71%,96%) |
#d8e8f8 |
rgb(216,232,248) |
hsl(211,71%,91%) |
#c2daf5 |
rgb(194,218,245) |
hsl(211,71%,86%) |
#accdf1 |
rgb(172,205,241) |
hsl(211,71%,81%) |
#96c0ed |
rgb(150,192,237) |
hsl(211,71%,76%) |
#81b3ea |
rgb(129,179,234) |
hsl(211,71%,71%) |
#6ba6e6 |
rgb(107,166,230) |
hsl(211,71%,66%) |
#5599e2 |
rgb(85,153,226) |
hsl(211,71%,61%) |
#3f8cde |
rgb(63,140,222) |
hsl(211,71%,56%) |
#297fdb |
rgb(41,127,219) |
hsl(211,71%,51%) |
#2273c9 |
rgb(34,115,201) |
hsl(211,71%,46%) |
#1e66b3 |
rgb(30,102,179) |
hsl(211,71%,41%) |
#1b5a9d |
rgb(27,90,157) |
hsl(211,71%,36%) |
#174d87 |
rgb(23,77,135) |
hsl(211,71%,31%) |
#134171 |
rgb(19,65,113) |
hsl(211,71%,26%) |
#10345c |
rgb(16,52,92) |
hsl(211,71%,21%) |
#0c2846 |
rgb(12,40,70) |
hsl(211,71%,16%) |
#081b30 |
rgb(8,27,48) |
hsl(211,71%,11%) |
#040f1a |
rgb(4,15,26) |
hsl(211,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(211,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3CD |
rgb(86,227,205) |
hsl(171,72%,61%) |
#5699E2 |
rgb(86,153,226) |
hsl(211,71%,61%) |
#7057E2 |
rgb(112,87,226) |
hsl(251,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5E6F7 |
rgb(213,230,247) |
hsl(210,68%,90%) |
#ABCCF0 |
rgb(171,204,240) |
hsl(211,70%,81%) |
#80B3E9 |
rgb(128,179,233) |
hsl(211,70%,71%) |
#5699E2 |
rgb(86,153,226) |
hsl(211,71%,61%) |
#2B80DA |
rgb(43,128,218) |
hsl(211,70%,51%) |
#1F66B5 |
rgb(31,102,181) |
hsl(212,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5699E2 |
rgb(86,153,226) |
hsl(211,71%,61%) |
#E25956 |
rgb(226,89,86) |
hsl(1,71%,61%) |
#DFE356 |
rgb(223,227,86) |
hsl(62,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5699E2 |
rgb(86,153,226) |
hsl(211,71%,61%) |
#E29E56 |
rgb(226,158,86) |
hsl(31,71%,61%) |
#56DEE2 |
rgb(86,222,226) |
hsl(182,71%,61%) |
#DFE356 |
rgb(223,227,86) |
hsl(62,72%,61%) |