HEX #3A8AD4 color — Havelock Blue

The color #3a8ad4 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3a8ad4 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(209,64%,98%)
#e2eef9 rgb(226,238,249) hsl(209,64%,93%)
#cde1f4 rgb(205,225,244) hsl(209,64%,88%)
#b8d5ef rgb(184,213,239) hsl(209,64%,83%)
#a3c8eb rgb(163,200,235) hsl(209,64%,78%)
#8ebce6 rgb(142,188,230) hsl(209,64%,73%)
#79afe2 rgb(121,175,226) hsl(209,64%,68%)
#64a3dd rgb(100,163,221) hsl(209,64%,63%)
#4f96d8 rgb(79,150,216) hsl(209,64%,58%)
#3a8ad4 rgb(58,138,212) hsl(209,64%,53%)
#2c7dc9 rgb(44,125,201) hsl(209,64%,48%)
#2770b4 rgb(39,112,180) hsl(209,64%,43%)
#23639f rgb(35,99,159) hsl(209,64%,38%)
#1e568a rgb(30,86,138) hsl(209,64%,33%)
#1a4975 rgb(26,73,117) hsl(209,64%,28%)
#153c60 rgb(21,60,96) hsl(209,64%,23%)
#112f4b rgb(17,47,75) hsl(209,64%,18%)
#0c2236 rgb(12,34,54) hsl(209,64%,13%)
#071521 rgb(7,21,33) hsl(209,64%,8%)
#03080d rgb(3,8,13) hsl(209,64%,3%)

Adjacent colors

HEX RGB HSL
#3AD4B7 rgb(58,212,183) hsl(169,64%,53%)
#3A8AD4 rgb(58,138,212) hsl(209,64%,53%)
#503BD4 rgb(80,59,212) hsl(248,64%,53%)

Monochromatic colors

HEX RGB HSL
#80B5E3 rgb(128,181,227) hsl(208,64%,70%)
#5D9EDB rgb(93,158,219) hsl(209,64%,61%)
#3A8AD4 rgb(58,138,212) hsl(209,64%,53%)
#2875BA rgb(40,117,186) hsl(208,65%,44%)
#205E96 rgb(32,94,150) hsl(208,65%,36%)
#194773 rgb(25,71,115) hsl(209,64%,27%)

Triad color palettes

HEX RGB HSL
#3A8AD4 rgb(58,138,212) hsl(209,64%,53%)
#D43B3D rgb(212,59,61) hsl(359,64%,53%)
#D4D13A rgb(212,209,58) hsl(59,64%,53%)

Tetrad color palettes

HEX RGB HSL
#3A8AD4 rgb(58,138,212) hsl(209,64%,53%)
#D4853A rgb(212,133,58) hsl(29,64%,53%)
#3AD4D1 rgb(58,212,209) hsl(179,64%,53%)
#D4D13A rgb(212,209,58) hsl(59,64%,53%)