HEX #316ED1 color — Mariner
The color #316ED1 is a dark shade and moderately saturated.
Palette
316ED1 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(217,63%,96%) |
#dae5f7 |
rgb(218,229,247) |
hsl(217,63%,91%) |
#c5d6f2 |
rgb(197,214,242) |
hsl(217,63%,86%) |
#b0c7ed |
rgb(176,199,237) |
hsl(217,63%,81%) |
#9bb9e8 |
rgb(155,185,232) |
hsl(217,63%,76%) |
#86aae4 |
rgb(134,170,228) |
hsl(217,63%,71%) |
#729cdf |
rgb(114,156,223) |
hsl(217,63%,66%) |
#5d8dda |
rgb(93,141,218) |
hsl(217,63%,61%) |
#487ed5 |
rgb(72,126,213) |
hsl(217,63%,56%) |
#3370d1 |
rgb(51,112,209) |
hsl(217,63%,51%) |
#2b64bf |
rgb(43,100,191) |
hsl(217,63%,46%) |
#2759aa |
rgb(39,89,170) |
hsl(217,63%,41%) |
#224e96 |
rgb(34,78,150) |
hsl(217,63%,36%) |
#1d4381 |
rgb(29,67,129) |
hsl(217,63%,31%) |
#19396c |
rgb(25,57,108) |
hsl(217,63%,26%) |
#142e57 |
rgb(20,46,87) |
hsl(217,63%,21%) |
#0f2343 |
rgb(15,35,67) |
hsl(217,63%,16%) |
#0a182e |
rgb(10,24,46) |
hsl(217,63%,11%) |
#060d19 |
rgb(6,13,25) |
hsl(217,63%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1C9 |
rgb(49,209,201) |
hsl(177,63%,51%) |
#316ED1 |
rgb(49,110,209) |
hsl(217,63%,51%) |
#5E30D1 |
rgb(94,48,209) |
hsl(257,64%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#749EE0 |
rgb(116,158,224) |
hsl(217,64%,67%) |
#5285D8 |
rgb(82,133,216) |
hsl(217,63%,58%) |
#316ED1 |
rgb(49,110,209) |
hsl(217,63%,51%) |
#275CB1 |
rgb(39,92,177) |
hsl(217,64%,42%) |
#204A8F |
rgb(32,74,143) |
hsl(217,63%,34%) |
#18386D |
rgb(24,56,109) |
hsl(217,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#316ED1 |
rgb(49,110,209) |
hsl(217,63%,51%) |
#D14531 |
rgb(209,69,49) |
hsl(8,63%,51%) |
#BED131 |
rgb(190,209,49) |
hsl(67,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316ED1 |
rgb(49,110,209) |
hsl(217,63%,51%) |
#D19431 |
rgb(209,148,49) |
hsl(37,63%,51%) |
#31BFD1 |
rgb(49,191,209) |
hsl(187,63%,51%) |
#BED131 |
rgb(190,209,49) |
hsl(67,63%,51%) |