HEX #316CD8 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

316cd8 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(219,68%,97%)
#dde6f8 rgb(221,230,248) hsl(219,68%,92%)
#c7d7f4 rgb(199,215,244) hsl(219,68%,87%)
#b2c8f0 rgb(178,200,240) hsl(219,68%,82%)
#9cb8ec rgb(156,184,236) hsl(219,68%,77%)
#87a9e8 rgb(135,169,232) hsl(219,68%,72%)
#729ae4 rgb(114,154,228) hsl(219,68%,67%)
#5c8ae0 rgb(92,138,224) hsl(219,68%,62%)
#477bdc rgb(71,123,220) hsl(219,68%,57%)
#316cd8 rgb(49,108,216) hsl(219,68%,52%)
#265fc9 rgb(38,95,201) hsl(219,68%,47%)
#2255b4 rgb(34,85,180) hsl(219,68%,42%)
#1e4b9f rgb(30,75,159) hsl(219,68%,37%)
#1a4189 rgb(26,65,137) hsl(219,68%,32%)
#163774 rgb(22,55,116) hsl(219,68%,27%)
#122d5e rgb(18,45,94) hsl(219,68%,22%)
#0e2349 rgb(14,35,73) hsl(219,68%,17%)
#0a1833 rgb(10,24,51) hsl(219,68%,12%)
#060e1e rgb(6,14,30) hsl(219,68%,7%)
#020409 rgb(2,4,9) hsl(219,68%,2%)

Adjacent colors

HEX RGB HSL
#31D9D4 rgb(49,217,212) hsl(178,69%,52%)
#316CD8 rgb(49,108,216) hsl(219,68%,52%)
#6530D8 rgb(101,48,216) hsl(259,68%,52%)

Monochromatic colors

HEX RGB HSL
#789EE5 rgb(120,158,229) hsl(219,68%,68%)
#5485DE rgb(84,133,222) hsl(219,68%,60%)
#316CD8 rgb(49,108,216) hsl(219,68%,52%)
#2359BB rgb(35,89,187) hsl(219,68%,44%)
#1C4797 rgb(28,71,151) hsl(219,69%,35%)
#153873 rgb(21,56,115) hsl(218,69%,27%)

Triad color palettes

HEX RGB HSL
#316CD8 rgb(49,108,216) hsl(219,68%,52%)
#D84A31 rgb(216,74,49) hsl(9,68%,52%)
#BFD931 rgb(191,217,49) hsl(69,69%,52%)

Tetrad color palettes

HEX RGB HSL
#316CD8 rgb(49,108,216) hsl(219,68%,52%)
#D89E31 rgb(216,158,49) hsl(39,68%,52%)
#31BFD8 rgb(49,191,216) hsl(189,68%,52%)
#BFD931 rgb(191,217,49) hsl(69,69%,52%)