HEX #5AADE0 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5AADE0 color palette from light to dark

HEX RGB HSL
#f2f9fd rgb(242,249,253) hsl(203,68%,97%)
#ddeef8 rgb(221,238,248) hsl(203,68%,92%)
#c7e3f4 rgb(199,227,244) hsl(203,68%,87%)
#b2d8f0 rgb(178,216,240) hsl(203,68%,82%)
#9cceec rgb(156,206,236) hsl(203,68%,77%)
#87c3e8 rgb(135,195,232) hsl(203,68%,72%)
#72b8e4 rgb(114,184,228) hsl(203,68%,67%)
#5cade0 rgb(92,173,224) hsl(203,68%,62%)
#47a3dc rgb(71,163,220) hsl(203,68%,57%)
#3198d8 rgb(49,152,216) hsl(203,68%,52%)
#268bc9 rgb(38,139,201) hsl(203,68%,47%)
#227cb4 rgb(34,124,180) hsl(203,68%,42%)
#1e6d9f rgb(30,109,159) hsl(203,68%,37%)
#1a5f89 rgb(26,95,137) hsl(203,68%,32%)
#165074 rgb(22,80,116) hsl(203,68%,27%)
#12415e rgb(18,65,94) hsl(203,68%,22%)
#0e3249 rgb(14,50,73) hsl(203,68%,17%)
#0a2333 rgb(10,35,51) hsl(203,68%,12%)
#06151e rgb(6,21,30) hsl(203,68%,7%)
#020609 rgb(2,6,9) hsl(203,68%,2%)

Adjacent colors

HEX RGB HSL
#5AE0B9 rgb(90,224,185) hsl(163,68%,62%)
#5AADE0 rgb(90,173,224) hsl(203,68%,62%)
#6059E0 rgb(96,89,224) hsl(243,69%,61%)

Monochromatic colors

HEX RGB HSL
#D8EDF7 rgb(216,237,247) hsl(199,66%,91%)
#AED6EF rgb(174,214,239) hsl(203,67%,81%)
#84C2E7 rgb(132,194,231) hsl(202,67%,71%)
#5AADE0 rgb(90,173,224) hsl(203,68%,62%)
#2F99D8 rgb(47,153,216) hsl(202,68%,52%)
#217DB3 rgb(33,125,179) hsl(202,69%,42%)

Triad color palettes

HEX RGB HSL
#5AADE0 rgb(90,173,224) hsl(203,68%,62%)
#E0596A rgb(224,89,106) hsl(352,69%,61%)
#E0D15A rgb(224,209,90) hsl(53,68%,62%)

Tetrad color palettes

HEX RGB HSL
#5AADE0 rgb(90,173,224) hsl(203,68%,62%)
#E08C5A rgb(224,140,90) hsl(22,68%,62%)
#5AE0D0 rgb(90,224,208) hsl(173,68%,62%)
#E0D15A rgb(224,209,90) hsl(53,68%,62%)