HEX #336388 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336388 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(206,45%,97%)
#e1ecf4 rgb(225,236,244) hsl(206,45%,92%)
#cfe0ed rgb(207,224,237) hsl(206,45%,87%)
#bcd4e6 rgb(188,212,230) hsl(206,45%,82%)
#aac8df rgb(170,200,223) hsl(206,45%,77%)
#97bcd8 rgb(151,188,216) hsl(206,45%,72%)
#85b0d1 rgb(133,176,209) hsl(206,45%,67%)
#72a4ca rgb(114,164,202) hsl(206,45%,62%)
#6098c3 rgb(96,152,195) hsl(206,45%,57%)
#4e8cbc rgb(78,140,188) hsl(206,45%,52%)
#427fae rgb(66,127,174) hsl(206,45%,47%)
#3b729b rgb(59,114,155) hsl(206,45%,42%)
#346489 rgb(52,100,137) hsl(206,45%,37%)
#2d5676 rgb(45,86,118) hsl(206,45%,32%)
#264964 rgb(38,73,100) hsl(206,45%,27%)
#1f3b51 rgb(31,59,81) hsl(206,45%,22%)
#182e3f rgb(24,46,63) hsl(206,45%,17%)
#11202c rgb(17,32,44) hsl(206,45%,12%)
#0a131a rgb(10,19,26) hsl(206,45%,7%)
#030507 rgb(3,5,7) hsl(206,45%,2%)

Adjacent colors

HEX RGB HSL
#338774 rgb(51,135,116) hsl(166,45%,36%)
#336388 rgb(51,99,136) hsl(206,45%,37%)
#3B3388 rgb(59,51,136) hsl(246,45%,37%)

Monochromatic colors

HEX RGB HSL
#3B739D rgb(59,115,157) hsl(206,45%,42%)
#336388 rgb(51,99,136) hsl(206,45%,37%)
#2A5472 rgb(42,84,114) hsl(205,46%,31%)
#22425C rgb(34,66,92) hsl(207,46%,25%)
#1A3346 rgb(26,51,70) hsl(206,46%,19%)
#122430 rgb(18,36,48) hsl(204,45%,13%)

Triad color palettes

HEX RGB HSL
#336388 rgb(51,99,136) hsl(206,45%,37%)
#883338 rgb(136,51,56) hsl(356,45%,37%)
#888233 rgb(136,130,51) hsl(56,45%,37%)

Tetrad color palettes

HEX RGB HSL
#336388 rgb(51,99,136) hsl(206,45%,37%)
#885933 rgb(136,89,51) hsl(27,45%,37%)
#338782 rgb(51,135,130) hsl(176,45%,36%)
#888233 rgb(136,130,51) hsl(56,45%,37%)