HEX #316ED8 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

316ED8 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(218,68%,97%)
#dde7f8 rgb(221,231,248) hsl(218,68%,92%)
#c7d8f4 rgb(199,216,244) hsl(218,68%,87%)
#b2c9f0 rgb(178,201,240) hsl(218,68%,82%)
#9cbaec rgb(156,186,236) hsl(218,68%,77%)
#87abe8 rgb(135,171,232) hsl(218,68%,72%)
#729ce4 rgb(114,156,228) hsl(218,68%,67%)
#5c8de0 rgb(92,141,224) hsl(218,68%,62%)
#477ddc rgb(71,125,220) hsl(218,68%,57%)
#316ed8 rgb(49,110,216) hsl(218,68%,52%)
#2662c9 rgb(38,98,201) hsl(218,68%,47%)
#2258b4 rgb(34,88,180) hsl(218,68%,42%)
#1e4d9f rgb(30,77,159) hsl(218,68%,37%)
#1a4389 rgb(26,67,137) hsl(218,68%,32%)
#163874 rgb(22,56,116) hsl(218,68%,27%)
#122e5e rgb(18,46,94) hsl(218,68%,22%)
#0e2349 rgb(14,35,73) hsl(218,68%,17%)
#0a1933 rgb(10,25,51) hsl(218,68%,12%)
#060f1e rgb(6,15,30) hsl(218,68%,7%)
#020409 rgb(2,4,9) hsl(218,68%,2%)

Adjacent colors

HEX RGB HSL
#31D9D2 rgb(49,217,210) hsl(178,69%,52%)
#316ED8 rgb(49,110,216) hsl(218,68%,52%)
#6330D8 rgb(99,48,216) hsl(258,68%,52%)

Monochromatic colors

HEX RGB HSL
#78A1E5 rgb(120,161,229) hsl(217,68%,68%)
#5487DE rgb(84,135,222) hsl(218,68%,60%)
#316ED8 rgb(49,110,216) hsl(218,68%,52%)
#235CBB rgb(35,92,187) hsl(218,68%,44%)
#1C4A97 rgb(28,74,151) hsl(218,69%,35%)
#153873 rgb(21,56,115) hsl(218,69%,27%)

Triad color palettes

HEX RGB HSL
#316ED8 rgb(49,110,216) hsl(218,68%,52%)
#D84731 rgb(216,71,49) hsl(8,68%,52%)
#C1D931 rgb(193,217,49) hsl(69,69%,52%)

Tetrad color palettes

HEX RGB HSL
#316ED8 rgb(49,110,216) hsl(218,68%,52%)
#D89C31 rgb(216,156,49) hsl(38,68%,52%)
#31C2D8 rgb(49,194,216) hsl(188,68%,52%)
#C1D931 rgb(193,217,49) hsl(69,69%,52%)