HEX #3A8AD2 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

3A8AD2 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(208,63%,98%)
#e2eef8 rgb(226,238,248) hsl(208,63%,93%)
#cde2f4 rgb(205,226,244) hsl(208,63%,88%)
#b8d5ef rgb(184,213,239) hsl(208,63%,83%)
#a4c9ea rgb(164,201,234) hsl(208,63%,78%)
#8fbde6 rgb(143,189,230) hsl(208,63%,73%)
#7ab1e1 rgb(122,177,225) hsl(208,63%,68%)
#65a5dc rgb(101,165,220) hsl(208,63%,63%)
#5098d7 rgb(80,152,215) hsl(208,63%,58%)
#3c8cd3 rgb(60,140,211) hsl(208,63%,53%)
#2d80c8 rgb(45,128,200) hsl(208,63%,48%)
#2972b3 rgb(41,114,179) hsl(208,63%,43%)
#24659e rgb(36,101,158) hsl(208,63%,38%)
#1f5889 rgb(31,88,137) hsl(208,63%,33%)
#1a4a74 rgb(26,74,116) hsl(208,63%,28%)
#163d60 rgb(22,61,96) hsl(208,63%,23%)
#11304b rgb(17,48,75) hsl(208,63%,18%)
#0c2336 rgb(12,35,54) hsl(208,63%,13%)
#081521 rgb(8,21,33) hsl(208,63%,8%)
#03080c rgb(3,8,12) hsl(208,63%,3%)

Adjacent colors

HEX RGB HSL
#3AD1B4 rgb(58,209,180) hsl(168,62%,52%)
#3A8AD2 rgb(58,138,210) hsl(208,63%,53%)
#4F3BD2 rgb(79,59,210) hsl(248,63%,53%)

Monochromatic colors

HEX RGB HSL
#7FB3E1 rgb(127,179,225) hsl(208,62%,69%)
#5C9ED9 rgb(92,158,217) hsl(208,62%,61%)
#3A8AD2 rgb(58,138,210) hsl(208,63%,53%)
#2975B7 rgb(41,117,183) hsl(208,63%,44%)
#215E94 rgb(33,94,148) hsl(208,64%,35%)
#194771 rgb(25,71,113) hsl(209,64%,27%)

Triad color palettes

HEX RGB HSL
#3A8AD2 rgb(58,138,210) hsl(208,63%,53%)
#D23B3E rgb(210,59,62) hsl(359,63%,53%)
#D2CF3A rgb(210,207,58) hsl(59,63%,53%)

Tetrad color palettes

HEX RGB HSL
#3A8AD2 rgb(58,138,210) hsl(208,63%,53%)
#D2823A rgb(210,130,58) hsl(28,63%,53%)
#3AD1CE rgb(58,209,206) hsl(179,62%,52%)
#D2CF3A rgb(210,207,58) hsl(59,63%,53%)