HEX #336B8F color — Calypso

The color #336B8F is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336B8F color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(203,47%,98%)
#e5eff6 rgb(229,239,246) hsl(203,47%,93%)
#d2e4ef rgb(210,228,239) hsl(203,47%,88%)
#bfd8e8 rgb(191,216,232) hsl(203,47%,83%)
#adcde1 rgb(173,205,225) hsl(203,47%,78%)
#9ac2db rgb(154,194,219) hsl(203,47%,73%)
#87b6d4 rgb(135,182,212) hsl(203,47%,68%)
#74abcd rgb(116,171,205) hsl(203,47%,63%)
#62a0c6 rgb(98,160,198) hsl(203,47%,58%)
#4f94bf rgb(79,148,191) hsl(203,47%,53%)
#4188b4 rgb(65,136,180) hsl(203,47%,48%)
#3a7aa1 rgb(58,122,161) hsl(203,47%,43%)
#336c8e rgb(51,108,142) hsl(203,47%,38%)
#2d5d7c rgb(45,93,124) hsl(203,47%,33%)
#264f69 rgb(38,79,105) hsl(203,47%,28%)
#1f4156 rgb(31,65,86) hsl(203,47%,23%)
#183343 rgb(24,51,67) hsl(203,47%,18%)
#122531 rgb(18,37,49) hsl(203,47%,13%)
#0b171e rgb(11,23,30) hsl(203,47%,8%)
#04080b rgb(4,8,11) hsl(203,47%,3%)

Adjacent colors

HEX RGB HSL
#338F75 rgb(51,143,117) hsl(163,47%,38%)
#336B8F rgb(51,107,143) hsl(203,47%,38%)
#38338F rgb(56,51,143) hsl(243,47%,38%)

Monochromatic colors

HEX RGB HSL
#3B7DA5 rgb(59,125,165) hsl(203,47%,44%)
#336B8F rgb(51,107,143) hsl(203,47%,38%)
#2A5978 rgb(42,89,120) hsl(204,48%,32%)
#224A61 rgb(34,74,97) hsl(202,48%,26%)
#1A384A rgb(26,56,74) hsl(203,48%,20%)
#122633 rgb(18,38,51) hsl(204,48%,14%)

Triad color palettes

HEX RGB HSL
#336B8F rgb(51,107,143) hsl(203,47%,38%)
#8F333D rgb(143,51,61) hsl(353,47%,38%)
#8F8533 rgb(143,133,51) hsl(53,47%,38%)

Tetrad color palettes

HEX RGB HSL
#336B8F rgb(51,107,143) hsl(203,47%,38%)
#8F5733 rgb(143,87,51) hsl(23,47%,38%)
#338F85 rgb(51,143,133) hsl(173,47%,38%)
#8F8533 rgb(143,133,51) hsl(53,47%,38%)