HEX #336E8A color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336e8a color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(199,46%,97%)
#e1eef4 rgb(225,238,244) hsl(199,46%,92%)
#cfe3ed rgb(207,227,237) hsl(199,46%,87%)
#bcd9e6 rgb(188,217,230) hsl(199,46%,82%)
#a9cedf rgb(169,206,223) hsl(199,46%,77%)
#97c4d8 rgb(151,196,216) hsl(199,46%,72%)
#84b9d2 rgb(132,185,210) hsl(199,46%,67%)
#72aecb rgb(114,174,203) hsl(199,46%,62%)
#5fa4c4 rgb(95,164,196) hsl(199,46%,57%)
#4c99bd rgb(76,153,189) hsl(199,46%,52%)
#418caf rgb(65,140,175) hsl(199,46%,47%)
#3a7d9c rgb(58,125,156) hsl(199,46%,42%)
#336e8a rgb(51,110,138) hsl(199,46%,37%)
#2c5f77 rgb(44,95,119) hsl(199,46%,32%)
#255065 rgb(37,80,101) hsl(199,46%,27%)
#1e4252 rgb(30,66,82) hsl(199,46%,22%)
#17333f rgb(23,51,63) hsl(199,46%,17%)
#11242d rgb(17,36,45) hsl(199,46%,12%)
#0a151a rgb(10,21,26) hsl(199,46%,7%)
#030607 rgb(3,6,7) hsl(199,46%,2%)

Adjacent colors

HEX RGB HSL
#338A6C rgb(51,138,108) hsl(159,46%,37%)
#336E8A rgb(51,110,138) hsl(199,46%,37%)
#33338A rgb(51,51,138) hsl(240,46%,37%)

Monochromatic colors

HEX RGB HSL
#3B80A0 rgb(59,128,160) hsl(199,46%,43%)
#336E8A rgb(51,110,138) hsl(199,46%,37%)
#2A5C73 rgb(42,92,115) hsl(199,46%,31%)
#224A5D rgb(34,74,93) hsl(199,46%,25%)
#1A3847 rgb(26,56,71) hsl(200,46%,19%)
#122931 rgb(18,41,49) hsl(195,46%,13%)

Triad color palettes

HEX RGB HSL
#336E8A rgb(51,110,138) hsl(199,46%,37%)
#8A3342 rgb(138,51,66) hsl(350,46%,37%)
#8A7A33 rgb(138,122,51) hsl(49,46%,37%)

Tetrad color palettes

HEX RGB HSL
#336E8A rgb(51,110,138) hsl(199,46%,37%)
#8A4F33 rgb(138,79,51) hsl(19,46%,37%)
#338A7A rgb(51,138,122) hsl(169,46%,37%)
#8A7A33 rgb(138,122,51) hsl(49,46%,37%)