HEX #5695E1 color — Havelock Blue
The color #5695e1 is a light shade and moderately saturated.
Palette
5695e1 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fc |
rgb(238,244,252) |
hsl(213,70%,96%) |
#d8e6f8 |
rgb(216,230,248) |
hsl(213,70%,91%) |
#c2d9f4 |
rgb(194,217,244) |
hsl(213,70%,86%) |
#adcbf0 |
rgb(173,203,240) |
hsl(213,70%,81%) |
#97beed |
rgb(151,190,237) |
hsl(213,70%,76%) |
#81b0e9 |
rgb(129,176,233) |
hsl(213,70%,71%) |
#6ca2e5 |
rgb(108,162,229) |
hsl(213,70%,66%) |
#5695e1 |
rgb(86,149,225) |
hsl(213,70%,61%) |
#4087dd |
rgb(64,135,221) |
hsl(213,70%,56%) |
#2b79da |
rgb(43,121,218) |
hsl(213,70%,51%) |
#236dc7 |
rgb(35,109,199) |
hsl(213,70%,46%) |
#1f61b2 |
rgb(31,97,178) |
hsl(213,70%,41%) |
#1c559c |
rgb(28,85,156) |
hsl(213,70%,36%) |
#184a86 |
rgb(24,74,134) |
hsl(213,70%,31%) |
#143e71 |
rgb(20,62,113) |
hsl(213,70%,26%) |
#10325b |
rgb(16,50,91) |
hsl(213,70%,21%) |
#0c2645 |
rgb(12,38,69) |
hsl(213,70%,16%) |
#081a30 |
rgb(8,26,48) |
hsl(213,70%,11%) |
#050e1a |
rgb(5,14,26) |
hsl(213,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0D0 |
rgb(86,224,208) |
hsl(173,69%,61%) |
#5695E1 |
rgb(86,149,225) |
hsl(213,70%,61%) |
#7357E1 |
rgb(115,87,225) |
hsl(252,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4E6F7 |
rgb(212,230,247) |
hsl(209,69%,90%) |
#AAC9F0 |
rgb(170,201,240) |
hsl(213,70%,80%) |
#80B0E8 |
rgb(128,176,232) |
hsl(212,69%,71%) |
#5695E1 |
rgb(86,149,225) |
hsl(213,70%,61%) |
#2B7AD9 |
rgb(43,122,217) |
hsl(213,70%,51%) |
#1F63B3 |
rgb(31,99,179) |
hsl(212,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5695E1 |
rgb(86,149,225) |
hsl(213,70%,61%) |
#E15C56 |
rgb(225,92,86) |
hsl(3,70%,61%) |
#DAE056 |
rgb(218,224,86) |
hsl(63,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5695E1 |
rgb(86,149,225) |
hsl(213,70%,61%) |
#E1A356 |
rgb(225,163,86) |
hsl(33,70%,61%) |
#56DBE1 |
rgb(86,219,225) |
hsl(183,70%,61%) |
#DAE056 |
rgb(218,224,86) |
hsl(63,69%,61%) |