HEX #3180C3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3180C3 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(208,60%,98%)
#e2eef8 rgb(226,238,248) hsl(208,60%,93%)
#cee2f3 rgb(206,226,243) hsl(208,60%,88%)
#bad5ee rgb(186,213,238) hsl(208,60%,83%)
#a5c9e9 rgb(165,201,233) hsl(208,60%,78%)
#91bde3 rgb(145,189,227) hsl(208,60%,73%)
#7cb1de rgb(124,177,222) hsl(208,60%,68%)
#68a4d9 rgb(104,164,217) hsl(208,60%,63%)
#5498d4 rgb(84,152,212) hsl(208,60%,58%)
#3f8ccf rgb(63,140,207) hsl(208,60%,53%)
#317fc4 rgb(49,127,196) hsl(208,60%,48%)
#2c72af rgb(44,114,175) hsl(208,60%,43%)
#27659b rgb(39,101,155) hsl(208,60%,38%)
#225887 rgb(34,88,135) hsl(208,60%,33%)
#1d4a72 rgb(29,74,114) hsl(208,60%,28%)
#173d5e rgb(23,61,94) hsl(208,60%,23%)
#123049 rgb(18,48,73) hsl(208,60%,18%)
#0d2235 rgb(13,34,53) hsl(208,60%,13%)
#081521 rgb(8,21,33) hsl(208,60%,8%)
#03080c rgb(3,8,12) hsl(208,60%,3%)

Adjacent colors

HEX RGB HSL
#31C2A4 rgb(49,194,164) hsl(168,60%,48%)
#3180C3 rgb(49,128,195) hsl(208,60%,48%)
#4330C3 rgb(67,48,195) hsl(248,60%,48%)

Monochromatic colors

HEX RGB HSL
#68A6D9 rgb(104,166,217) hsl(207,60%,63%)
#4994D1 rgb(73,148,209) hsl(207,60%,55%)
#3180C3 rgb(49,128,195) hsl(208,60%,48%)
#296BA3 rgb(41,107,163) hsl(208,60%,40%)
#215784 rgb(33,87,132) hsl(207,60%,32%)
#194265 rgb(25,66,101) hsl(208,60%,25%)

Triad color palettes

HEX RGB HSL
#3180C3 rgb(49,128,195) hsl(208,60%,48%)
#C33037 rgb(195,48,55) hsl(357,60%,48%)
#C3BD31 rgb(195,189,49) hsl(58,60%,48%)

Tetrad color palettes

HEX RGB HSL
#3180C3 rgb(49,128,195) hsl(208,60%,48%)
#C37331 rgb(195,115,49) hsl(27,60%,48%)
#31C2BD rgb(49,194,189) hsl(178,60%,48%)
#C3BD31 rgb(195,189,49) hsl(58,60%,48%)