HEX #5687DF color — Havelock Blue
The color #5687DF is a light shade and moderately saturated.
Palette
5687DF color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(219,68%,96%) |
#d8e3f8 |
rgb(216,227,248) |
hsl(219,68%,91%) |
#c3d4f4 |
rgb(195,212,244) |
hsl(219,68%,86%) |
#aec5ef |
rgb(174,197,239) |
hsl(219,68%,81%) |
#98b5eb |
rgb(152,181,235) |
hsl(219,68%,76%) |
#83a6e7 |
rgb(131,166,231) |
hsl(219,68%,71%) |
#6d97e3 |
rgb(109,151,227) |
hsl(219,68%,66%) |
#5887df |
rgb(88,135,223) |
hsl(219,68%,61%) |
#4378db |
rgb(67,120,219) |
hsl(219,68%,56%) |
#2d69d7 |
rgb(45,105,215) |
hsl(219,68%,51%) |
#265dc5 |
rgb(38,93,197) |
hsl(219,68%,46%) |
#2153b0 |
rgb(33,83,176) |
hsl(219,68%,41%) |
#1d499a |
rgb(29,73,154) |
hsl(219,68%,36%) |
#193f85 |
rgb(25,63,133) |
hsl(219,68%,31%) |
#15356f |
rgb(21,53,111) |
hsl(219,68%,26%) |
#112b5a |
rgb(17,43,90) |
hsl(219,68%,21%) |
#0d2045 |
rgb(13,32,69) |
hsl(219,68%,16%) |
#09162f |
rgb(9,22,47) |
hsl(219,68%,11%) |
#050c1a |
rgb(5,12,26) |
hsl(219,68%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,68%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56DEDB |
rgb(86,222,219) |
hsl(179,67%,60%) |
#5687DF |
rgb(86,135,223) |
hsl(219,68%,61%) |
#8057DF |
rgb(128,87,223) |
hsl(258,68%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D2E0F6 |
rgb(210,224,246) |
hsl(217,67%,89%) |
#A9C2EE |
rgb(169,194,238) |
hsl(218,67%,80%) |
#7FA6E6 |
rgb(127,166,230) |
hsl(217,67%,70%) |
#5687DF |
rgb(86,135,223) |
hsl(219,68%,61%) |
#2C69D7 |
rgb(44,105,215) |
hsl(219,68%,51%) |
#2154B0 |
rgb(33,84,176) |
hsl(219,68%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687DF |
rgb(86,135,223) |
hsl(219,68%,61%) |
#DF6956 |
rgb(223,105,86) |
hsl(8,68%,61%) |
#CBDE56 |
rgb(203,222,86) |
hsl(68,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687DF |
rgb(86,135,223) |
hsl(219,68%,61%) |
#DFAD56 |
rgb(223,173,86) |
hsl(38,68%,61%) |
#56CCDF |
rgb(86,204,223) |
hsl(188,68%,61%) |
#CBDE56 |
rgb(203,222,86) |
hsl(68,67%,60%) |