HEX #5BA6E2 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA6E2 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(207,70%,97%)
#dcecf9 rgb(220,236,249) hsl(207,70%,92%)
#c7e0f5 rgb(199,224,245) hsl(207,70%,87%)
#b1d4f1 rgb(177,212,241) hsl(207,70%,82%)
#9bc8ed rgb(155,200,237) hsl(207,70%,77%)
#86bdea rgb(134,189,234) hsl(207,70%,72%)
#70b1e6 rgb(112,177,230) hsl(207,70%,67%)
#5aa5e2 rgb(90,165,226) hsl(207,70%,62%)
#4599de rgb(69,153,222) hsl(207,70%,57%)
#2f8dda rgb(47,141,218) hsl(207,70%,52%)
#2480cc rgb(36,128,204) hsl(207,70%,47%)
#2073b6 rgb(32,115,182) hsl(207,70%,42%)
#1c65a0 rgb(28,101,160) hsl(207,70%,37%)
#18578b rgb(24,87,139) hsl(207,70%,32%)
#154a75 rgb(21,74,117) hsl(207,70%,27%)
#113c5f rgb(17,60,95) hsl(207,70%,22%)
#0d2e4a rgb(13,46,74) hsl(207,70%,17%)
#092134 rgb(9,33,52) hsl(207,70%,12%)
#05131e rgb(5,19,30) hsl(207,70%,7%)
#020509 rgb(2,5,9) hsl(207,70%,2%)

Adjacent colors

HEX RGB HSL
#5BE3C4 rgb(91,227,196) hsl(166,71%,62%)
#5BA6E2 rgb(91,166,226) hsl(207,70%,62%)
#6A5CE2 rgb(106,92,226) hsl(246,70%,62%)

Monochromatic colors

HEX RGB HSL
#DCEDF8 rgb(220,237,248) hsl(204,67%,92%)
#B1D4F1 rgb(177,212,241) hsl(207,70%,82%)
#86BDE9 rgb(134,189,233) hsl(207,69%,72%)
#5BA6E2 rgb(91,166,226) hsl(207,70%,62%)
#2F8FDA rgb(47,143,218) hsl(206,70%,52%)
#2075B7 rgb(32,117,183) hsl(206,70%,42%)

Triad color palettes

HEX RGB HSL
#5BA6E2 rgb(91,166,226) hsl(207,70%,62%)
#E25C62 rgb(226,92,98) hsl(357,70%,62%)
#E2DB5B rgb(226,219,91) hsl(57,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5BA6E2 rgb(91,166,226) hsl(207,70%,62%)
#E2965B rgb(226,150,91) hsl(26,70%,62%)
#5BE3DA rgb(91,227,218) hsl(176,71%,62%)
#E2DB5B rgb(226,219,91) hsl(57,70%,62%)