HEX #3178C4 color — Mariner
The color #3178c4 is a dark shade and moderately saturated.
Palette
3178c4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(211,60%,98%) |
#e2edf8 |
rgb(226,237,248) |
hsl(211,60%,93%) |
#cee0f3 |
rgb(206,224,243) |
hsl(211,60%,88%) |
#bad3ee |
rgb(186,211,238) |
hsl(211,60%,83%) |
#a5c6e9 |
rgb(165,198,233) |
hsl(211,60%,78%) |
#91b9e3 |
rgb(145,185,227) |
hsl(211,60%,73%) |
#7cacde |
rgb(124,172,222) |
hsl(211,60%,68%) |
#689fd9 |
rgb(104,159,217) |
hsl(211,60%,63%) |
#5492d4 |
rgb(84,146,212) |
hsl(211,60%,58%) |
#3f85cf |
rgb(63,133,207) |
hsl(211,60%,53%) |
#3178c4 |
rgb(49,120,196) |
hsl(211,60%,48%) |
#2c6baf |
rgb(44,107,175) |
hsl(211,60%,43%) |
#275f9b |
rgb(39,95,155) |
hsl(211,60%,38%) |
#225287 |
rgb(34,82,135) |
hsl(211,60%,33%) |
#1d4672 |
rgb(29,70,114) |
hsl(211,60%,28%) |
#17395e |
rgb(23,57,94) |
hsl(211,60%,23%) |
#122d49 |
rgb(18,45,73) |
hsl(211,60%,18%) |
#0d2035 |
rgb(13,32,53) |
hsl(211,60%,13%) |
#081421 |
rgb(8,20,33) |
hsl(211,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(211,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C4AE |
rgb(49,196,174) |
hsl(171,60%,48%) |
#3178C4 |
rgb(49,120,196) |
hsl(211,60%,48%) |
#4C30C4 |
rgb(76,48,196) |
hsl(251,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A1D9 |
rgb(105,161,217) |
hsl(210,60%,63%) |
#4A8CD1 |
rgb(74,140,209) |
hsl(211,59%,55%) |
#3178C4 |
rgb(49,120,196) |
hsl(211,60%,48%) |
#2966A4 |
rgb(41,102,164) |
hsl(210,60%,40%) |
#215285 |
rgb(33,82,133) |
hsl(211,60%,33%) |
#193D65 |
rgb(25,61,101) |
hsl(212,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3178C4 |
rgb(49,120,196) |
hsl(211,60%,48%) |
#C43331 |
rgb(196,51,49) |
hsl(1,60%,48%) |
#C1C431 |
rgb(193,196,49) |
hsl(61,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3178C4 |
rgb(49,120,196) |
hsl(211,60%,48%) |
#C47D31 |
rgb(196,125,49) |
hsl(31,60%,48%) |
#31C2C4 |
rgb(49,194,196) |
hsl(181,60%,48%) |
#C1C431 |
rgb(193,196,49) |
hsl(61,60%,48%) |