HEX #336B88 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336B88 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(200,45%,97%)
#e1eef4 rgb(225,238,244) hsl(200,45%,92%)
#cfe3ed rgb(207,227,237) hsl(200,45%,87%)
#bcd8e6 rgb(188,216,230) hsl(200,45%,82%)
#aacddf rgb(170,205,223) hsl(200,45%,77%)
#97c2d8 rgb(151,194,216) hsl(200,45%,72%)
#85b7d1 rgb(133,183,209) hsl(200,45%,67%)
#72adca rgb(114,173,202) hsl(200,45%,62%)
#60a2c3 rgb(96,162,195) hsl(200,45%,57%)
#4e97bc rgb(78,151,188) hsl(200,45%,52%)
#428aae rgb(66,138,174) hsl(200,45%,47%)
#3b7b9b rgb(59,123,155) hsl(200,45%,42%)
#346d89 rgb(52,109,137) hsl(200,45%,37%)
#2d5e76 rgb(45,94,118) hsl(200,45%,32%)
#264f64 rgb(38,79,100) hsl(200,45%,27%)
#1f4151 rgb(31,65,81) hsl(200,45%,22%)
#18323f rgb(24,50,63) hsl(200,45%,17%)
#11232c rgb(17,35,44) hsl(200,45%,12%)
#0a151a rgb(10,21,26) hsl(200,45%,7%)
#030607 rgb(3,6,7) hsl(200,45%,2%)

Adjacent colors

HEX RGB HSL
#33876C rgb(51,135,108) hsl(161,45%,36%)
#336B88 rgb(51,107,136) hsl(200,45%,37%)
#333388 rgb(51,51,136) hsl(240,45%,37%)

Monochromatic colors

HEX RGB HSL
#3B7D9D rgb(59,125,157) hsl(200,45%,42%)
#336B88 rgb(51,107,136) hsl(200,45%,37%)
#2A5972 rgb(42,89,114) hsl(201,46%,31%)
#224A5C rgb(34,74,92) hsl(199,46%,25%)
#1A3846 rgb(26,56,70) hsl(199,46%,19%)
#122630 rgb(18,38,48) hsl(200,45%,13%)

Triad color palettes

HEX RGB HSL
#336B88 rgb(51,107,136) hsl(200,45%,37%)
#883340 rgb(136,51,64) hsl(351,45%,37%)
#887A33 rgb(136,122,51) hsl(50,45%,37%)

Tetrad color palettes

HEX RGB HSL
#336B88 rgb(51,107,136) hsl(200,45%,37%)
#884F33 rgb(136,79,51) hsl(20,45%,37%)
#33877A rgb(51,135,122) hsl(171,45%,36%)
#887A33 rgb(136,122,51) hsl(50,45%,37%)