HEX #3182C6 color — Mariner
The color #3182C6 is a dark shade and moderately saturated.
Palette
3182C6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(207,60%,98%) |
#e2eef8 |
rgb(226,238,248) |
hsl(207,60%,93%) |
#cee2f3 |
rgb(206,226,243) |
hsl(207,60%,88%) |
#bad6ee |
rgb(186,214,238) |
hsl(207,60%,83%) |
#a5cae9 |
rgb(165,202,233) |
hsl(207,60%,78%) |
#91bee3 |
rgb(145,190,227) |
hsl(207,60%,73%) |
#7cb2de |
rgb(124,178,222) |
hsl(207,60%,68%) |
#68a6d9 |
rgb(104,166,217) |
hsl(207,60%,63%) |
#549ad4 |
rgb(84,154,212) |
hsl(207,60%,58%) |
#3f8ecf |
rgb(63,142,207) |
hsl(207,60%,53%) |
#3182c4 |
rgb(49,130,196) |
hsl(207,60%,48%) |
#2c74af |
rgb(44,116,175) |
hsl(207,60%,43%) |
#27679b |
rgb(39,103,155) |
hsl(207,60%,38%) |
#225987 |
rgb(34,89,135) |
hsl(207,60%,33%) |
#1d4c72 |
rgb(29,76,114) |
hsl(207,60%,28%) |
#173e5e |
rgb(23,62,94) |
hsl(207,60%,23%) |
#123149 |
rgb(18,49,73) |
hsl(207,60%,18%) |
#0d2335 |
rgb(13,35,53) |
hsl(207,60%,13%) |
#081621 |
rgb(8,22,33) |
hsl(207,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(207,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C7A6 |
rgb(49,199,166) |
hsl(167,60%,49%) |
#3182C6 |
rgb(49,130,198) |
hsl(207,60%,48%) |
#4330C6 |
rgb(67,48,198) |
hsl(248,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BA8DA |
rgb(107,168,218) |
hsl(207,60%,64%) |
#4B94D2 |
rgb(75,148,210) |
hsl(208,60%,56%) |
#3182C6 |
rgb(49,130,198) |
hsl(207,60%,48%) |
#296EA6 |
rgb(41,110,166) |
hsl(207,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 |
#3182C6 |
rgb(49,130,198) |
hsl(207,60%,48%) |
#C63037 |
rgb(198,48,55) |
hsl(357,61%,48%) |
#C6BF31 |
rgb(198,191,49) |
hsl(57,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3182C6 |
rgb(49,130,198) |
hsl(207,60%,48%) |
#C67531 |
rgb(198,117,49) |
hsl(27,60%,48%) |
#31C7BF |
rgb(49,199,191) |
hsl(177,60%,49%) |
#C6BF31 |
rgb(198,191,49) |
hsl(57,60%,48%) |