HEX #316EC4 color — Mariner
The color #316EC4 is a dark shade and moderately saturated.
Palette
316EC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,60%,98%) |
#e2ebf8 |
rgb(226,235,248) |
hsl(215,60%,93%) |
#ceddf3 |
rgb(206,221,243) |
hsl(215,60%,88%) |
#bacfee |
rgb(186,207,238) |
hsl(215,60%,83%) |
#a5c1e9 |
rgb(165,193,233) |
hsl(215,60%,78%) |
#91b3e3 |
rgb(145,179,227) |
hsl(215,60%,73%) |
#7ca5de |
rgb(124,165,222) |
hsl(215,60%,68%) |
#6897d9 |
rgb(104,151,217) |
hsl(215,60%,63%) |
#5489d4 |
rgb(84,137,212) |
hsl(215,60%,58%) |
#3f7bcf |
rgb(63,123,207) |
hsl(215,60%,53%) |
#316ec4 |
rgb(49,110,196) |
hsl(215,60%,48%) |
#2c63af |
rgb(44,99,175) |
hsl(215,60%,43%) |
#27579b |
rgb(39,87,155) |
hsl(215,60%,38%) |
#224c87 |
rgb(34,76,135) |
hsl(215,60%,33%) |
#1d4072 |
rgb(29,64,114) |
hsl(215,60%,28%) |
#17355e |
rgb(23,53,94) |
hsl(215,60%,23%) |
#122949 |
rgb(18,41,73) |
hsl(215,60%,18%) |
#0d1e35 |
rgb(13,30,53) |
hsl(215,60%,13%) |
#081221 |
rgb(8,18,33) |
hsl(215,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(215,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C4B8 |
rgb(49,196,184) |
hsl(175,60%,48%) |
#316EC4 |
rgb(49,110,196) |
hsl(215,60%,48%) |
#5630C4 |
rgb(86,48,196) |
hsl(255,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6999D9 |
rgb(105,153,217) |
hsl(214,60%,63%) |
#4A82D1 |
rgb(74,130,209) |
hsl(215,59%,55%) |
#316EC4 |
rgb(49,110,196) |
hsl(215,60%,48%) |
#295CA4 |
rgb(41,92,164) |
hsl(215,60%,40%) |
#214A85 |
rgb(33,74,133) |
hsl(215,60%,33%) |
#193865 |
rgb(25,56,101) |
hsl(216,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#316EC4 |
rgb(49,110,196) |
hsl(215,60%,48%) |
#C43D31 |
rgb(196,61,49) |
hsl(5,60%,48%) |
#B7C431 |
rgb(183,196,49) |
hsl(65,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316EC4 |
rgb(49,110,196) |
hsl(215,60%,48%) |
#C48731 |
rgb(196,135,49) |
hsl(35,60%,48%) |
#31B8C4 |
rgb(49,184,196) |
hsl(185,60%,48%) |
#B7C431 |
rgb(183,196,49) |
hsl(65,60%,48%) |