HEX #316ED4 color — Mariner
The color #316ED4 is a dark shade and moderately saturated.
Palette
316ED4 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 |
#31D4CD |
rgb(49,212,205) |
hsl(177,65%,51%) |
#316ED4 |
rgb(49,110,212) |
hsl(218,65%,51%) |
#6030D4 |
rgb(96,48,212) |
hsl(258,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769EE2 |
rgb(118,158,226) |
hsl(218,65%,67%) |
#5387DB |
rgb(83,135,219) |
hsl(217,65%,59%) |
#316ED4 |
rgb(49,110,212) |
hsl(218,65%,51%) |
#255CB5 |
rgb(37,92,181) |
hsl(217,66%,43%) |
#1E4A92 |
rgb(30,74,146) |
hsl(217,66%,35%) |
#173870 |
rgb(23,56,112) |
hsl(218,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#316ED4 |
rgb(49,110,212) |
hsl(218,65%,51%) |
#D44531 |
rgb(212,69,49) |
hsl(7,65%,51%) |
#BFD431 |
rgb(191,212,49) |
hsl(68,65%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316ED4 |
rgb(49,110,212) |
hsl(218,65%,51%) |
#D49631 |
rgb(212,150,49) |
hsl(37,65%,51%) |
#31BFD4 |
rgb(49,191,212) |
hsl(188,65%,51%) |
#BFD431 |
rgb(191,212,49) |
hsl(68,65%,51%) |