HEX #3180D9 color — Mariner
The color #3180D9 is a dark shade and moderately saturated.
Palette
3180D9 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,69%,97%) |
#ddeaf9 |
rgb(221,234,249) |
hsl(212,69%,92%) |
#c7dcf5 |
rgb(199,220,245) |
hsl(212,69%,87%) |
#b1cff1 |
rgb(177,207,241) |
hsl(212,69%,82%) |
#9cc2ed |
rgb(156,194,237) |
hsl(212,69%,77%) |
#86b4e9 |
rgb(134,180,233) |
hsl(212,69%,72%) |
#71a7e5 |
rgb(113,167,229) |
hsl(212,69%,67%) |
#5b9ae1 |
rgb(91,154,225) |
hsl(212,69%,62%) |
#468cdd |
rgb(70,140,221) |
hsl(212,69%,57%) |
#307fd9 |
rgb(48,127,217) |
hsl(212,69%,52%) |
#2572cb |
rgb(37,114,203) |
hsl(212,69%,47%) |
#2166b5 |
rgb(33,102,181) |
hsl(212,69%,42%) |
#1d5a9f |
rgb(29,90,159) |
hsl(212,69%,37%) |
#194e8a |
rgb(25,78,138) |
hsl(212,69%,32%) |
#154274 |
rgb(21,66,116) |
hsl(212,69%,27%) |
#11365f |
rgb(17,54,95) |
hsl(212,69%,22%) |
#0d2949 |
rgb(13,41,73) |
hsl(212,69%,17%) |
#091d34 |
rgb(9,29,52) |
hsl(212,69%,12%) |
#06111e |
rgb(6,17,30) |
hsl(212,69%,7%) |
#020509 |
rgb(2,5,9) |
hsl(212,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D9C2 |
rgb(49,217,194) |
hsl(172,69%,52%) |
#3180D9 |
rgb(49,128,217) |
hsl(212,69%,52%) |
#5230D9 |
rgb(82,48,217) |
hsl(252,69%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78ADE6 |
rgb(120,173,230) |
hsl(211,69%,69%) |
#5496DF |
rgb(84,150,223) |
hsl(212,68%,60%) |
#3180D9 |
rgb(49,128,217) |
hsl(212,69%,52%) |
#226BBC |
rgb(34,107,188) |
hsl(212,69%,44%) |
#1C5798 |
rgb(28,87,152) |
hsl(211,69%,35%) |
#154274 |
rgb(21,66,116) |
hsl(212,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180D9 |
rgb(49,128,217) |
hsl(212,69%,52%) |
#D93631 |
rgb(217,54,49) |
hsl(2,69%,52%) |
#D4D931 |
rgb(212,217,49) |
hsl(62,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180D9 |
rgb(49,128,217) |
hsl(212,69%,52%) |
#D98A31 |
rgb(217,138,49) |
hsl(32,69%,52%) |
#31D4D9 |
rgb(49,212,217) |
hsl(182,69%,52%) |
#D4D931 |
rgb(212,217,49) |
hsl(62,69%,52%) |