HEX #5BA6E1 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA6E1 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(206,69%,97%)
#ddecf9 rgb(221,236,249) hsl(206,69%,92%)
#c7e1f5 rgb(199,225,245) hsl(206,69%,87%)
#b1d5f1 rgb(177,213,241) hsl(206,69%,82%)
#9ccaed rgb(156,202,237) hsl(206,69%,77%)
#86bee9 rgb(134,190,233) hsl(206,69%,72%)
#71b3e5 rgb(113,179,229) hsl(206,69%,67%)
#5ba7e1 rgb(91,167,225) hsl(206,69%,62%)
#469bdd rgb(70,155,221) hsl(206,69%,57%)
#3090d9 rgb(48,144,217) hsl(206,69%,52%)
#2583cb rgb(37,131,203) hsl(206,69%,47%)
#2175b5 rgb(33,117,181) hsl(206,69%,42%)
#1d679f rgb(29,103,159) hsl(206,69%,37%)
#19598a rgb(25,89,138) hsl(206,69%,32%)
#154b74 rgb(21,75,116) hsl(206,69%,27%)
#113d5f rgb(17,61,95) hsl(206,69%,22%)
#0d2f49 rgb(13,47,73) hsl(206,69%,17%)
#092134 rgb(9,33,52) hsl(206,69%,12%)
#06131e rgb(6,19,30) hsl(206,69%,7%)
#020609 rgb(2,6,9) hsl(206,69%,2%)

Adjacent colors

HEX RGB HSL
#5BE0C2 rgb(91,224,194) hsl(166,68%,62%)
#5BA6E1 rgb(91,166,225) hsl(206,69%,62%)
#695CE1 rgb(105,92,225) hsl(246,69%,62%)

Monochromatic colors

HEX RGB HSL
#DBEBF8 rgb(219,235,248) hsl(207,67%,92%)
#B0D4F0 rgb(176,212,240) hsl(206,68%,82%)
#85BDE8 rgb(133,189,232) hsl(206,68%,72%)
#5BA6E1 rgb(91,166,225) hsl(206,69%,62%)
#308FD9 rgb(48,143,217) hsl(206,69%,52%)
#2175B5 rgb(33,117,181) hsl(206,69%,42%)

Triad color palettes

HEX RGB HSL
#5BA6E1 rgb(91,166,225) hsl(206,69%,62%)
#E15C63 rgb(225,92,99) hsl(357,69%,62%)
#E1D95B rgb(225,217,91) hsl(56,69%,62%)

Tetrad color palettes

HEX RGB HSL
#5BA6E1 rgb(91,166,225) hsl(206,69%,62%)
#E1965B rgb(225,150,91) hsl(26,69%,62%)
#5BE0D9 rgb(91,224,217) hsl(177,68%,62%)
#E1D95B rgb(225,217,91) hsl(56,69%,62%)