HEX #336B92 color — Calypso
The color #336B92 is a dark shade and moderately saturated.
Palette
336B92 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 |
#339179 |
rgb(51,145,121) |
hsl(165,48%,38%) |
#336B92 |
rgb(51,107,146) |
hsl(205,48%,39%) |
#3A3392 |
rgb(58,51,146) |
hsl(244,48%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7DA9 |
rgb(59,125,169) |
hsl(204,48%,45%) |
#336B92 |
rgb(51,107,146) |
hsl(205,48%,39%) |
#2A597A |
rgb(42,89,122) |
hsl(205,49%,32%) |
#224A63 |
rgb(34,74,99) |
hsl(203,49%,26%) |
#1A384B |
rgb(26,56,75) |
hsl(203,49%,20%) |
#122634 |
rgb(18,38,52) |
hsl(205,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B92 |
rgb(51,107,146) |
hsl(205,48%,39%) |
#92333B |
rgb(146,51,59) |
hsl(355,48%,39%) |
#928A33 |
rgb(146,138,51) |
hsl(55,48%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B92 |
rgb(51,107,146) |
hsl(205,48%,39%) |
#925933 |
rgb(146,89,51) |
hsl(24,48%,39%) |
#339189 |
rgb(51,145,137) |
hsl(175,48%,38%) |
#928A33 |
rgb(146,138,51) |
hsl(55,48%,39%) |