HEX #5697E1 color — Havelock Blue
The color #5697e1 is a light shade and moderately saturated.
Palette
5697e1 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fc |
rgb(238,244,252) |
hsl(212,70%,96%) |
#d8e7f8 |
rgb(216,231,248) |
hsl(212,70%,91%) |
#c2daf4 |
rgb(194,218,244) |
hsl(212,70%,86%) |
#adccf0 |
rgb(173,204,240) |
hsl(212,70%,81%) |
#97bfed |
rgb(151,191,237) |
hsl(212,70%,76%) |
#81b2e9 |
rgb(129,178,233) |
hsl(212,70%,71%) |
#6ca4e5 |
rgb(108,164,229) |
hsl(212,70%,66%) |
#5697e1 |
rgb(86,151,225) |
hsl(212,70%,61%) |
#408add |
rgb(64,138,221) |
hsl(212,70%,56%) |
#2b7cda |
rgb(43,124,218) |
hsl(212,70%,51%) |
#2370c7 |
rgb(35,112,199) |
hsl(212,70%,46%) |
#1f64b2 |
rgb(31,100,178) |
hsl(212,70%,41%) |
#1c589c |
rgb(28,88,156) |
hsl(212,70%,36%) |
#184b86 |
rgb(24,75,134) |
hsl(212,70%,31%) |
#143f71 |
rgb(20,63,113) |
hsl(212,70%,26%) |
#10335b |
rgb(16,51,91) |
hsl(212,70%,21%) |
#0c2745 |
rgb(12,39,69) |
hsl(212,70%,16%) |
#081b30 |
rgb(8,27,48) |
hsl(212,70%,11%) |
#050f1a |
rgb(5,15,26) |
hsl(212,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0CE |
rgb(86,224,206) |
hsl(172,69%,61%) |
#5697E1 |
rgb(86,151,225) |
hsl(212,70%,61%) |
#7157E1 |
rgb(113,87,225) |
hsl(251,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4E6F7 |
rgb(212,230,247) |
hsl(209,69%,90%) |
#AACCF0 |
rgb(170,204,240) |
hsl(211,70%,80%) |
#80B0E8 |
rgb(128,176,232) |
hsl(212,69%,71%) |
#5697E1 |
rgb(86,151,225) |
hsl(212,70%,61%) |
#2B7DD9 |
rgb(43,125,217) |
hsl(212,70%,51%) |
#1F66B3 |
rgb(31,102,179) |
hsl(211,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5697E1 |
rgb(86,151,225) |
hsl(212,70%,61%) |
#E15956 |
rgb(225,89,86) |
hsl(1,70%,61%) |
#DCE056 |
rgb(220,224,86) |
hsl(62,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5697E1 |
rgb(86,151,225) |
hsl(212,70%,61%) |
#E1A156 |
rgb(225,161,86) |
hsl(32,70%,61%) |
#56DBE1 |
rgb(86,219,225) |
hsl(183,70%,61%) |
#DCE056 |
rgb(220,224,86) |
hsl(62,69%,61%) |