HEX #3170D6 color — Mariner
The color #3170D6 is a dark shade and moderately saturated.
Palette
3170D6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(217,67%,97%) |
#dde7f8 |
rgb(221,231,248) |
hsl(217,67%,92%) |
#c8d9f4 |
rgb(200,217,244) |
hsl(217,67%,87%) |
#b2caf0 |
rgb(178,202,240) |
hsl(217,67%,82%) |
#9dbbec |
rgb(157,187,236) |
hsl(217,67%,77%) |
#88ace7 |
rgb(136,172,231) |
hsl(217,67%,72%) |
#729ee3 |
rgb(114,158,227) |
hsl(217,67%,67%) |
#5d8fdf |
rgb(93,143,223) |
hsl(217,67%,62%) |
#4880db |
rgb(72,128,219) |
hsl(217,67%,57%) |
#3371d7 |
rgb(51,113,215) |
hsl(217,67%,52%) |
#2865c8 |
rgb(40,101,200) |
hsl(217,67%,47%) |
#235ab3 |
rgb(35,90,179) |
hsl(217,67%,42%) |
#1f509e |
rgb(31,80,158) |
hsl(217,67%,37%) |
#1b4588 |
rgb(27,69,136) |
hsl(217,67%,32%) |
#173a73 |
rgb(23,58,115) |
hsl(217,67%,27%) |
#132f5e |
rgb(19,47,94) |
hsl(217,67%,22%) |
#0e2548 |
rgb(14,37,72) |
hsl(217,67%,17%) |
#0a1a33 |
rgb(10,26,51) |
hsl(217,67%,12%) |
#060f1e |
rgb(6,15,30) |
hsl(217,67%,7%) |
#020409 |
rgb(2,4,9) |
hsl(217,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6CE |
rgb(49,214,206) |
hsl(177,67%,52%) |
#3170D6 |
rgb(49,112,214) |
hsl(217,67%,52%) |
#6030D6 |
rgb(96,48,214) |
hsl(257,67%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A1E3 |
rgb(119,161,227) |
hsl(217,66%,68%) |
#5487DC |
rgb(84,135,220) |
hsl(218,66%,60%) |
#3170D6 |
rgb(49,112,214) |
hsl(217,67%,52%) |
#245CB8 |
rgb(36,92,184) |
hsl(217,67%,43%) |
#1D4D95 |
rgb(29,77,149) |
hsl(216,67%,35%) |
#163B72 |
rgb(22,59,114) |
hsl(216,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170D6 |
rgb(49,112,214) |
hsl(217,67%,52%) |
#D64531 |
rgb(214,69,49) |
hsl(7,67%,52%) |
#C2D631 |
rgb(194,214,49) |
hsl(67,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170D6 |
rgb(49,112,214) |
hsl(217,67%,52%) |
#D69631 |
rgb(214,150,49) |
hsl(37,67%,52%) |
#31C2D6 |
rgb(49,194,214) |
hsl(187,67%,52%) |
#C2D631 |
rgb(194,214,49) |
hsl(67,67%,52%) |