HEX #336B90 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336B90 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(204,48%,98%)
#e5eff6 rgb(229,239,246) hsl(204,48%,93%)
#d2e3ef rgb(210,227,239) hsl(204,48%,88%)
#bfd8e8 rgb(191,216,232) hsl(204,48%,83%)
#accce2 rgb(172,204,226) hsl(204,48%,78%)
#99c1db rgb(153,193,219) hsl(204,48%,73%)
#86b5d5 rgb(134,181,213) hsl(204,48%,68%)
#73aace rgb(115,170,206) hsl(204,48%,63%)
#609ec7 rgb(96,158,199) hsl(204,48%,58%)
#4e93c1 rgb(78,147,193) hsl(204,48%,53%)
#4086b5 rgb(64,134,181) hsl(204,48%,48%)
#3978a2 rgb(57,120,162) hsl(204,48%,43%)
#326a8f rgb(50,106,143) hsl(204,48%,38%)
#2c5c7d rgb(44,92,125) hsl(204,48%,33%)
#254e6a rgb(37,78,106) hsl(204,48%,28%)
#1e4057 rgb(30,64,87) hsl(204,48%,23%)
#183244 rgb(24,50,68) hsl(204,48%,18%)
#112431 rgb(17,36,49) hsl(204,48%,13%)
#0b161e rgb(11,22,30) hsl(204,48%,8%)
#04080b rgb(4,8,11) hsl(204,48%,3%)

Adjacent colors

HEX RGB HSL
#338F77 rgb(51,143,119) hsl(164,47%,38%)
#336B90 rgb(51,107,144) hsl(204,48%,38%)
#393390 rgb(57,51,144) hsl(244,48%,38%)

Monochromatic colors

HEX RGB HSL
#3B7DA7 rgb(59,125,167) hsl(203,48%,44%)
#336B90 rgb(51,107,144) hsl(204,48%,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
#336B90 rgb(51,107,144) hsl(204,48%,38%)
#90333C rgb(144,51,60) hsl(354,48%,38%)
#908733 rgb(144,135,51) hsl(54,48%,38%)

Tetrad color palettes

HEX RGB HSL
#336B90 rgb(51,107,144) hsl(204,48%,38%)
#905933 rgb(144,89,51) hsl(25,48%,38%)
#338F86 rgb(51,143,134) hsl(174,47%,38%)
#908733 rgb(144,135,51) hsl(54,48%,38%)