HEX #5BA5E1 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba5e1 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(207,69%,97%)
#ddecf9 rgb(221,236,249) hsl(207,69%,92%)
#c7e0f5 rgb(199,224,245) hsl(207,69%,87%)
#b1d4f1 rgb(177,212,241) hsl(207,69%,82%)
#9cc8ed rgb(156,200,237) hsl(207,69%,77%)
#86bde9 rgb(134,189,233) hsl(207,69%,72%)
#71b1e5 rgb(113,177,229) hsl(207,69%,67%)
#5ba5e1 rgb(91,165,225) hsl(207,69%,62%)
#4699dd rgb(70,153,221) hsl(207,69%,57%)
#308dd9 rgb(48,141,217) hsl(207,69%,52%)
#2580cb rgb(37,128,203) hsl(207,69%,47%)
#2172b5 rgb(33,114,181) hsl(207,69%,42%)
#1d659f rgb(29,101,159) hsl(207,69%,37%)
#19578a rgb(25,87,138) hsl(207,69%,32%)
#154a74 rgb(21,74,116) hsl(207,69%,27%)
#113c5f rgb(17,60,95) hsl(207,69%,22%)
#0d2e49 rgb(13,46,73) hsl(207,69%,17%)
#092134 rgb(9,33,52) hsl(207,69%,12%)
#06131e rgb(6,19,30) hsl(207,69%,7%)
#020509 rgb(2,5,9) hsl(207,69%,2%)

Adjacent colors

HEX RGB HSL
#5BE0C3 rgb(91,224,195) hsl(167,68%,62%)
#5BA5E1 rgb(91,165,225) hsl(207,69%,62%)
#6A5CE1 rgb(106,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%)
#5BA5E1 rgb(91,165,225) hsl(207,69%,62%)
#308FD9 rgb(48,143,217) hsl(206,69%,52%)
#2173B5 rgb(33,115,181) hsl(207,69%,42%)

Triad color palettes

HEX RGB HSL
#5BA5E1 rgb(91,165,225) hsl(207,69%,62%)
#E15C62 rgb(225,92,98) hsl(357,69%,62%)
#E1D95B rgb(225,217,91) hsl(56,69%,62%)

Tetrad color palettes

HEX RGB HSL
#5BA5E1 rgb(91,165,225) hsl(207,69%,62%)
#E1965B rgb(225,150,91) hsl(26,69%,62%)
#5BE0DA rgb(91,224,218) hsl(177,68%,62%)
#E1D95B rgb(225,217,91) hsl(56,69%,62%)