HEX #3D70D4 color — Mariner
The color #3D70D4 is a dark shade and moderately saturated.
Palette
3D70D4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,64%,99%) |
#e6ecf9 |
rgb(230,236,249) |
hsl(220,64%,94%) |
#d1ddf5 |
rgb(209,221,245) |
hsl(220,64%,89%) |
#bccdf0 |
rgb(188,205,240) |
hsl(220,64%,84%) |
#a7beec |
rgb(167,190,236) |
hsl(220,64%,79%) |
#92afe7 |
rgb(146,175,231) |
hsl(220,64%,74%) |
#7d9fe3 |
rgb(125,159,227) |
hsl(220,64%,69%) |
#6890de |
rgb(104,144,222) |
hsl(220,64%,64%) |
#5480d9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#3f71d5 |
rgb(63,113,213) |
hsl(220,64%,54%) |
#2d62cd |
rgb(45,98,205) |
hsl(220,64%,49%) |
#2858b8 |
rgb(40,88,184) |
hsl(220,64%,44%) |
#244ea3 |
rgb(36,78,163) |
hsl(220,64%,39%) |
#1f448e |
rgb(31,68,142) |
hsl(220,64%,34%) |
#1b3a79 |
rgb(27,58,121) |
hsl(220,64%,29%) |
#163064 |
rgb(22,48,100) |
hsl(220,64%,24%) |
#11264f |
rgb(17,38,79) |
hsl(220,64%,19%) |
#0d1c3b |
rgb(13,28,59) |
hsl(220,64%,14%) |
#081226 |
rgb(8,18,38) |
hsl(220,64%,9%) |
#040811 |
rgb(4,8,17) |
hsl(220,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD4D3 |
rgb(61,212,211) |
hsl(180,64%,54%) |
#3D70D4 |
rgb(61,112,212) |
hsl(220,64%,54%) |
#6E3DD4 |
rgb(110,61,212) |
hsl(259,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A6E3 |
rgb(132,166,227) |
hsl(219,63%,70%) |
#608ADB |
rgb(96,138,219) |
hsl(220,63%,62%) |
#3D70D4 |
rgb(61,112,212) |
hsl(220,64%,54%) |
#295CBB |
rgb(41,92,187) |
hsl(219,64%,45%) |
#214A97 |
rgb(33,74,151) |
hsl(219,64%,36%) |
#193874 |
rgb(25,56,116) |
hsl(220,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D70D4 |
rgb(61,112,212) |
hsl(220,64%,54%) |
#D4573D |
rgb(212,87,61) |
hsl(10,64%,54%) |
#BBD43D |
rgb(187,212,61) |
hsl(70,64%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D70D4 |
rgb(61,112,212) |
hsl(220,64%,54%) |
#D4A13D |
rgb(212,161,61) |
hsl(40,64%,54%) |
#3DBDD4 |
rgb(61,189,212) |
hsl(189,64%,54%) |
#BBD43D |
rgb(187,212,61) |
hsl(70,64%,54%) |