HEX #5AA8E2 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA8E2 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(206,70%,97%)
#dcedf9 rgb(220,237,249) hsl(206,70%,92%)
#c7e1f5 rgb(199,225,245) hsl(206,70%,87%)
#b1d5f1 rgb(177,213,241) hsl(206,70%,82%)
#9bcaed rgb(155,202,237) hsl(206,70%,77%)
#86beea rgb(134,190,234) hsl(206,70%,72%)
#70b3e6 rgb(112,179,230) hsl(206,70%,67%)
#5aa7e2 rgb(90,167,226) hsl(206,70%,62%)
#459cde rgb(69,156,222) hsl(206,70%,57%)
#2f90da rgb(47,144,218) hsl(206,70%,52%)
#2483cc rgb(36,131,204) hsl(206,70%,47%)
#2075b6 rgb(32,117,182) hsl(206,70%,42%)
#1c67a0 rgb(28,103,160) hsl(206,70%,37%)
#18598b rgb(24,89,139) hsl(206,70%,32%)
#154b75 rgb(21,75,117) hsl(206,70%,27%)
#113d5f rgb(17,61,95) hsl(206,70%,22%)
#0d2f4a rgb(13,47,74) hsl(206,70%,17%)
#092134 rgb(9,33,52) hsl(206,70%,12%)
#05141e rgb(5,20,30) hsl(206,70%,7%)
#020609 rgb(2,6,9) hsl(206,70%,2%)

Adjacent colors

HEX RGB HSL
#5AE3C1 rgb(90,227,193) hsl(165,71%,62%)
#5AA8E2 rgb(90,168,226) hsl(206,70%,62%)
#6659E2 rgb(102,89,226) hsl(246,70%,62%)

Monochromatic colors

HEX RGB HSL
#DBEDF8 rgb(219,237,248) hsl(203,67%,92%)
#B0D6F1 rgb(176,214,241) hsl(205,70%,82%)
#85BFE9 rgb(133,191,233) hsl(205,69%,72%)
#5AA8E2 rgb(90,168,226) hsl(206,70%,62%)
#2F91DA rgb(47,145,218) hsl(206,70%,52%)
#2075B6 rgb(32,117,182) hsl(206,70%,42%)

Triad color palettes

HEX RGB HSL
#5AA8E2 rgb(90,168,226) hsl(206,70%,62%)
#E25964 rgb(226,89,100) hsl(355,70%,62%)
#E2D95A rgb(226,217,90) hsl(56,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5AA8E2 rgb(90,168,226) hsl(206,70%,62%)
#E2945A rgb(226,148,90) hsl(26,70%,62%)
#5AE3D8 rgb(90,227,216) hsl(175,71%,62%)
#E2D95A rgb(226,217,90) hsl(56,70%,62%)