HEX #316ED1 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

316ED1 color palette from light to dark

HEX RGB HSL
#eef3fb rgb(238,243,251) hsl(217,63%,96%)
#dae5f7 rgb(218,229,247) hsl(217,63%,91%)
#c5d6f2 rgb(197,214,242) hsl(217,63%,86%)
#b0c7ed rgb(176,199,237) hsl(217,63%,81%)
#9bb9e8 rgb(155,185,232) hsl(217,63%,76%)
#86aae4 rgb(134,170,228) hsl(217,63%,71%)
#729cdf rgb(114,156,223) hsl(217,63%,66%)
#5d8dda rgb(93,141,218) hsl(217,63%,61%)
#487ed5 rgb(72,126,213) hsl(217,63%,56%)
#3370d1 rgb(51,112,209) hsl(217,63%,51%)
#2b64bf rgb(43,100,191) hsl(217,63%,46%)
#2759aa rgb(39,89,170) hsl(217,63%,41%)
#224e96 rgb(34,78,150) hsl(217,63%,36%)
#1d4381 rgb(29,67,129) hsl(217,63%,31%)
#19396c rgb(25,57,108) hsl(217,63%,26%)
#142e57 rgb(20,46,87) hsl(217,63%,21%)
#0f2343 rgb(15,35,67) hsl(217,63%,16%)
#0a182e rgb(10,24,46) hsl(217,63%,11%)
#060d19 rgb(6,13,25) hsl(217,63%,6%)
#010204 rgb(1,2,4) hsl(217,63%,1%)

Adjacent colors

HEX RGB HSL
#31D1C9 rgb(49,209,201) hsl(177,63%,51%)
#316ED1 rgb(49,110,209) hsl(217,63%,51%)
#5E30D1 rgb(94,48,209) hsl(257,64%,50%)

Monochromatic colors

HEX RGB HSL
#749EE0 rgb(116,158,224) hsl(217,64%,67%)
#5285D8 rgb(82,133,216) hsl(217,63%,58%)
#316ED1 rgb(49,110,209) hsl(217,63%,51%)
#275CB1 rgb(39,92,177) hsl(217,64%,42%)
#204A8F rgb(32,74,143) hsl(217,63%,34%)
#18386D rgb(24,56,109) hsl(217,64%,26%)

Triad color palettes

HEX RGB HSL
#316ED1 rgb(49,110,209) hsl(217,63%,51%)
#D14531 rgb(209,69,49) hsl(8,63%,51%)
#BED131 rgb(190,209,49) hsl(67,63%,51%)

Tetrad color palettes

HEX RGB HSL
#316ED1 rgb(49,110,209) hsl(217,63%,51%)
#D19431 rgb(209,148,49) hsl(37,63%,51%)
#31BFD1 rgb(49,191,209) hsl(187,63%,51%)
#BED131 rgb(190,209,49) hsl(67,63%,51%)