HEX #316CD3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

316cd3 color palette from light to dark

HEX RGB HSL
#eef3fb rgb(238,243,251) hsl(218,65%,96%)
#d9e4f7 rgb(217,228,247) hsl(218,65%,91%)
#c4d5f3 rgb(196,213,243) hsl(218,65%,86%)
#afc6ee rgb(175,198,238) hsl(218,65%,81%)
#9ab7ea rgb(154,183,234) hsl(218,65%,76%)
#85a8e5 rgb(133,168,229) hsl(218,65%,71%)
#7099e1 rgb(112,153,225) hsl(218,65%,66%)
#5b8adc rgb(91,138,220) hsl(218,65%,61%)
#467bd8 rgb(70,123,216) hsl(218,65%,56%)
#316cd3 rgb(49,108,211) hsl(218,65%,51%)
#2961c2 rgb(41,97,194) hsl(218,65%,46%)
#2556ad rgb(37,86,173) hsl(218,65%,41%)
#204c97 rgb(32,76,151) hsl(218,65%,36%)
#1c4182 rgb(28,65,130) hsl(218,65%,31%)
#17376d rgb(23,55,109) hsl(218,65%,26%)
#132c58 rgb(19,44,88) hsl(218,65%,21%)
#0e2243 rgb(14,34,67) hsl(218,65%,16%)
#0a172e rgb(10,23,46) hsl(218,65%,11%)
#050d19 rgb(5,13,25) hsl(218,65%,6%)
#010204 rgb(1,2,4) hsl(218,65%,1%)

Adjacent colors

HEX RGB HSL
#31D4CE rgb(49,212,206) hsl(178,65%,51%)
#316CD3 rgb(49,108,211) hsl(218,65%,51%)
#6230D3 rgb(98,48,211) hsl(258,65%,51%)

Monochromatic colors

HEX RGB HSL
#759EE1 rgb(117,158,225) hsl(217,64%,67%)
#5385DA rgb(83,133,218) hsl(218,65%,59%)
#316CD3 rgb(49,108,211) hsl(218,65%,51%)
#2659B3 rgb(38,89,179) hsl(218,65%,43%)
#1F4A91 rgb(31,74,145) hsl(217,65%,35%)
#17386F rgb(23,56,111) hsl(218,66%,26%)

Triad color palettes

HEX RGB HSL
#316CD3 rgb(49,108,211) hsl(218,65%,51%)
#D34731 rgb(211,71,49) hsl(8,65%,51%)
#BDD431 rgb(189,212,49) hsl(68,65%,51%)

Tetrad color palettes

HEX RGB HSL
#316CD3 rgb(49,108,211) hsl(218,65%,51%)
#D39931 rgb(211,153,49) hsl(39,65%,51%)
#31BDD3 rgb(49,189,211) hsl(188,65%,51%)
#BDD431 rgb(189,212,49) hsl(68,65%,51%)