HEX #3173C4 color — Mariner
The color #3173C4 is a dark shade and moderately saturated.
Palette
3173C4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,60%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(213,60%,93%) |
#cedff3 |
rgb(206,223,243) |
hsl(213,60%,88%) |
#bad1ee |
rgb(186,209,238) |
hsl(213,60%,83%) |
#a5c4e9 |
rgb(165,196,233) |
hsl(213,60%,78%) |
#91b6e3 |
rgb(145,182,227) |
hsl(213,60%,73%) |
#7ca9de |
rgb(124,169,222) |
hsl(213,60%,68%) |
#689bd9 |
rgb(104,155,217) |
hsl(213,60%,63%) |
#548dd4 |
rgb(84,141,212) |
hsl(213,60%,58%) |
#3f80cf |
rgb(63,128,207) |
hsl(213,60%,53%) |
#3173c4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#2c67af |
rgb(44,103,175) |
hsl(213,60%,43%) |
#275b9b |
rgb(39,91,155) |
hsl(213,60%,38%) |
#224f87 |
rgb(34,79,135) |
hsl(213,60%,33%) |
#1d4372 |
rgb(29,67,114) |
hsl(213,60%,28%) |
#17375e |
rgb(23,55,94) |
hsl(213,60%,23%) |
#122b49 |
rgb(18,43,73) |
hsl(213,60%,18%) |
#0d1f35 |
rgb(13,31,53) |
hsl(213,60%,13%) |
#081321 |
rgb(8,19,33) |
hsl(213,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C4B3 |
rgb(49,196,179) |
hsl(173,60%,48%) |
#3173C4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#5130C4 |
rgb(81,48,196) |
hsl(253,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#699CD9 |
rgb(105,156,217) |
hsl(213,60%,63%) |
#4A87D1 |
rgb(74,135,209) |
hsl(213,59%,55%) |
#3173C4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#2961A4 |
rgb(41,97,164) |
hsl(213,60%,40%) |
#214F85 |
rgb(33,79,133) |
hsl(212,60%,33%) |
#193B65 |
rgb(25,59,101) |
hsl(213,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3173C4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#C43831 |
rgb(196,56,49) |
hsl(3,60%,48%) |
#BCC431 |
rgb(188,196,49) |
hsl(63,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3173C4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#C48231 |
rgb(196,130,49) |
hsl(33,60%,48%) |
#31BDC4 |
rgb(49,189,196) |
hsl(183,60%,48%) |
#BCC431 |
rgb(188,196,49) |
hsl(63,60%,48%) |