HEX #5A8AE2 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5a8ae2 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(219,70%,97%)
#dce6f9 rgb(220,230,249) hsl(219,70%,92%)
#c7d7f5 rgb(199,215,245) hsl(219,70%,87%)
#b1c7f1 rgb(177,199,241) hsl(219,70%,82%)
#9bb8ed rgb(155,184,237) hsl(219,70%,77%)
#86a9ea rgb(134,169,234) hsl(219,70%,72%)
#7099e6 rgb(112,153,230) hsl(219,70%,67%)
#5a8ae2 rgb(90,138,226) hsl(219,70%,62%)
#457ade rgb(69,122,222) hsl(219,70%,57%)
#2f6bda rgb(47,107,218) hsl(219,70%,52%)
#245fcc rgb(36,95,204) hsl(219,70%,47%)
#2055b6 rgb(32,85,182) hsl(219,70%,42%)
#1c4ba0 rgb(28,75,160) hsl(219,70%,37%)
#18408b rgb(24,64,139) hsl(219,70%,32%)
#153675 rgb(21,54,117) hsl(219,70%,27%)
#112c5f rgb(17,44,95) hsl(219,70%,22%)
#0d224a rgb(13,34,74) hsl(219,70%,17%)
#091834 rgb(9,24,52) hsl(219,70%,12%)
#050e1e rgb(5,14,30) hsl(219,70%,7%)
#020409 rgb(2,4,9) hsl(219,70%,2%)

Adjacent colors

HEX RGB HSL
#5AE3DF rgb(90,227,223) hsl(178,71%,62%)
#5A8AE2 rgb(90,138,226) hsl(219,70%,62%)
#8459E2 rgb(132,89,226) hsl(259,70%,62%)

Monochromatic colors

HEX RGB HSL
#DBE6F8 rgb(219,230,248) hsl(217,67%,92%)
#B0C7F1 rgb(176,199,241) hsl(219,70%,82%)
#85A8E9 rgb(133,168,233) hsl(219,69%,72%)
#5A8AE2 rgb(90,138,226) hsl(219,70%,62%)
#2F6BDA rgb(47,107,218) hsl(219,70%,52%)
#2054B6 rgb(32,84,182) hsl(219,70%,42%)

Triad color palettes

HEX RGB HSL
#5A8AE2 rgb(90,138,226) hsl(219,70%,62%)
#E26E5A rgb(226,110,90) hsl(9,70%,62%)
#CEE35A rgb(206,227,90) hsl(69,71%,62%)

Tetrad color palettes

HEX RGB HSL
#5A8AE2 rgb(90,138,226) hsl(219,70%,62%)
#E2B35A rgb(226,179,90) hsl(39,70%,62%)
#5ACFE2 rgb(90,207,226) hsl(188,70%,62%)
#CEE35A rgb(206,227,90) hsl(69,71%,62%)