HEX #5A87E0 color — Havelock Blue

The color #5A87E0 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5A87E0 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(220,68%,97%)
#dde6f8 rgb(221,230,248) hsl(220,68%,92%)
#c7d6f4 rgb(199,214,244) hsl(220,68%,87%)
#b2c7f0 rgb(178,199,240) hsl(220,68%,82%)
#9cb7ec rgb(156,183,236) hsl(220,68%,77%)
#87a7e8 rgb(135,167,232) hsl(220,68%,72%)
#7298e4 rgb(114,152,228) hsl(220,68%,67%)
#5c88e0 rgb(92,136,224) hsl(220,68%,62%)
#4778dc rgb(71,120,220) hsl(220,68%,57%)
#3169d8 rgb(49,105,216) hsl(220,68%,52%)
#265dc9 rgb(38,93,201) hsl(220,68%,47%)
#2253b4 rgb(34,83,180) hsl(220,68%,42%)
#1e499f rgb(30,73,159) hsl(220,68%,37%)
#1a3f89 rgb(26,63,137) hsl(220,68%,32%)
#163574 rgb(22,53,116) hsl(220,68%,27%)
#122b5e rgb(18,43,94) hsl(220,68%,22%)
#0e2249 rgb(14,34,73) hsl(220,68%,17%)
#0a1833 rgb(10,24,51) hsl(220,68%,12%)
#060e1e rgb(6,14,30) hsl(220,68%,7%)
#020409 rgb(2,4,9) hsl(220,68%,2%)

Adjacent colors

HEX RGB HSL
#5AE0DF rgb(90,224,223) hsl(180,68%,62%)
#5A87E0 rgb(90,135,224) hsl(220,68%,62%)
#8659E0 rgb(134,89,224) hsl(260,69%,61%)

Monochromatic colors

HEX RGB HSL
#D8E3F7 rgb(216,227,247) hsl(219,66%,91%)
#AEC4EF rgb(174,196,239) hsl(220,67%,81%)
#84A6E7 rgb(132,166,231) hsl(219,67%,71%)
#5A87E0 rgb(90,135,224) hsl(220,68%,62%)
#2F69D8 rgb(47,105,216) hsl(219,68%,52%)
#2152B3 rgb(33,82,179) hsl(220,69%,42%)

Triad color palettes

HEX RGB HSL
#5A87E0 rgb(90,135,224) hsl(220,68%,62%)
#E0705A rgb(224,112,90) hsl(10,68%,62%)
#CAE05A rgb(202,224,90) hsl(70,68%,62%)

Tetrad color palettes

HEX RGB HSL
#5A87E0 rgb(90,135,224) hsl(220,68%,62%)
#E0B35A rgb(224,179,90) hsl(40,68%,62%)
#5AC9E0 rgb(90,201,224) hsl(190,68%,62%)
#CAE05A rgb(202,224,90) hsl(70,68%,62%)