HEX #316AD3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

316ad3 color palette from light to dark

HEX RGB HSL
#eef3fb rgb(238,243,251) hsl(219,65%,96%)
#d9e4f7 rgb(217,228,247) hsl(219,65%,91%)
#c4d4f3 rgb(196,212,243) hsl(219,65%,86%)
#afc5ee rgb(175,197,238) hsl(219,65%,81%)
#9ab6ea rgb(154,182,234) hsl(219,65%,76%)
#85a7e5 rgb(133,167,229) hsl(219,65%,71%)
#7097e1 rgb(112,151,225) hsl(219,65%,66%)
#5b88dc rgb(91,136,220) hsl(219,65%,61%)
#4679d8 rgb(70,121,216) hsl(219,65%,56%)
#316ad3 rgb(49,106,211) hsl(219,65%,51%)
#295ec2 rgb(41,94,194) hsl(219,65%,46%)
#2554ad rgb(37,84,173) hsl(219,65%,41%)
#204a97 rgb(32,74,151) hsl(219,65%,36%)
#1c4082 rgb(28,64,130) hsl(219,65%,31%)
#17356d rgb(23,53,109) hsl(219,65%,26%)
#132b58 rgb(19,43,88) hsl(219,65%,21%)
#0e2143 rgb(14,33,67) hsl(219,65%,16%)
#0a172e rgb(10,23,46) hsl(219,65%,11%)
#050c19 rgb(5,12,25) hsl(219,65%,6%)
#010204 rgb(1,2,4) hsl(219,65%,1%)

Adjacent colors

HEX RGB HSL
#31D4D0 rgb(49,212,208) hsl(179,65%,51%)
#316AD3 rgb(49,106,211) hsl(219,65%,51%)
#6430D3 rgb(100,48,211) hsl(259,65%,51%)

Monochromatic colors

HEX RGB HSL
#759CE1 rgb(117,156,225) hsl(218,64%,67%)
#5382DA rgb(83,130,218) hsl(219,65%,59%)
#316AD3 rgb(49,106,211) hsl(219,65%,51%)
#2659B3 rgb(38,89,179) hsl(218,65%,43%)
#1F4791 rgb(31,71,145) hsl(219,65%,35%)
#17366F rgb(23,54,111) hsl(219,66%,26%)

Triad color palettes

HEX RGB HSL
#316AD3 rgb(49,106,211) hsl(219,65%,51%)
#D34A31 rgb(211,74,49) hsl(9,65%,51%)
#BBD431 rgb(187,212,49) hsl(69,65%,51%)

Tetrad color palettes

HEX RGB HSL
#316AD3 rgb(49,106,211) hsl(219,65%,51%)
#D39931 rgb(211,153,49) hsl(39,65%,51%)
#31BAD3 rgb(49,186,211) hsl(189,65%,51%)
#BBD431 rgb(187,212,49) hsl(69,65%,51%)