HEX #336996 color — Calypso
The color #336996 is a dark shade and moderately saturated.
Palette
336996 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,49%,99%) |
#e8f0f7 |
rgb(232,240,247) |
hsl(207,49%,94%) |
#d5e4f1 |
rgb(213,228,241) |
hsl(207,49%,89%) |
#c2d8ea |
rgb(194,216,234) |
hsl(207,49%,84%) |
#afcce4 |
rgb(175,204,228) |
hsl(207,49%,79%) |
#9cc0dd |
rgb(156,192,221) |
hsl(207,49%,74%) |
#89b4d7 |
rgb(137,180,215) |
hsl(207,49%,69%) |
#76a8d0 |
rgb(118,168,208) |
hsl(207,49%,64%) |
#639cca |
rgb(99,156,202) |
hsl(207,49%,59%) |
#508fc3 |
rgb(80,143,195) |
hsl(207,49%,54%) |
#4083ba |
rgb(64,131,186) |
hsl(207,49%,49%) |
#3976a7 |
rgb(57,118,167) |
hsl(207,49%,44%) |
#336894 |
rgb(51,104,148) |
hsl(207,49%,39%) |
#2c5b81 |
rgb(44,91,129) |
hsl(207,49%,34%) |
#264e6e |
rgb(38,78,110) |
hsl(207,49%,29%) |
#1f405b |
rgb(31,64,91) |
hsl(207,49%,24%) |
#193348 |
rgb(25,51,72) |
hsl(207,49%,19%) |
#122535 |
rgb(18,37,53) |
hsl(207,49%,14%) |
#0c1822 |
rgb(12,24,34) |
hsl(207,49%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(207,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339681 |
rgb(51,150,129) |
hsl(167,49%,39%) |
#336996 |
rgb(51,105,150) |
hsl(207,49%,39%) |
#3F3396 |
rgb(63,51,150) |
hsl(247,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7AAE |
rgb(59,122,174) |
hsl(207,49%,46%) |
#336996 |
rgb(51,105,150) |
hsl(207,49%,39%) |
#2A597E |
rgb(42,89,126) |
hsl(206,50%,33%) |
#224766 |
rgb(34,71,102) |
hsl(207,50%,27%) |
#1A364E |
rgb(26,54,78) |
hsl(208,50%,20%) |
#122636 |
rgb(18,38,54) |
hsl(207,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336996 |
rgb(51,105,150) |
hsl(207,49%,39%) |
#963337 |
rgb(150,51,55) |
hsl(358,49%,39%) |
#969133 |
rgb(150,145,51) |
hsl(57,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336996 |
rgb(51,105,150) |
hsl(207,49%,39%) |
#966133 |
rgb(150,97,51) |
hsl(28,49%,39%) |
#339691 |
rgb(51,150,145) |
hsl(177,49%,39%) |
#969133 |
rgb(150,145,51) |
hsl(57,49%,39%) |