HEX #336B93 color — Calypso
The color #336B93 is a dark shade and moderately saturated.
Palette
336B93 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,48%,99%) |
#e8f1f7 |
rgb(232,241,247) |
hsl(205,48%,94%) |
#d5e5f0 |
rgb(213,229,240) |
hsl(205,48%,89%) |
#c3d9ea |
rgb(195,217,234) |
hsl(205,48%,84%) |
#b0cee3 |
rgb(176,206,227) |
hsl(205,48%,79%) |
#9dc2dd |
rgb(157,194,221) |
hsl(205,48%,74%) |
#8ab6d6 |
rgb(138,182,214) |
hsl(205,48%,69%) |
#77abcf |
rgb(119,171,207) |
hsl(205,48%,64%) |
#649fc9 |
rgb(100,159,201) |
hsl(205,48%,59%) |
#5193c2 |
rgb(81,147,194) |
hsl(205,48%,54%) |
#4187b9 |
rgb(65,135,185) |
hsl(205,48%,49%) |
#3a79a6 |
rgb(58,121,166) |
hsl(205,48%,44%) |
#346b93 |
rgb(52,107,147) |
hsl(205,48%,39%) |
#2d5e80 |
rgb(45,94,128) |
hsl(205,48%,34%) |
#26506d |
rgb(38,80,109) |
hsl(205,48%,29%) |
#20425b |
rgb(32,66,91) |
hsl(205,48%,24%) |
#193448 |
rgb(25,52,72) |
hsl(205,48%,19%) |
#132735 |
rgb(19,39,53) |
hsl(205,48%,14%) |
#0c1922 |
rgb(12,25,34) |
hsl(205,48%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(205,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33947B |
rgb(51,148,123) |
hsl(165,49%,39%) |
#336B93 |
rgb(51,107,147) |
hsl(205,48%,39%) |
#3B3393 |
rgb(59,51,147) |
hsl(245,48%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7DAA |
rgb(59,125,170) |
hsl(204,48%,45%) |
#336B93 |
rgb(51,107,147) |
hsl(205,48%,39%) |
#2A597B |
rgb(42,89,123) |
hsl(205,49%,32%) |
#224A63 |
rgb(34,74,99) |
hsl(203,49%,26%) |
#1A384C |
rgb(26,56,76) |
hsl(204,49%,20%) |
#122634 |
rgb(18,38,52) |
hsl(205,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B93 |
rgb(51,107,147) |
hsl(205,48%,39%) |
#93333B |
rgb(147,51,59) |
hsl(355,48%,39%) |
#938C33 |
rgb(147,140,51) |
hsl(56,48%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B93 |
rgb(51,107,147) |
hsl(205,48%,39%) |
#935C33 |
rgb(147,92,51) |
hsl(26,48%,39%) |
#33948B |
rgb(51,148,139) |
hsl(174,49%,39%) |
#938C33 |
rgb(147,140,51) |
hsl(56,48%,39%) |