HEX #336EC5 color — Mariner
The color #336EC5 is a dark shade and moderately saturated.
Palette
336EC5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,59%,99%) |
#e7eef9 |
rgb(231,238,249) |
hsl(216,59%,94%) |
#d2e0f3 |
rgb(210,224,243) |
hsl(216,59%,89%) |
#bed1ee |
rgb(190,209,238) |
hsl(216,59%,84%) |
#aac3e9 |
rgb(170,195,233) |
hsl(216,59%,79%) |
#96b5e4 |
rgb(150,181,228) |
hsl(216,59%,74%) |
#81a7df |
rgb(129,167,223) |
hsl(216,59%,69%) |
#6d98d9 |
rgb(109,152,217) |
hsl(216,59%,64%) |
#598ad4 |
rgb(89,138,212) |
hsl(216,59%,59%) |
#447ccf |
rgb(68,124,207) |
hsl(216,59%,54%) |
#336ec7 |
rgb(51,110,199) |
hsl(216,59%,49%) |
#2e63b2 |
rgb(46,99,178) |
hsl(216,59%,44%) |
#29589e |
rgb(41,88,158) |
hsl(216,59%,39%) |
#244c8a |
rgb(36,76,138) |
hsl(216,59%,34%) |
#1e4176 |
rgb(30,65,118) |
hsl(216,59%,29%) |
#193661 |
rgb(25,54,97) |
hsl(216,59%,24%) |
#142b4d |
rgb(20,43,77) |
hsl(216,59%,19%) |
#0f1f39 |
rgb(15,31,57) |
hsl(216,59%,14%) |
#091424 |
rgb(9,20,36) |
hsl(216,59%,9%) |
#040910 |
rgb(4,9,16) |
hsl(216,59%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C4BA |
rgb(51,196,186) |
hsl(176,59%,48%) |
#336EC5 |
rgb(51,110,197) |
hsl(216,59%,49%) |
#5933C5 |
rgb(89,51,197) |
hsl(256,59%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D99D9 |
rgb(109,153,217) |
hsl(216,59%,64%) |
#4E82D1 |
rgb(78,130,209) |
hsl(216,59%,56%) |
#336EC5 |
rgb(51,110,197) |
hsl(216,59%,49%) |
#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 |
#336EC5 |
rgb(51,110,197) |
hsl(216,59%,49%) |
#C54033 |
rgb(197,64,51) |
hsl(5,59%,49%) |
#B7C433 |
rgb(183,196,51) |
hsl(65,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EC5 |
rgb(51,110,197) |
hsl(216,59%,49%) |
#C58A33 |
rgb(197,138,51) |
hsl(36,59%,49%) |
#33B8C5 |
rgb(51,184,197) |
hsl(185,59%,49%) |
#B7C433 |
rgb(183,196,51) |
hsl(65,59%,48%) |