HEX #3185C6 color — Mariner
The color #3185C6 is a dark shade and moderately saturated.
Palette
3185C6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,60%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(206,60%,93%) |
#cee3f3 |
rgb(206,227,243) |
hsl(206,60%,88%) |
#bad7ee |
rgb(186,215,238) |
hsl(206,60%,83%) |
#a5cbe9 |
rgb(165,203,233) |
hsl(206,60%,78%) |
#91c0e3 |
rgb(145,192,227) |
hsl(206,60%,73%) |
#7cb4de |
rgb(124,180,222) |
hsl(206,60%,68%) |
#68a8d9 |
rgb(104,168,217) |
hsl(206,60%,63%) |
#549cd4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#3f91cf |
rgb(63,145,207) |
hsl(206,60%,53%) |
#3184c4 |
rgb(49,132,196) |
hsl(206,60%,48%) |
#2c76af |
rgb(44,118,175) |
hsl(206,60%,43%) |
#27699b |
rgb(39,105,155) |
hsl(206,60%,38%) |
#225b87 |
rgb(34,91,135) |
hsl(206,60%,33%) |
#1d4d72 |
rgb(29,77,114) |
hsl(206,60%,28%) |
#173f5e |
rgb(23,63,94) |
hsl(206,60%,23%) |
#123249 |
rgb(18,50,73) |
hsl(206,60%,18%) |
#0d2435 |
rgb(13,36,53) |
hsl(206,60%,13%) |
#081621 |
rgb(8,22,33) |
hsl(206,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C7A3 |
rgb(49,199,163) |
hsl(166,60%,49%) |
#3185C6 |
rgb(49,133,198) |
hsl(206,60%,48%) |
#4030C6 |
rgb(64,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%) |
#3185C6 |
rgb(49,133,198) |
hsl(206,60%,48%) |
#2970A6 |
rgb(41,112,166) |
hsl(206,60%,41%) |
#215986 |
rgb(33,89,134) |
hsl(207,60%,33%) |
#194566 |
rgb(25,69,102) |
hsl(206,61%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3185C6 |
rgb(49,133,198) |
hsl(206,60%,48%) |
#C6303A |
rgb(198,48,58) |
hsl(356,61%,48%) |
#C6BD31 |
rgb(198,189,49) |
hsl(56,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3185C6 |
rgb(49,133,198) |
hsl(206,60%,48%) |
#C67331 |
rgb(198,115,49) |
hsl(27,60%,48%) |
#31C7BC |
rgb(49,199,188) |
hsl(176,60%,49%) |
#C6BD31 |
rgb(198,189,49) |
hsl(56,60%,48%) |