HEX #316ED6 color — Mariner
The color #316ED6 is a dark shade and moderately saturated.
Palette
316ED6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(218,67%,97%) |
#dde7f8 |
rgb(221,231,248) |
hsl(218,67%,92%) |
#c8d8f4 |
rgb(200,216,244) |
hsl(218,67%,87%) |
#b2c9f0 |
rgb(178,201,240) |
hsl(218,67%,82%) |
#9dbaec |
rgb(157,186,236) |
hsl(218,67%,77%) |
#88abe7 |
rgb(136,171,231) |
hsl(218,67%,72%) |
#729ce3 |
rgb(114,156,227) |
hsl(218,67%,67%) |
#5d8ddf |
rgb(93,141,223) |
hsl(218,67%,62%) |
#487edb |
rgb(72,126,219) |
hsl(218,67%,57%) |
#336fd7 |
rgb(51,111,215) |
hsl(218,67%,52%) |
#2862c8 |
rgb(40,98,200) |
hsl(218,67%,47%) |
#2358b3 |
rgb(35,88,179) |
hsl(218,67%,42%) |
#1f4d9e |
rgb(31,77,158) |
hsl(218,67%,37%) |
#1b4388 |
rgb(27,67,136) |
hsl(218,67%,32%) |
#173973 |
rgb(23,57,115) |
hsl(218,67%,27%) |
#132e5e |
rgb(19,46,94) |
hsl(218,67%,22%) |
#0e2448 |
rgb(14,36,72) |
hsl(218,67%,17%) |
#0a1933 |
rgb(10,25,51) |
hsl(218,67%,12%) |
#060f1e |
rgb(6,15,30) |
hsl(218,67%,7%) |
#020409 |
rgb(2,4,9) |
hsl(218,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6D0 |
rgb(49,214,208) |
hsl(178,67%,52%) |
#316ED6 |
rgb(49,110,214) |
hsl(218,67%,52%) |
#6230D6 |
rgb(98,48,214) |
hsl(258,67%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A1E3 |
rgb(119,161,227) |
hsl(217,66%,68%) |
#5487DC |
rgb(84,135,220) |
hsl(218,66%,60%) |
#316ED6 |
rgb(49,110,214) |
hsl(218,67%,52%) |
#245CB8 |
rgb(36,92,184) |
hsl(217,67%,43%) |
#1D4A95 |
rgb(29,74,149) |
hsl(218,67%,35%) |
#163872 |
rgb(22,56,114) |
hsl(218,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#316ED6 |
rgb(49,110,214) |
hsl(218,67%,52%) |
#D64731 |
rgb(214,71,49) |
hsl(8,67%,52%) |
#C0D631 |
rgb(192,214,49) |
hsl(68,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316ED6 |
rgb(49,110,214) |
hsl(218,67%,52%) |
#D69931 |
rgb(214,153,49) |
hsl(38,67%,52%) |
#31BFD6 |
rgb(49,191,214) |
hsl(188,67%,52%) |
#C0D631 |
rgb(192,214,49) |
hsl(68,67%,52%) |