HEX #3187C6 color — Mariner
The color #3187C6 is a dark shade and moderately saturated.
Palette
3187C6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,60%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(205,60%,93%) |
#cee3f3 |
rgb(206,227,243) |
hsl(205,60%,88%) |
#bad8ee |
rgb(186,216,238) |
hsl(205,60%,83%) |
#a5cde9 |
rgb(165,205,233) |
hsl(205,60%,78%) |
#91c1e3 |
rgb(145,193,227) |
hsl(205,60%,73%) |
#7cb6de |
rgb(124,182,222) |
hsl(205,60%,68%) |
#68aad9 |
rgb(104,170,217) |
hsl(205,60%,63%) |
#549fd4 |
rgb(84,159,212) |
hsl(205,60%,58%) |
#3f93cf |
rgb(63,147,207) |
hsl(205,60%,53%) |
#3187c4 |
rgb(49,135,196) |
hsl(205,60%,48%) |
#2c79af |
rgb(44,121,175) |
hsl(205,60%,43%) |
#276b9b |
rgb(39,107,155) |
hsl(205,60%,38%) |
#225d87 |
rgb(34,93,135) |
hsl(205,60%,33%) |
#1d4f72 |
rgb(29,79,114) |
hsl(205,60%,28%) |
#17415e |
rgb(23,65,94) |
hsl(205,60%,23%) |
#123249 |
rgb(18,50,73) |
hsl(205,60%,18%) |
#0d2435 |
rgb(13,36,53) |
hsl(205,60%,13%) |
#081621 |
rgb(8,22,33) |
hsl(205,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(205,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C7A1 |
rgb(49,199,161) |
hsl(165,60%,49%) |
#3187C6 |
rgb(49,135,198) |
hsl(205,60%,48%) |
#3E30C6 |
rgb(62,48,198) |
hsl(246,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BABDA |
rgb(107,171,218) |
hsl(205,60%,64%) |
#4B99D2 |
rgb(75,153,210) |
hsl(205,60%,56%) |
#3187C6 |
rgb(49,135,198) |
hsl(205,60%,48%) |
#2970A6 |
rgb(41,112,166) |
hsl(206,60%,41%) |
#215C86 |
rgb(33,92,134) |
hsl(205,60%,33%) |
#194766 |
rgb(25,71,102) |
hsl(204,61%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3187C6 |
rgb(49,135,198) |
hsl(205,60%,48%) |
#C6303C |
rgb(198,48,60) |
hsl(355,61%,48%) |
#C6BA31 |
rgb(198,186,49) |
hsl(55,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3187C6 |
rgb(49,135,198) |
hsl(205,60%,48%) |
#C67031 |
rgb(198,112,49) |
hsl(25,60%,48%) |
#31C7BA |
rgb(49,199,186) |
hsl(175,60%,49%) |
#C6BA31 |
rgb(198,186,49) |
hsl(55,60%,48%) |