HEX #3180D6 color — Mariner
The color #3180D6 is a dark shade and moderately saturated.
Palette
3180D6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(211,67%,97%) |
#ddeaf8 |
rgb(221,234,248) |
hsl(211,67%,92%) |
#c8ddf4 |
rgb(200,221,244) |
hsl(211,67%,87%) |
#b2d0f0 |
rgb(178,208,240) |
hsl(211,67%,82%) |
#9dc3ec |
rgb(157,195,236) |
hsl(211,67%,77%) |
#88b6e7 |
rgb(136,182,231) |
hsl(211,67%,72%) |
#72a9e3 |
rgb(114,169,227) |
hsl(211,67%,67%) |
#5d9cdf |
rgb(93,156,223) |
hsl(211,67%,62%) |
#488fdb |
rgb(72,143,219) |
hsl(211,67%,57%) |
#3382d7 |
rgb(51,130,215) |
hsl(211,67%,52%) |
#2875c8 |
rgb(40,117,200) |
hsl(211,67%,47%) |
#2369b3 |
rgb(35,105,179) |
hsl(211,67%,42%) |
#1f5c9e |
rgb(31,92,158) |
hsl(211,67%,37%) |
#1b5088 |
rgb(27,80,136) |
hsl(211,67%,32%) |
#174373 |
rgb(23,67,115) |
hsl(211,67%,27%) |
#13375e |
rgb(19,55,94) |
hsl(211,67%,22%) |
#0e2a48 |
rgb(14,42,72) |
hsl(211,67%,17%) |
#0a1e33 |
rgb(10,30,51) |
hsl(211,67%,12%) |
#06111e |
rgb(6,17,30) |
hsl(211,67%,7%) |
#020509 |
rgb(2,5,9) |
hsl(211,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6BE |
rgb(49,214,190) |
hsl(171,67%,52%) |
#3180D6 |
rgb(49,128,214) |
hsl(211,67%,52%) |
#5030D6 |
rgb(80,48,214) |
hsl(252,67%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77ABE3 |
rgb(119,171,227) |
hsl(211,66%,68%) |
#5496DC |
rgb(84,150,220) |
hsl(211,66%,60%) |
#3180D6 |
rgb(49,128,214) |
hsl(211,67%,52%) |
#246BB8 |
rgb(36,107,184) |
hsl(211,67%,43%) |
#1D5795 |
rgb(29,87,149) |
hsl(211,67%,35%) |
#164272 |
rgb(22,66,114) |
hsl(211,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180D6 |
rgb(49,128,214) |
hsl(211,67%,52%) |
#D63631 |
rgb(214,54,49) |
hsl(2,67%,52%) |
#D2D631 |
rgb(210,214,49) |
hsl(61,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180D6 |
rgb(49,128,214) |
hsl(211,67%,52%) |
#D68731 |
rgb(214,135,49) |
hsl(31,67%,52%) |
#31D4D6 |
rgb(49,212,214) |
hsl(181,67%,52%) |
#D2D631 |
rgb(210,214,49) |
hsl(61,67%,52%) |