HEX #336BC6 color — Mariner
The color #336BC6 is a dark shade and moderately saturated.
Palette
336BC6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,59%,99%) |
#e7eef9 |
rgb(231,238,249) |
hsl(217,59%,94%) |
#d2dff3 |
rgb(210,223,243) |
hsl(217,59%,89%) |
#bed1ee |
rgb(190,209,238) |
hsl(217,59%,84%) |
#aac2e9 |
rgb(170,194,233) |
hsl(217,59%,79%) |
#96b4e4 |
rgb(150,180,228) |
hsl(217,59%,74%) |
#81a5df |
rgb(129,165,223) |
hsl(217,59%,69%) |
#6d97d9 |
rgb(109,151,217) |
hsl(217,59%,64%) |
#5988d4 |
rgb(89,136,212) |
hsl(217,59%,59%) |
#447acf |
rgb(68,122,207) |
hsl(217,59%,54%) |
#336cc7 |
rgb(51,108,199) |
hsl(217,59%,49%) |
#2e61b2 |
rgb(46,97,178) |
hsl(217,59%,44%) |
#29569e |
rgb(41,86,158) |
hsl(217,59%,39%) |
#244b8a |
rgb(36,75,138) |
hsl(217,59%,34%) |
#1e4076 |
rgb(30,64,118) |
hsl(217,59%,29%) |
#193561 |
rgb(25,53,97) |
hsl(217,59%,24%) |
#142a4d |
rgb(20,42,77) |
hsl(217,59%,19%) |
#0f1f39 |
rgb(15,31,57) |
hsl(217,59%,14%) |
#091424 |
rgb(9,20,36) |
hsl(217,59%,9%) |
#040910 |
rgb(4,9,16) |
hsl(217,59%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C7BF |
rgb(51,199,191) |
hsl(177,59%,49%) |
#336BC6 |
rgb(51,107,198) |
hsl(217,59%,49%) |
#5D33C6 |
rgb(93,51,198) |
hsl(257,59%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E96D9 |
rgb(110,150,217) |
hsl(218,58%,64%) |
#4F82D1 |
rgb(79,130,209) |
hsl(216,59%,56%) |
#336BC6 |
rgb(51,107,198) |
hsl(217,59%,49%) |
#2A59A6 |
rgb(42,89,166) |
hsl(217,60%,41%) |
#224A86 |
rgb(34,74,134) |
hsl(216,60%,33%) |
#1A3866 |
rgb(26,56,102) |
hsl(216,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BC6 |
rgb(51,107,198) |
hsl(217,59%,49%) |
#C64533 |
rgb(198,69,51) |
hsl(7,59%,49%) |
#B4C733 |
rgb(180,199,51) |
hsl(68,59%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BC6 |
rgb(51,107,198) |
hsl(217,59%,49%) |
#C68F33 |
rgb(198,143,51) |
hsl(38,59%,49%) |
#33B5C6 |
rgb(51,181,198) |
hsl(187,59%,49%) |
#B4C733 |
rgb(180,199,51) |
hsl(68,59%,49%) |