HEX #316BC6 color — Mariner

The color #316BC6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316BC6 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(217,60%,98%)
#e2ebf8 rgb(226,235,248) hsl(217,60%,93%)
#cedcf3 rgb(206,220,243) hsl(217,60%,88%)
#baceee rgb(186,206,238) hsl(217,60%,83%)
#a5bfe9 rgb(165,191,233) hsl(217,60%,78%)
#91b1e3 rgb(145,177,227) hsl(217,60%,73%)
#7ca2de rgb(124,162,222) hsl(217,60%,68%)
#6893d9 rgb(104,147,217) hsl(217,60%,63%)
#5485d4 rgb(84,133,212) hsl(217,60%,58%)
#3f76cf rgb(63,118,207) hsl(217,60%,53%)
#3169c4 rgb(49,105,196) hsl(217,60%,48%)
#2c5eaf rgb(44,94,175) hsl(217,60%,43%)
#27539b rgb(39,83,155) hsl(217,60%,38%)
#224887 rgb(34,72,135) hsl(217,60%,33%)
#1d3d72 rgb(29,61,114) hsl(217,60%,28%)
#17325e rgb(23,50,94) hsl(217,60%,23%)
#122749 rgb(18,39,73) hsl(217,60%,18%)
#0d1d35 rgb(13,29,53) hsl(217,60%,13%)
#081221 rgb(8,18,33) hsl(217,60%,8%)
#03070c rgb(3,7,12) hsl(217,60%,3%)

Adjacent colors

HEX RGB HSL
#31C7BD rgb(49,199,189) hsl(176,60%,49%)
#316BC6 rgb(49,107,198) hsl(217,60%,48%)
#5A30C6 rgb(90,48,198) hsl(257,61%,48%)

Monochromatic colors

HEX RGB HSL
#6B96DA rgb(107,150,218) hsl(217,60%,64%)
#4B80D2 rgb(75,128,210) hsl(216,60%,56%)
#316BC6 rgb(49,107,198) hsl(217,60%,48%)
#2959A6 rgb(41,89,166) hsl(217,60%,41%)
#214A86 rgb(33,74,134) hsl(216,60%,33%)
#193866 rgb(25,56,102) hsl(216,61%,25%)

Triad color palettes

HEX RGB HSL
#316BC6 rgb(49,107,198) hsl(217,60%,48%)
#C64231 rgb(198,66,49) hsl(7,60%,48%)
#B5C731 rgb(181,199,49) hsl(67,60%,49%)

Tetrad color palettes

HEX RGB HSL
#316BC6 rgb(49,107,198) hsl(217,60%,48%)
#C68C31 rgb(198,140,49) hsl(37,60%,48%)
#31B5C6 rgb(49,181,198) hsl(187,60%,48%)
#B5C731 rgb(181,199,49) hsl(67,60%,49%)