HEX #3A85D2 color — Havelock Blue

The color #3A85D2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A85D2 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,63%,98%)
#e2edf8 rgb(226,237,248) hsl(210,63%,93%)
#cde0f4 rgb(205,224,244) hsl(210,63%,88%)
#b8d4ef rgb(184,212,239) hsl(210,63%,83%)
#a4c7ea rgb(164,199,234) hsl(210,63%,78%)
#8fbae6 rgb(143,186,230) hsl(210,63%,73%)
#7aade1 rgb(122,173,225) hsl(210,63%,68%)
#65a1dc rgb(101,161,220) hsl(210,63%,63%)
#5094d7 rgb(80,148,215) hsl(210,63%,58%)
#3c87d3 rgb(60,135,211) hsl(210,63%,53%)
#2d7ac8 rgb(45,122,200) hsl(210,63%,48%)
#296eb3 rgb(41,110,179) hsl(210,63%,43%)
#24619e rgb(36,97,158) hsl(210,63%,38%)
#1f5489 rgb(31,84,137) hsl(210,63%,33%)
#1a4774 rgb(26,71,116) hsl(210,63%,28%)
#163b60 rgb(22,59,96) hsl(210,63%,23%)
#112e4b rgb(17,46,75) hsl(210,63%,18%)
#0c2136 rgb(12,33,54) hsl(210,63%,13%)
#081421 rgb(8,20,33) hsl(210,63%,8%)
#03080c rgb(3,8,12) hsl(210,63%,3%)

Adjacent colors

HEX RGB HSL
#3AD1B9 rgb(58,209,185) hsl(170,62%,52%)
#3A85D2 rgb(58,133,210) hsl(210,63%,53%)
#543BD2 rgb(84,59,210) hsl(250,63%,53%)

Monochromatic colors

HEX RGB HSL
#7FB0E1 rgb(127,176,225) hsl(210,62%,69%)
#5C9CD9 rgb(92,156,217) hsl(209,62%,61%)
#3A85D2 rgb(58,133,210) hsl(210,63%,53%)
#2970B7 rgb(41,112,183) hsl(210,63%,44%)
#215994 rgb(33,89,148) hsl(211,64%,35%)
#194571 rgb(25,69,113) hsl(210,64%,27%)

Triad color palettes

HEX RGB HSL
#3A85D2 rgb(58,133,210) hsl(210,63%,53%)
#D23B3A rgb(210,59,58) hsl(0,63%,53%)
#D1D13A rgb(209,209,58) hsl(60,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A85D2 rgb(58,133,210) hsl(210,63%,53%)
#D2873A rgb(210,135,58) hsl(30,63%,53%)
#3AD1D2 rgb(58,209,210) hsl(180,63%,53%)
#D1D13A rgb(209,209,58) hsl(60,62%,52%)