HEX #4BA5DD color — Havelock Blue

The color #4ba5dd is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

4ba5dd color palette from light to dark

HEX RGB HSL
#f6fbfd rgb(246,251,253) hsl(203,68%,98%)
#e1f0f9 rgb(225,240,249) hsl(203,68%,93%)
#cce5f5 rgb(204,229,245) hsl(203,68%,88%)
#b6dbf1 rgb(182,219,241) hsl(203,68%,83%)
#a1d0ed rgb(161,208,237) hsl(203,68%,78%)
#8bc5e9 rgb(139,197,233) hsl(203,68%,73%)
#76bae5 rgb(118,186,229) hsl(203,68%,68%)
#60b0e1 rgb(96,176,225) hsl(203,68%,63%)
#4ba5dd rgb(75,165,221) hsl(203,68%,58%)
#369ad9 rgb(54,154,217) hsl(203,68%,53%)
#278ece rgb(39,142,206) hsl(203,68%,48%)
#237fb8 rgb(35,127,184) hsl(203,68%,43%)
#1f70a3 rgb(31,112,163) hsl(203,68%,38%)
#1b628d rgb(27,98,141) hsl(203,68%,33%)
#175378 rgb(23,83,120) hsl(203,68%,28%)
#134463 rgb(19,68,99) hsl(203,68%,23%)
#0f354d rgb(15,53,77) hsl(203,68%,18%)
#0b2638 rgb(11,38,56) hsl(203,68%,13%)
#071822 rgb(7,24,34) hsl(203,68%,8%)
#02090d rgb(2,9,13) hsl(203,68%,3%)

Adjacent colors

HEX RGB HSL
#4BDEB3 rgb(75,222,179) hsl(162,69%,58%)
#4BA5DD rgb(75,165,221) hsl(203,68%,58%)
#524ADD rgb(82,74,221) hsl(243,68%,58%)

Monochromatic colors

HEX RGB HSL
#9ACCEC rgb(154,204,236) hsl(203,68%,76%)
#72BAE4 rgb(114,186,228) hsl(202,68%,67%)
#4BA5DD rgb(75,165,221) hsl(203,68%,58%)
#278FD1 rgb(39,143,209) hsl(203,69%,49%)
#1F75A9 rgb(31,117,169) hsl(203,69%,39%)
#185981 rgb(24,89,129) hsl(203,69%,30%)

Triad color palettes

HEX RGB HSL
#4BA5DD rgb(75,165,221) hsl(203,68%,58%)
#DD4A5C rgb(221,74,92) hsl(353,68%,58%)
#DDCC4B rgb(221,204,75) hsl(53,68%,58%)

Tetrad color palettes

HEX RGB HSL
#4BA5DD rgb(75,165,221) hsl(203,68%,58%)
#DD824B rgb(221,130,75) hsl(23,68%,58%)
#4BDECC rgb(75,222,204) hsl(173,69%,58%)
#DDCC4B rgb(221,204,75) hsl(53,68%,58%)