HEX #336CC7 color — Mariner
The color #336cc7 is a dark shade and moderately saturated.
Palette
336cc7 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%) |
#336CC7 |
rgb(51,108,199) |
hsl(217,59%,49%) |
#5C33C7 |
rgb(92,51,199) |
hsl(257,59%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6F99DA |
rgb(111,153,218) |
hsl(216,59%,65%) |
#4F82D2 |
rgb(79,130,210) |
hsl(217,59%,57%) |
#336CC7 |
rgb(51,108,199) |
hsl(217,59%,49%) |
#2A5CA7 |
rgb(42,92,167) |
hsl(216,60%,41%) |
#224A87 |
rgb(34,74,135) |
hsl(216,60%,33%) |
#1A3867 |
rgb(26,56,103) |
hsl(217,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#336CC7 |
rgb(51,108,199) |
hsl(217,59%,49%) |
#C74533 |
rgb(199,69,51) |
hsl(7,59%,49%) |
#B6C733 |
rgb(182,199,51) |
hsl(67,59%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336CC7 |
rgb(51,108,199) |
hsl(217,59%,49%) |
#C78F33 |
rgb(199,143,51) |
hsl(37,59%,49%) |
#33B5C7 |
rgb(51,181,199) |
hsl(187,59%,49%) |
#B6C733 |
rgb(182,199,51) |
hsl(67,59%,49%) |