HEX #3170D4 color — Mariner
The color #3170D4 is a dark shade and moderately saturated.
Palette
3170D4 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(217,65%,96%) |
#d9e5f7 |
rgb(217,229,247) |
hsl(217,65%,91%) |
#c4d6f3 |
rgb(196,214,243) |
hsl(217,65%,86%) |
#afc7ee |
rgb(175,199,238) |
hsl(217,65%,81%) |
#9ab9ea |
rgb(154,185,234) |
hsl(217,65%,76%) |
#85aae5 |
rgb(133,170,229) |
hsl(217,65%,71%) |
#709be1 |
rgb(112,155,225) |
hsl(217,65%,66%) |
#5b8cdc |
rgb(91,140,220) |
hsl(217,65%,61%) |
#467ed8 |
rgb(70,126,216) |
hsl(217,65%,56%) |
#316fd3 |
rgb(49,111,211) |
hsl(217,65%,51%) |
#2964c2 |
rgb(41,100,194) |
hsl(217,65%,46%) |
#2559ad |
rgb(37,89,173) |
hsl(217,65%,41%) |
#204e97 |
rgb(32,78,151) |
hsl(217,65%,36%) |
#1c4382 |
rgb(28,67,130) |
hsl(217,65%,31%) |
#17386d |
rgb(23,56,109) |
hsl(217,65%,26%) |
#132d58 |
rgb(19,45,88) |
hsl(217,65%,21%) |
#0e2343 |
rgb(14,35,67) |
hsl(217,65%,16%) |
#0a182e |
rgb(10,24,46) |
hsl(217,65%,11%) |
#050d19 |
rgb(5,13,25) |
hsl(217,65%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D4CB |
rgb(49,212,203) |
hsl(177,65%,51%) |
#3170D4 |
rgb(49,112,212) |
hsl(217,65%,51%) |
#5E30D4 |
rgb(94,48,212) |
hsl(257,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A1E2 |
rgb(118,161,226) |
hsl(216,65%,67%) |
#5387DB |
rgb(83,135,219) |
hsl(217,65%,59%) |
#3170D4 |
rgb(49,112,212) |
hsl(217,65%,51%) |
#255EB5 |
rgb(37,94,181) |
hsl(216,66%,43%) |
#1E4D92 |
rgb(30,77,146) |
hsl(216,66%,35%) |
#173B70 |
rgb(23,59,112) |
hsl(216,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170D4 |
rgb(49,112,212) |
hsl(217,65%,51%) |
#D44231 |
rgb(212,66,49) |
hsl(6,65%,51%) |
#C1D431 |
rgb(193,212,49) |
hsl(67,65%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170D4 |
rgb(49,112,212) |
hsl(217,65%,51%) |
#D49431 |
rgb(212,148,49) |
hsl(36,65%,51%) |
#31C2D4 |
rgb(49,194,212) |
hsl(187,65%,51%) |
#C1D431 |
rgb(193,212,49) |
hsl(67,65%,51%) |