HEX #3170D5 color — Mariner
The color #3170D5 is a dark shade and moderately saturated.
Palette
3170D5 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(217,66%,96%) |
#d9e5f7 |
rgb(217,229,247) |
hsl(217,66%,91%) |
#c4d6f3 |
rgb(196,214,243) |
hsl(217,66%,86%) |
#afc7ef |
rgb(175,199,239) |
hsl(217,66%,81%) |
#99b8ea |
rgb(153,184,234) |
hsl(217,66%,76%) |
#84aae6 |
rgb(132,170,230) |
hsl(217,66%,71%) |
#6f9be2 |
rgb(111,155,226) |
hsl(217,66%,66%) |
#5a8cdd |
rgb(90,140,221) |
hsl(217,66%,61%) |
#457ed9 |
rgb(69,126,217) |
hsl(217,66%,56%) |
#306fd5 |
rgb(48,111,213) |
hsl(217,66%,51%) |
#2863c3 |
rgb(40,99,195) |
hsl(217,66%,46%) |
#2458ae |
rgb(36,88,174) |
hsl(217,66%,41%) |
#1f4e98 |
rgb(31,78,152) |
hsl(217,66%,36%) |
#1b4383 |
rgb(27,67,131) |
hsl(217,66%,31%) |
#17386e |
rgb(23,56,110) |
hsl(217,66%,26%) |
#122d59 |
rgb(18,45,89) |
hsl(217,66%,21%) |
#0e2344 |
rgb(14,35,68) |
hsl(217,66%,16%) |
#0a182f |
rgb(10,24,47) |
hsl(217,66%,11%) |
#050d19 |
rgb(5,13,25) |
hsl(217,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6CC |
rgb(49,214,204) |
hsl(176,67%,52%) |
#3170D5 |
rgb(49,112,213) |
hsl(217,66%,51%) |
#5F30D5 |
rgb(95,48,213) |
hsl(257,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A1E3 |
rgb(118,161,227) |
hsl(216,66%,68%) |
#5387DC |
rgb(83,135,220) |
hsl(217,66%,59%) |
#3170D5 |
rgb(49,112,213) |
hsl(217,66%,51%) |
#255EB6 |
rgb(37,94,182) |
hsl(216,66%,43%) |
#1E4D93 |
rgb(30,77,147) |
hsl(216,66%,35%) |
#173B71 |
rgb(23,59,113) |
hsl(216,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170D5 |
rgb(49,112,213) |
hsl(217,66%,51%) |
#D54531 |
rgb(213,69,49) |
hsl(7,66%,51%) |
#C2D631 |
rgb(194,214,49) |
hsl(67,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170D5 |
rgb(49,112,213) |
hsl(217,66%,51%) |
#D59631 |
rgb(213,150,49) |
hsl(37,66%,51%) |
#31C2D5 |
rgb(49,194,213) |
hsl(187,66%,51%) |
#C2D631 |
rgb(194,214,49) |
hsl(67,67%,52%) |