HEX #336988 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336988 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(202,45%,97%)
#e1edf4 rgb(225,237,244) hsl(202,45%,92%)
#cfe2ed rgb(207,226,237) hsl(202,45%,87%)
#bcd7e6 rgb(188,215,230) hsl(202,45%,82%)
#aacbdf rgb(170,203,223) hsl(202,45%,77%)
#97c0d8 rgb(151,192,216) hsl(202,45%,72%)
#85b5d1 rgb(133,181,209) hsl(202,45%,67%)
#72aaca rgb(114,170,202) hsl(202,45%,62%)
#609fc3 rgb(96,159,195) hsl(202,45%,57%)
#4e93bc rgb(78,147,188) hsl(202,45%,52%)
#4286ae rgb(66,134,174) hsl(202,45%,47%)
#3b789b rgb(59,120,155) hsl(202,45%,42%)
#346a89 rgb(52,106,137) hsl(202,45%,37%)
#2d5b76 rgb(45,91,118) hsl(202,45%,32%)
#264d64 rgb(38,77,100) hsl(202,45%,27%)
#1f3f51 rgb(31,63,81) hsl(202,45%,22%)
#18313f rgb(24,49,63) hsl(202,45%,17%)
#11222c rgb(17,34,44) hsl(202,45%,12%)
#0a141a rgb(10,20,26) hsl(202,45%,7%)
#030607 rgb(3,6,7) hsl(202,45%,2%)

Adjacent colors

HEX RGB HSL
#33876E rgb(51,135,110) hsl(162,45%,36%)
#336988 rgb(51,105,136) hsl(202,45%,37%)
#353388 rgb(53,51,136) hsl(241,45%,37%)

Monochromatic colors

HEX RGB HSL
#3B7A9D rgb(59,122,157) hsl(201,45%,42%)
#336988 rgb(51,105,136) hsl(202,45%,37%)
#2A5972 rgb(42,89,114) hsl(201,46%,31%)
#22475C rgb(34,71,92) hsl(202,46%,25%)
#1A3646 rgb(26,54,70) hsl(202,46%,19%)
#122630 rgb(18,38,48) hsl(200,45%,13%)

Triad color palettes

HEX RGB HSL
#336988 rgb(51,105,136) hsl(202,45%,37%)
#88333E rgb(136,51,62) hsl(352,45%,37%)
#887D33 rgb(136,125,51) hsl(52,45%,37%)

Tetrad color palettes

HEX RGB HSL
#336988 rgb(51,105,136) hsl(202,45%,37%)
#885233 rgb(136,82,51) hsl(22,45%,37%)
#33877C rgb(51,135,124) hsl(172,45%,36%)
#887D33 rgb(136,125,51) hsl(52,45%,37%)