HEX #316ED0 color — Mariner
The color #316ED0 is a dark shade and moderately saturated.
Palette
316ED0 color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fa |
rgb(234,240,250) |
hsl(217,63%,95%) |
#d5e2f6 |
rgb(213,226,246) |
hsl(217,63%,90%) |
#c1d3f1 |
rgb(193,211,241) |
hsl(217,63%,85%) |
#acc5ec |
rgb(172,197,236) |
hsl(217,63%,80%) |
#97b6e7 |
rgb(151,182,231) |
hsl(217,63%,75%) |
#82a7e3 |
rgb(130,167,227) |
hsl(217,63%,70%) |
#6e99de |
rgb(110,153,222) |
hsl(217,63%,65%) |
#598ad9 |
rgb(89,138,217) |
hsl(217,63%,60%) |
#447bd5 |
rgb(68,123,213) |
hsl(217,63%,55%) |
#2f6dd0 |
rgb(47,109,208) |
hsl(217,63%,50%) |
#2a62bb |
rgb(42,98,187) |
hsl(217,63%,45%) |
#2657a6 |
rgb(38,87,166) |
hsl(217,63%,40%) |
#214c91 |
rgb(33,76,145) |
hsl(217,63%,35%) |
#1c417d |
rgb(28,65,125) |
hsl(217,63%,30%) |
#183668 |
rgb(24,54,104) |
hsl(217,63%,25%) |
#132c53 |
rgb(19,44,83) |
hsl(217,63%,20%) |
#0e213e |
rgb(14,33,62) |
hsl(217,63%,15%) |
#09162a |
rgb(9,22,42) |
hsl(217,63%,10%) |
#050b15 |
rgb(5,11,21) |
hsl(217,63%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1C8 |
rgb(49,209,200) |
hsl(177,63%,51%) |
#316ED0 |
rgb(49,110,208) |
hsl(217,63%,50%) |
#5E30D0 |
rgb(94,48,208) |
hsl(257,63%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#739EDF |
rgb(115,158,223) |
hsl(216,63%,66%) |
#5285D7 |
rgb(82,133,215) |
hsl(217,62%,58%) |
#316ED0 |
rgb(49,110,208) |
hsl(217,63%,50%) |
#285CAF |
rgb(40,92,175) |
hsl(217,63%,42%) |
#204A8E |
rgb(32,74,142) |
hsl(217,63%,34%) |
#18386C |
rgb(24,56,108) |
hsl(217,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#316ED0 |
rgb(49,110,208) |
hsl(217,63%,50%) |
#D04231 |
rgb(208,66,49) |
hsl(6,63%,50%) |
#BDD131 |
rgb(189,209,49) |
hsl(68,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316ED0 |
rgb(49,110,208) |
hsl(217,63%,50%) |
#D09431 |
rgb(208,148,49) |
hsl(37,63%,50%) |
#31BDD0 |
rgb(49,189,208) |
hsl(187,63%,50%) |
#BDD131 |
rgb(189,209,49) |
hsl(68,63%,51%) |