HEX #3178C1 color — Mariner
The color #3178C1 is a dark shade and moderately saturated.
Palette
3178C1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,60%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,60%,92%) |
#cadef2 |
rgb(202,222,242) |
hsl(210,60%,87%) |
#b6d1ed |
rgb(182,209,237) |
hsl(210,60%,82%) |
#a1c4e8 |
rgb(161,196,232) |
hsl(210,60%,77%) |
#8db8e2 |
rgb(141,184,226) |
hsl(210,60%,72%) |
#78abdd |
rgb(120,171,221) |
hsl(210,60%,67%) |
#649ed8 |
rgb(100,158,216) |
hsl(210,60%,62%) |
#5091d3 |
rgb(80,145,211) |
hsl(210,60%,57%) |
#3b85ce |
rgb(59,133,206) |
hsl(210,60%,52%) |
#3078c0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#2b6bab |
rgb(43,107,171) |
hsl(210,60%,42%) |
#265e97 |
rgb(38,94,151) |
hsl(210,60%,37%) |
#215283 |
rgb(33,82,131) |
hsl(210,60%,32%) |
#1c456e |
rgb(28,69,110) |
hsl(210,60%,27%) |
#16385a |
rgb(22,56,90) |
hsl(210,60%,22%) |
#112b45 |
rgb(17,43,69) |
hsl(210,60%,17%) |
#0c1f31 |
rgb(12,31,49) |
hsl(210,60%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C2AA |
rgb(49,194,170) |
hsl(170,60%,48%) |
#3178C1 |
rgb(49,120,193) |
hsl(210,60%,47%) |
#4A30C1 |
rgb(74,48,193) |
hsl(251,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#679ED8 |
rgb(103,158,216) |
hsl(211,59%,63%) |
#488CD0 |
rgb(72,140,208) |
hsl(210,59%,55%) |
#3178C1 |
rgb(49,120,193) |
hsl(210,60%,47%) |
#2966A2 |
rgb(41,102,162) |
hsl(210,60%,40%) |
#215283 |
rgb(33,82,131) |
hsl(210,60%,32%) |
#193D64 |
rgb(25,61,100) |
hsl(211,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3178C1 |
rgb(49,120,193) |
hsl(210,60%,47%) |
#C13331 |
rgb(193,51,49) |
hsl(1,60%,47%) |
#C0C231 |
rgb(192,194,49) |
hsl(61,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3178C1 |
rgb(49,120,193) |
hsl(210,60%,47%) |
#C17A31 |
rgb(193,122,49) |
hsl(30,60%,47%) |
#31BFC1 |
rgb(49,191,193) |
hsl(181,60%,47%) |
#C0C231 |
rgb(192,194,49) |
hsl(61,60%,48%) |