HEX #3170C4 color — Mariner
The color #3170C4 is a dark shade and moderately saturated.
Palette
3170C4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(214,60%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(214,60%,93%) |
#cedef3 |
rgb(206,222,243) |
hsl(214,60%,88%) |
#bad0ee |
rgb(186,208,238) |
hsl(214,60%,83%) |
#a5c2e9 |
rgb(165,194,233) |
hsl(214,60%,78%) |
#91b5e3 |
rgb(145,181,227) |
hsl(214,60%,73%) |
#7ca7de |
rgb(124,167,222) |
hsl(214,60%,68%) |
#6899d9 |
rgb(104,153,217) |
hsl(214,60%,63%) |
#548bd4 |
rgb(84,139,212) |
hsl(214,60%,58%) |
#3f7ecf |
rgb(63,126,207) |
hsl(214,60%,53%) |
#3171c4 |
rgb(49,113,196) |
hsl(214,60%,48%) |
#2c65af |
rgb(44,101,175) |
hsl(214,60%,43%) |
#27599b |
rgb(39,89,155) |
hsl(214,60%,38%) |
#224d87 |
rgb(34,77,135) |
hsl(214,60%,33%) |
#1d4272 |
rgb(29,66,114) |
hsl(214,60%,28%) |
#17365e |
rgb(23,54,94) |
hsl(214,60%,23%) |
#122a49 |
rgb(18,42,73) |
hsl(214,60%,18%) |
#0d1e35 |
rgb(13,30,53) |
hsl(214,60%,13%) |
#081321 |
rgb(8,19,33) |
hsl(214,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C4B6 |
rgb(49,196,182) |
hsl(174,60%,48%) |
#3170C4 |
rgb(49,112,196) |
hsl(214,60%,48%) |
#5430C4 |
rgb(84,48,196) |
hsl(255,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6999D9 |
rgb(105,153,217) |
hsl(214,60%,63%) |
#4A85D1 |
rgb(74,133,209) |
hsl(214,59%,55%) |
#3170C4 |
rgb(49,112,196) |
hsl(214,60%,48%) |
#295EA4 |
rgb(41,94,164) |
hsl(214,60%,40%) |
#214D85 |
rgb(33,77,133) |
hsl(214,60%,33%) |
#193B65 |
rgb(25,59,101) |
hsl(213,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170C4 |
rgb(49,112,196) |
hsl(214,60%,48%) |
#C43B31 |
rgb(196,59,49) |
hsl(4,60%,48%) |
#B9C431 |
rgb(185,196,49) |
hsl(64,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170C4 |
rgb(49,112,196) |
hsl(214,60%,48%) |
#C48531 |
rgb(196,133,49) |
hsl(34,60%,48%) |
#31BAC4 |
rgb(49,186,196) |
hsl(184,60%,48%) |
#B9C431 |
rgb(185,196,49) |
hsl(64,60%,48%) |