HEX #336696 color — Calypso
The color #336696 is a dark shade and moderately saturated.
Palette
336696 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(209,49%,99%) |
#e8f0f7 |
rgb(232,240,247) |
hsl(209,49%,94%) |
#d5e3f1 |
rgb(213,227,241) |
hsl(209,49%,89%) |
#c2d7ea |
rgb(194,215,234) |
hsl(209,49%,84%) |
#afcae4 |
rgb(175,202,228) |
hsl(209,49%,79%) |
#9cbedd |
rgb(156,190,221) |
hsl(209,49%,74%) |
#89b1d7 |
rgb(137,177,215) |
hsl(209,49%,69%) |
#76a5d0 |
rgb(118,165,208) |
hsl(209,49%,64%) |
#6398ca |
rgb(99,152,202) |
hsl(209,49%,59%) |
#508cc3 |
rgb(80,140,195) |
hsl(209,49%,54%) |
#407fba |
rgb(64,127,186) |
hsl(209,49%,49%) |
#3972a7 |
rgb(57,114,167) |
hsl(209,49%,44%) |
#336594 |
rgb(51,101,148) |
hsl(209,49%,39%) |
#2c5881 |
rgb(44,88,129) |
hsl(209,49%,34%) |
#264b6e |
rgb(38,75,110) |
hsl(209,49%,29%) |
#1f3e5b |
rgb(31,62,91) |
hsl(209,49%,24%) |
#193148 |
rgb(25,49,72) |
hsl(209,49%,19%) |
#122435 |
rgb(18,36,53) |
hsl(209,49%,14%) |
#0c1722 |
rgb(12,23,34) |
hsl(209,49%,9%) |
#050a0f |
rgb(5,10,15) |
hsl(209,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339684 |
rgb(51,150,132) |
hsl(169,49%,39%) |
#336696 |
rgb(51,102,150) |
hsl(209,49%,39%) |
#423396 |
rgb(66,51,150) |
hsl(249,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B75AE |
rgb(59,117,174) |
hsl(210,49%,46%) |
#336696 |
rgb(51,102,150) |
hsl(209,49%,39%) |
#2A577E |
rgb(42,87,126) |
hsl(208,50%,33%) |
#224566 |
rgb(34,69,102) |
hsl(209,50%,27%) |
#1A364E |
rgb(26,54,78) |
hsl(208,50%,20%) |
#122436 |
rgb(18,36,54) |
hsl(210,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336696 |
rgb(51,102,150) |
hsl(209,49%,39%) |
#963334 |
rgb(150,51,52) |
hsl(359,49%,39%) |
#969433 |
rgb(150,148,51) |
hsl(59,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336696 |
rgb(51,102,150) |
hsl(209,49%,39%) |
#966333 |
rgb(150,99,51) |
hsl(29,49%,39%) |
#339694 |
rgb(51,150,148) |
hsl(179,49%,39%) |
#969433 |
rgb(150,148,51) |
hsl(59,49%,39%) |