HEX #5A87E1 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5A87E1 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(220,69%,97%)
#dde6f9 rgb(221,230,249) hsl(220,69%,92%)
#c7d6f5 rgb(199,214,245) hsl(220,69%,87%)
#b1c7f1 rgb(177,199,241) hsl(220,69%,82%)
#9cb7ed rgb(156,183,237) hsl(220,69%,77%)
#86a7e9 rgb(134,167,233) hsl(220,69%,72%)
#7197e5 rgb(113,151,229) hsl(220,69%,67%)
#5b88e1 rgb(91,136,225) hsl(220,69%,62%)
#4678dd rgb(70,120,221) hsl(220,69%,57%)
#3068d9 rgb(48,104,217) hsl(220,69%,52%)
#255ccb rgb(37,92,203) hsl(220,69%,47%)
#2152b5 rgb(33,82,181) hsl(220,69%,42%)
#1d499f rgb(29,73,159) hsl(220,69%,37%)
#193f8a rgb(25,63,138) hsl(220,69%,32%)
#153574 rgb(21,53,116) hsl(220,69%,27%)
#112b5f rgb(17,43,95) hsl(220,69%,22%)
#0d2149 rgb(13,33,73) hsl(220,69%,17%)
#091834 rgb(9,24,52) hsl(220,69%,12%)
#060e1e rgb(6,14,30) hsl(220,69%,7%)
#020409 rgb(2,4,9) hsl(220,69%,2%)

Adjacent colors

HEX RGB HSL
#5AE0E1 rgb(90,224,225) hsl(180,69%,62%)
#5A87E1 rgb(90,135,225) hsl(220,69%,62%)
#8759E1 rgb(135,89,225) hsl(260,69%,62%)

Monochromatic colors

HEX RGB HSL
#D9E3F8 rgb(217,227,248) hsl(221,69%,91%)
#AFC4F0 rgb(175,196,240) hsl(221,68%,81%)
#84A6E8 rgb(132,166,232) hsl(220,68%,71%)
#5A87E1 rgb(90,135,225) hsl(220,69%,62%)
#2F69D9 rgb(47,105,217) hsl(220,69%,52%)
#2052B5 rgb(32,82,181) hsl(220,70%,42%)

Triad color palettes

HEX RGB HSL
#5A87E1 rgb(90,135,225) hsl(220,69%,62%)
#E1705A rgb(225,112,90) hsl(10,69%,62%)
#CAE05A rgb(202,224,90) hsl(70,68%,62%)

Tetrad color palettes

HEX RGB HSL
#5A87E1 rgb(90,135,225) hsl(220,69%,62%)
#E1B55A rgb(225,181,90) hsl(40,69%,62%)
#5AC9E1 rgb(90,201,225) hsl(191,69%,62%)
#CAE05A rgb(202,224,90) hsl(70,68%,62%)