HEX #3180D9 color — Mariner

The color #3180D9 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)