HEX #326EC5 color — Mariner
The color #326EC5 is a dark shade and moderately saturated.
Palette
326EC5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,60%,98%) |
#e2ebf8 |
rgb(226,235,248) |
hsl(216,60%,93%) |
#ceddf3 |
rgb(206,221,243) |
hsl(216,60%,88%) |
#baceee |
rgb(186,206,238) |
hsl(216,60%,83%) |
#a5c0e9 |
rgb(165,192,233) |
hsl(216,60%,78%) |
#91b2e3 |
rgb(145,178,227) |
hsl(216,60%,73%) |
#7ca4de |
rgb(124,164,222) |
hsl(216,60%,68%) |
#6895d9 |
rgb(104,149,217) |
hsl(216,60%,63%) |
#5487d4 |
rgb(84,135,212) |
hsl(216,60%,58%) |
#3f79cf |
rgb(63,121,207) |
hsl(216,60%,53%) |
#316cc4 |
rgb(49,108,196) |
hsl(216,60%,48%) |
#2c60af |
rgb(44,96,175) |
hsl(216,60%,43%) |
#27559b |
rgb(39,85,155) |
hsl(216,60%,38%) |
#224a87 |
rgb(34,74,135) |
hsl(216,60%,33%) |
#1d3f72 |
rgb(29,63,114) |
hsl(216,60%,28%) |
#17345e |
rgb(23,52,94) |
hsl(216,60%,23%) |
#122849 |
rgb(18,40,73) |
hsl(216,60%,18%) |
#0d1d35 |
rgb(13,29,53) |
hsl(216,60%,13%) |
#081221 |
rgb(8,18,33) |
hsl(216,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(216,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#32C4BA |
rgb(50,196,186) |
hsl(176,59%,48%) |
#326EC5 |
rgb(50,110,197) |
hsl(216,60%,48%) |
#5833C5 |
rgb(88,51,197) |
hsl(255,59%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C99D9 |
rgb(108,153,217) |
hsl(215,59%,64%) |
#4C82D1 |
rgb(76,130,209) |
hsl(216,59%,56%) |
#326EC5 |
rgb(50,110,197) |
hsl(216,60%,48%) |
#2A5CA5 |
rgb(42,92,165) |
hsl(216,59%,41%) |
#224A85 |
rgb(34,74,133) |
hsl(216,59%,33%) |
#1A3866 |
rgb(26,56,102) |
hsl(216,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#326EC5 |
rgb(50,110,197) |
hsl(216,60%,48%) |
#C54032 |
rgb(197,64,50) |
hsl(6,60%,48%) |
#B7C432 |
rgb(183,196,50) |
hsl(65,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#326EC5 |
rgb(50,110,197) |
hsl(216,60%,48%) |
#C58A32 |
rgb(197,138,50) |
hsl(36,60%,48%) |
#32B8C5 |
rgb(50,184,197) |
hsl(185,60%,48%) |
#B7C432 |
rgb(183,196,50) |
hsl(65,59%,48%) |