HEX #3C87D1 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

3C87D1 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,62%,98%)
#e2edf8 rgb(226,237,248) hsl(210,62%,93%)
#cde0f3 rgb(205,224,243) hsl(210,62%,88%)
#b9d4ef rgb(185,212,239) hsl(210,62%,83%)
#a4c7ea rgb(164,199,234) hsl(210,62%,78%)
#8fbae5 rgb(143,186,229) hsl(210,62%,73%)
#7bade0 rgb(123,173,224) hsl(210,62%,68%)
#66a1db rgb(102,161,219) hsl(210,62%,63%)
#5194d6 rgb(81,148,214) hsl(210,62%,58%)
#3d87d1 rgb(61,135,209) hsl(210,62%,53%)
#2f7ac6 rgb(47,122,198) hsl(210,62%,48%)
#2a6eb2 rgb(42,110,178) hsl(210,62%,43%)
#25619d rgb(37,97,157) hsl(210,62%,38%)
#205488 rgb(32,84,136) hsl(210,62%,33%)
#1b4774 rgb(27,71,116) hsl(210,62%,28%)
#163b5f rgb(22,59,95) hsl(210,62%,23%)
#112e4a rgb(17,46,74) hsl(210,62%,18%)
#0d2136 rgb(13,33,54) hsl(210,62%,13%)
#081421 rgb(8,20,33) hsl(210,62%,8%)
#03080c rgb(3,8,12) hsl(210,62%,3%)

Adjacent colors

HEX RGB HSL
#3CD1B7 rgb(60,209,183) hsl(170,62%,53%)
#3C87D1 rgb(60,135,209) hsl(210,62%,53%)
#543DD1 rgb(84,61,209) hsl(249,62%,53%)

Monochromatic colors

HEX RGB HSL
#81B3E1 rgb(129,179,225) hsl(209,62%,69%)
#5E9CD9 rgb(94,156,217) hsl(210,62%,61%)
#3C87D1 rgb(60,135,209) hsl(210,62%,53%)
#2B70B6 rgb(43,112,182) hsl(210,62%,44%)
#225C94 rgb(34,92,148) hsl(209,63%,36%)
#1A4771 rgb(26,71,113) hsl(209,63%,27%)

Triad color palettes

HEX RGB HSL
#3C87D1 rgb(60,135,209) hsl(210,62%,53%)
#D13D3C rgb(209,61,60) hsl(0,62%,53%)
#D1D13C rgb(209,209,60) hsl(60,62%,53%)

Tetrad color palettes

HEX RGB HSL
#3C87D1 rgb(60,135,209) hsl(210,62%,53%)
#D1873C rgb(209,135,60) hsl(30,62%,53%)
#3CD1D0 rgb(60,209,208) hsl(180,62%,53%)
#D1D13C rgb(209,209,60) hsl(60,62%,53%)