HEX #3D6BD2 color — Mariner
The color #3D6BD2 is a dark shade and moderately saturated.
Palette
3D6BD2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,62%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(221,62%,93%) |
#cdd9f3 |
rgb(205,217,243) |
hsl(221,62%,88%) |
#b9caef |
rgb(185,202,239) |
hsl(221,62%,83%) |
#a4baea |
rgb(164,186,234) |
hsl(221,62%,78%) |
#8faae5 |
rgb(143,170,229) |
hsl(221,62%,73%) |
#7b9be0 |
rgb(123,155,224) |
hsl(221,62%,68%) |
#668bdb |
rgb(102,139,219) |
hsl(221,62%,63%) |
#517cd6 |
rgb(81,124,214) |
hsl(221,62%,58%) |
#3d6cd1 |
rgb(61,108,209) |
hsl(221,62%,53%) |
#2f5fc6 |
rgb(47,95,198) |
hsl(221,62%,48%) |
#2a55b2 |
rgb(42,85,178) |
hsl(221,62%,43%) |
#254b9d |
rgb(37,75,157) |
hsl(221,62%,38%) |
#204188 |
rgb(32,65,136) |
hsl(221,62%,33%) |
#1b3774 |
rgb(27,55,116) |
hsl(221,62%,28%) |
#162d5f |
rgb(22,45,95) |
hsl(221,62%,23%) |
#11234a |
rgb(17,35,74) |
hsl(221,62%,18%) |
#0d1a36 |
rgb(13,26,54) |
hsl(221,62%,13%) |
#081021 |
rgb(8,16,33) |
hsl(221,62%,8%) |
#03060c |
rgb(3,6,12) |
hsl(221,62%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DCFD2 |
rgb(61,207,210) |
hsl(181,62%,53%) |
#3D6BD2 |
rgb(61,107,210) |
hsl(221,62%,53%) |
#723DD2 |
rgb(114,61,210) |
hsl(261,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A1E2 |
rgb(131,161,226) |
hsl(221,62%,70%) |
#6085DA |
rgb(96,133,218) |
hsl(222,62%,62%) |
#3D6BD2 |
rgb(61,107,210) |
hsl(221,62%,53%) |
#2A57B8 |
rgb(42,87,184) |
hsl(221,63%,44%) |
#224795 |
rgb(34,71,149) |
hsl(221,63%,36%) |
#1A3672 |
rgb(26,54,114) |
hsl(221,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D6BD2 |
rgb(61,107,210) |
hsl(221,62%,53%) |
#D2593D |
rgb(210,89,61) |
hsl(11,62%,53%) |
#B5D13D |
rgb(181,209,61) |
hsl(71,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D6BD2 |
rgb(61,107,210) |
hsl(221,62%,53%) |
#D2A33D |
rgb(210,163,61) |
hsl(41,62%,53%) |
#3DB5D2 |
rgb(61,181,210) |
hsl(192,62%,53%) |
#B5D13D |
rgb(181,209,61) |
hsl(71,62%,53%) |