HEX #3D6ED2 color — Mariner
The color #3D6ED2 is a dark shade and moderately saturated.
Palette
3D6ED2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,62%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(220,62%,93%) |
#cddaf3 |
rgb(205,218,243) |
hsl(220,62%,88%) |
#b9cbef |
rgb(185,203,239) |
hsl(220,62%,83%) |
#a4bbea |
rgb(164,187,234) |
hsl(220,62%,78%) |
#8face5 |
rgb(143,172,229) |
hsl(220,62%,73%) |
#7b9de0 |
rgb(123,157,224) |
hsl(220,62%,68%) |
#668ddb |
rgb(102,141,219) |
hsl(220,62%,63%) |
#517ed6 |
rgb(81,126,214) |
hsl(220,62%,58%) |
#3d6ed1 |
rgb(61,110,209) |
hsl(220,62%,53%) |
#2f61c6 |
rgb(47,97,198) |
hsl(220,62%,48%) |
#2a57b2 |
rgb(42,87,178) |
hsl(220,62%,43%) |
#254d9d |
rgb(37,77,157) |
hsl(220,62%,38%) |
#204388 |
rgb(32,67,136) |
hsl(220,62%,33%) |
#1b3974 |
rgb(27,57,116) |
hsl(220,62%,28%) |
#162f5f |
rgb(22,47,95) |
hsl(220,62%,23%) |
#11244a |
rgb(17,36,74) |
hsl(220,62%,18%) |
#0d1a36 |
rgb(13,26,54) |
hsl(220,62%,13%) |
#081021 |
rgb(8,16,33) |
hsl(220,62%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,62%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD1D2 |
rgb(61,209,210) |
hsl(180,62%,53%) |
#3D6ED2 |
rgb(61,110,210) |
hsl(220,62%,53%) |
#6F3DD2 |
rgb(111,61,210) |
hsl(260,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A3E2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#6087DA |
rgb(96,135,218) |
hsl(221,62%,62%) |
#3D6ED2 |
rgb(61,110,210) |
hsl(220,62%,53%) |
#2A59B8 |
rgb(42,89,184) |
hsl(220,63%,44%) |
#224795 |
rgb(34,71,149) |
hsl(221,63%,36%) |
#1A3872 |
rgb(26,56,114) |
hsl(220,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D6ED2 |
rgb(61,110,210) |
hsl(220,62%,53%) |
#D2573D |
rgb(210,87,61) |
hsl(10,62%,53%) |
#B8D13D |
rgb(184,209,61) |
hsl(70,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D6ED2 |
rgb(61,110,210) |
hsl(220,62%,53%) |
#D2A13D |
rgb(210,161,61) |
hsl(40,62%,53%) |
#3DB8D2 |
rgb(61,184,210) |
hsl(190,62%,53%) |
#B8D13D |
rgb(184,209,61) |
hsl(70,62%,53%) |