HEX #336690 color — Calypso

The color #336690 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336690 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(207,48%,98%)
#e5eef6 rgb(229,238,246) hsl(207,48%,93%)
#d2e2ef rgb(210,226,239) hsl(207,48%,88%)
#bfd6e8 rgb(191,214,232) hsl(207,48%,83%)
#accae2 rgb(172,202,226) hsl(207,48%,78%)
#99bddb rgb(153,189,219) hsl(207,48%,73%)
#86b1d5 rgb(134,177,213) hsl(207,48%,68%)
#73a5ce rgb(115,165,206) hsl(207,48%,63%)
#6099c7 rgb(96,153,199) hsl(207,48%,58%)
#4e8dc1 rgb(78,141,193) hsl(207,48%,53%)
#4080b5 rgb(64,128,181) hsl(207,48%,48%)
#3973a2 rgb(57,115,162) hsl(207,48%,43%)
#32668f rgb(50,102,143) hsl(207,48%,38%)
#2c587d rgb(44,88,125) hsl(207,48%,33%)
#254b6a rgb(37,75,106) hsl(207,48%,28%)
#1e3d57 rgb(30,61,87) hsl(207,48%,23%)
#183044 rgb(24,48,68) hsl(207,48%,18%)
#112331 rgb(17,35,49) hsl(207,48%,13%)
#0b151e rgb(11,21,30) hsl(207,48%,8%)
#04080b rgb(4,8,11) hsl(207,48%,3%)

Adjacent colors

HEX RGB HSL
#338F7C rgb(51,143,124) hsl(168,47%,38%)
#336690 rgb(51,102,144) hsl(207,48%,38%)
#3E3390 rgb(62,51,144) hsl(247,48%,38%)

Monochromatic colors

HEX RGB HSL
#3B75A7 rgb(59,117,167) hsl(208,48%,44%)
#336690 rgb(51,102,144) hsl(207,48%,38%)
#2A5778 rgb(42,87,120) hsl(205,48%,32%)
#224561 rgb(34,69,97) hsl(207,48%,26%)
#1A364A rgb(26,54,74) hsl(205,48%,20%)
#122433 rgb(18,36,51) hsl(207,48%,14%)

Triad color palettes

HEX RGB HSL
#336690 rgb(51,102,144) hsl(207,48%,38%)
#903337 rgb(144,51,55) hsl(357,48%,38%)
#908C33 rgb(144,140,51) hsl(57,48%,38%)

Tetrad color palettes

HEX RGB HSL
#336690 rgb(51,102,144) hsl(207,48%,38%)
#905C33 rgb(144,92,51) hsl(26,48%,38%)
#338F8B rgb(51,143,139) hsl(177,47%,38%)
#908C33 rgb(144,140,51) hsl(57,48%,38%)