HEX #316ED2 color — Mariner
The color #316ED2 is a dark shade and moderately saturated.
Palette
316ED2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(217,64%,96%) |
#d9e5f7 |
rgb(217,229,247) |
hsl(217,64%,91%) |
#c4d6f2 |
rgb(196,214,242) |
hsl(217,64%,86%) |
#b0c7ee |
rgb(176,199,238) |
hsl(217,64%,81%) |
#9bb9e9 |
rgb(155,185,233) |
hsl(217,64%,76%) |
#86aae4 |
rgb(134,170,228) |
hsl(217,64%,71%) |
#719be0 |
rgb(113,155,224) |
hsl(217,64%,66%) |
#5c8ddb |
rgb(92,141,219) |
hsl(217,64%,61%) |
#477ed7 |
rgb(71,126,215) |
hsl(217,64%,56%) |
#326fd2 |
rgb(50,111,210) |
hsl(217,64%,51%) |
#2a64c0 |
rgb(42,100,192) |
hsl(217,64%,46%) |
#2659ab |
rgb(38,89,171) |
hsl(217,64%,41%) |
#214e97 |
rgb(33,78,151) |
hsl(217,64%,36%) |
#1c4382 |
rgb(28,67,130) |
hsl(217,64%,31%) |
#18386d |
rgb(24,56,109) |
hsl(217,64%,26%) |
#132e58 |
rgb(19,46,88) |
hsl(217,64%,21%) |
#0f2343 |
rgb(15,35,67) |
hsl(217,64%,16%) |
#0a182e |
rgb(10,24,46) |
hsl(217,64%,11%) |
#060d19 |
rgb(6,13,25) |
hsl(217,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1CA |
rgb(49,209,202) |
hsl(177,63%,51%) |
#316ED2 |
rgb(49,110,210) |
hsl(217,64%,51%) |
#5F30D2 |
rgb(95,48,210) |
hsl(257,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759EE0 |
rgb(117,158,224) |
hsl(217,63%,67%) |
#5387D9 |
rgb(83,135,217) |
hsl(217,64%,59%) |
#316ED2 |
rgb(49,110,210) |
hsl(217,64%,51%) |
#275CB2 |
rgb(39,92,178) |
hsl(217,64%,43%) |
#1F4A90 |
rgb(31,74,144) |
hsl(217,65%,34%) |
#18386E |
rgb(24,56,110) |
hsl(218,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#316ED2 |
rgb(49,110,210) |
hsl(217,64%,51%) |
#D24531 |
rgb(210,69,49) |
hsl(7,64%,51%) |
#BED131 |
rgb(190,209,49) |
hsl(67,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316ED2 |
rgb(49,110,210) |
hsl(217,64%,51%) |
#D29431 |
rgb(210,148,49) |
hsl(37,64%,51%) |
#31BFD2 |
rgb(49,191,210) |
hsl(187,64%,51%) |
#BED131 |
rgb(190,209,49) |
hsl(67,63%,51%) |