HEX #3A87D2 color — Havelock Blue
The color #3A87D2 is a dark shade and moderately saturated.
Palette
3A87D2 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 |
#3AD1B7 |
rgb(58,209,183) |
hsl(170,62%,52%) |
#3A87D2 |
rgb(58,135,210) |
hsl(210,63%,53%) |
#523BD2 |
rgb(82,59,210) |
hsl(249,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FB3E1 |
rgb(127,179,225) |
hsl(208,62%,69%) |
#5C9CD9 |
rgb(92,156,217) |
hsl(209,62%,61%) |
#3A87D2 |
rgb(58,135,210) |
hsl(210,63%,53%) |
#2973B7 |
rgb(41,115,183) |
hsl(209,63%,44%) |
#215C94 |
rgb(33,92,148) |
hsl(209,64%,35%) |
#194771 |
rgb(25,71,113) |
hsl(209,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A87D2 |
rgb(58,135,210) |
hsl(210,63%,53%) |
#D23B3B |
rgb(210,59,59) |
hsl(360,63%,53%) |
#D2D13A |
rgb(210,209,58) |
hsl(60,63%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A87D2 |
rgb(58,135,210) |
hsl(210,63%,53%) |
#D2853A |
rgb(210,133,58) |
hsl(30,63%,53%) |
#3AD1D1 |
rgb(58,209,209) |
hsl(180,62%,52%) |
#D2D13A |
rgb(210,209,58) |
hsl(60,63%,53%) |