HEX #336B8D color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336B8D 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
#338C73 rgb(51,140,115) hsl(163,47%,37%)
#336B8D rgb(51,107,141) hsl(203,47%,38%)
#37338D rgb(55,51,141) hsl(243,47%,38%)

Monochromatic colors

HEX RGB HSL
#3B7DA3 rgb(59,125,163) hsl(202,47%,44%)
#336B8D rgb(51,107,141) hsl(203,47%,38%)
#2A5976 rgb(42,89,118) hsl(203,48%,31%)
#224A5F rgb(34,74,95) hsl(201,47%,25%)
#1A3849 rgb(26,56,73) hsl(202,47%,19%)
#122632 rgb(18,38,50) hsl(203,47%,13%)

Triad color palettes

HEX RGB HSL
#336B8D rgb(51,107,141) hsl(203,47%,38%)
#8D333E rgb(141,51,62) hsl(353,47%,38%)
#8D8233 rgb(141,130,51) hsl(53,47%,38%)

Tetrad color palettes

HEX RGB HSL
#336B8D rgb(51,107,141) hsl(203,47%,38%)
#8D5433 rgb(141,84,51) hsl(22,47%,38%)
#338C82 rgb(51,140,130) hsl(173,47%,37%)
#8D8233 rgb(141,130,51) hsl(53,47%,38%)