HEX #3185C4 color — Mariner
The color #3185C4 is a dark shade and moderately saturated.
Palette
3185C4 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 |
#31C4A1 |
rgb(49,196,161) |
hsl(166,60%,48%) |
#3185C4 |
rgb(49,133,196) |
hsl(206,60%,48%) |
#3F30C4 |
rgb(63,48,196) |
hsl(246,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69ABD9 |
rgb(105,171,217) |
hsl(205,60%,63%) |
#4A99D1 |
rgb(74,153,209) |
hsl(205,59%,55%) |
#3185C4 |
rgb(49,133,196) |
hsl(206,60%,48%) |
#2970A4 |
rgb(41,112,164) |
hsl(205,60%,40%) |
#215985 |
rgb(33,89,133) |
hsl(206,60%,33%) |
#194565 |
rgb(25,69,101) |
hsl(205,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3185C4 |
rgb(49,133,196) |
hsl(206,60%,48%) |
#C4303B |
rgb(196,48,59) |
hsl(356,61%,48%) |
#C4BA31 |
rgb(196,186,49) |
hsl(56,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3185C4 |
rgb(49,133,196) |
hsl(206,60%,48%) |
#C47031 |
rgb(196,112,49) |
hsl(26,60%,48%) |
#31C4B9 |
rgb(49,196,185) |
hsl(176,60%,48%) |
#C4BA31 |
rgb(196,186,49) |
hsl(56,60%,48%) |