HEX #5BA3E1 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba3e1 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(208,69%,97%)
#ddecf9 rgb(221,236,249) hsl(208,69%,92%)
#c7dff5 rgb(199,223,245) hsl(208,69%,87%)
#b1d3f1 rgb(177,211,241) hsl(208,69%,82%)
#9cc7ed rgb(156,199,237) hsl(208,69%,77%)
#86bbe9 rgb(134,187,233) hsl(208,69%,72%)
#71afe5 rgb(113,175,229) hsl(208,69%,67%)
#5ba3e1 rgb(91,163,225) hsl(208,69%,62%)
#4696dd rgb(70,150,221) hsl(208,69%,57%)
#308ad9 rgb(48,138,217) hsl(208,69%,52%)
#257dcb rgb(37,125,203) hsl(208,69%,47%)
#2170b5 rgb(33,112,181) hsl(208,69%,42%)
#1d639f rgb(29,99,159) hsl(208,69%,37%)
#19558a rgb(25,85,138) hsl(208,69%,32%)
#154874 rgb(21,72,116) hsl(208,69%,27%)
#113b5f rgb(17,59,95) hsl(208,69%,22%)
#0d2d49 rgb(13,45,73) hsl(208,69%,17%)
#092034 rgb(9,32,52) hsl(208,69%,12%)
#06131e rgb(6,19,30) hsl(208,69%,7%)
#020509 rgb(2,5,9) hsl(208,69%,2%)

Adjacent colors

HEX RGB HSL
#5BE0C5 rgb(91,224,197) hsl(168,68%,62%)
#5BA3E1 rgb(91,163,225) hsl(208,69%,62%)
#6C5CE1 rgb(108,92,225) hsl(247,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%)
#85BAE8 rgb(133,186,232) hsl(208,68%,72%)
#5BA3E1 rgb(91,163,225) hsl(208,69%,62%)
#308CD9 rgb(48,140,217) hsl(207,69%,52%)
#2170B5 rgb(33,112,181) hsl(208,69%,42%)

Triad color palettes

HEX RGB HSL
#5BA3E1 rgb(91,163,225) hsl(208,69%,62%)
#E15C60 rgb(225,92,96) hsl(358,69%,62%)
#E1DB5B rgb(225,219,91) hsl(57,69%,62%)

Tetrad color palettes

HEX RGB HSL
#5BA3E1 rgb(91,163,225) hsl(208,69%,62%)
#E1995B rgb(225,153,91) hsl(28,69%,62%)
#5BE0DC rgb(91,224,220) hsl(178,68%,62%)
#E1DB5B rgb(225,219,91) hsl(57,69%,62%)