HEX #5BA3E2 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3E2 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(208,70%,97%)
#dcecf9 rgb(220,236,249) hsl(208,70%,92%)
#c7dff5 rgb(199,223,245) hsl(208,70%,87%)
#b1d3f1 rgb(177,211,241) hsl(208,70%,82%)
#9bc7ed rgb(155,199,237) hsl(208,70%,77%)
#86bbea rgb(134,187,234) hsl(208,70%,72%)
#70afe6 rgb(112,175,230) hsl(208,70%,67%)
#5aa3e2 rgb(90,163,226) hsl(208,70%,62%)
#4596de rgb(69,150,222) hsl(208,70%,57%)
#2f8ada rgb(47,138,218) hsl(208,70%,52%)
#247dcc rgb(36,125,204) hsl(208,70%,47%)
#2070b6 rgb(32,112,182) hsl(208,70%,42%)
#1c63a0 rgb(28,99,160) hsl(208,70%,37%)
#18558b rgb(24,85,139) hsl(208,70%,32%)
#154875 rgb(21,72,117) hsl(208,70%,27%)
#113b5f rgb(17,59,95) hsl(208,70%,22%)
#0d2d4a rgb(13,45,74) hsl(208,70%,17%)
#092034 rgb(9,32,52) hsl(208,70%,12%)
#05131e rgb(5,19,30) hsl(208,70%,7%)
#020509 rgb(2,5,9) hsl(208,70%,2%)

Adjacent colors

HEX RGB HSL
#5BE3C7 rgb(91,227,199) hsl(168,71%,62%)
#5BA3E2 rgb(91,163,226) hsl(208,70%,62%)
#6D5CE2 rgb(109,92,226) hsl(248,70%,62%)

Monochromatic colors

HEX RGB HSL
#DCEBF8 rgb(220,235,248) hsl(208,67%,92%)
#B1D4F1 rgb(177,212,241) hsl(207,70%,82%)
#86BAE9 rgb(134,186,233) hsl(208,69%,72%)
#5BA3E2 rgb(91,163,226) hsl(208,70%,62%)
#2F8ADA rgb(47,138,218) hsl(208,70%,52%)
#2070B7 rgb(32,112,183) hsl(208,70%,42%)

Triad color palettes

HEX RGB HSL
#5BA3E2 rgb(91,163,226) hsl(208,70%,62%)
#E25C5F rgb(226,92,95) hsl(359,70%,62%)
#E2DE5B rgb(226,222,91) hsl(58,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5BA3E2 rgb(91,163,226) hsl(208,70%,62%)
#E2995B rgb(226,153,91) hsl(28,70%,62%)
#5BE3DD rgb(91,227,221) hsl(177,71%,62%)
#E2DE5B rgb(226,222,91) hsl(58,70%,62%)