HEX #5B80DF color — Havelock Blue

The color #5B80DF is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5B80DF color palette from light to dark

HEX RGB HSL
#f2f5fc rgb(242,245,252) hsl(223,67%,97%)
#dde5f8 rgb(221,229,248) hsl(223,67%,92%)
#c8d4f4 rgb(200,212,244) hsl(223,67%,87%)
#b2c4f0 rgb(178,196,240) hsl(223,67%,82%)
#9db3ec rgb(157,179,236) hsl(223,67%,77%)
#88a3e7 rgb(136,163,231) hsl(223,67%,72%)
#7292e3 rgb(114,146,227) hsl(223,67%,67%)
#5d82df rgb(93,130,223) hsl(223,67%,62%)
#4872db rgb(72,114,219) hsl(223,67%,57%)
#3361d7 rgb(51,97,215) hsl(223,67%,52%)
#2855c8 rgb(40,85,200) hsl(223,67%,47%)
#234cb3 rgb(35,76,179) hsl(223,67%,42%)
#1f439e rgb(31,67,158) hsl(223,67%,37%)
#1b3a88 rgb(27,58,136) hsl(223,67%,32%)
#173173 rgb(23,49,115) hsl(223,67%,27%)
#13285e rgb(19,40,94) hsl(223,67%,22%)
#0e1f48 rgb(14,31,72) hsl(223,67%,17%)
#0a1633 rgb(10,22,51) hsl(223,67%,12%)
#060d1e rgb(6,13,30) hsl(223,67%,7%)
#020409 rgb(2,4,9) hsl(223,67%,2%)

Adjacent colors

HEX RGB HSL
#5BD9DF rgb(91,217,223) hsl(183,67%,62%)
#5B80DF rgb(91,128,223) hsl(223,67%,62%)
#8E5CDF rgb(142,92,223) hsl(263,67%,62%)

Monochromatic colors

HEX RGB HSL
#D9E0F7 rgb(217,224,247) hsl(226,65%,91%)
#AFC2EF rgb(175,194,239) hsl(222,67%,81%)
#85A1E7 rgb(133,161,231) hsl(223,67%,71%)
#5B80DF rgb(91,128,223) hsl(223,67%,62%)
#305ED6 rgb(48,94,214) hsl(223,67%,51%)
#224AB2 rgb(34,74,178) hsl(223,68%,42%)

Triad color palettes

HEX RGB HSL
#5B80DF rgb(91,128,223) hsl(223,67%,62%)
#DF785B rgb(223,120,91) hsl(13,67%,62%)
#C2DE5B rgb(194,222,91) hsl(73,66%,61%)

Tetrad color palettes

HEX RGB HSL
#5B80DF rgb(91,128,223) hsl(223,67%,62%)
#DFBA5B rgb(223,186,91) hsl(43,67%,62%)
#5BC2DF rgb(91,194,223) hsl(193,67%,62%)
#C2DE5B rgb(194,222,91) hsl(73,66%,61%)