HEX #336188 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336188 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(208,45%,97%)
#e1ebf4 rgb(225,235,244) hsl(208,45%,92%)
#cfdfed rgb(207,223,237) hsl(208,45%,87%)
#bcd2e6 rgb(188,210,230) hsl(208,45%,82%)
#aac6df rgb(170,198,223) hsl(208,45%,77%)
#97bad8 rgb(151,186,216) hsl(208,45%,72%)
#85add1 rgb(133,173,209) hsl(208,45%,67%)
#72a1ca rgb(114,161,202) hsl(208,45%,62%)
#6095c3 rgb(96,149,195) hsl(208,45%,57%)
#4e88bc rgb(78,136,188) hsl(208,45%,52%)
#427bae rgb(66,123,174) hsl(208,45%,47%)
#3b6e9b rgb(59,110,155) hsl(208,45%,42%)
#346189 rgb(52,97,137) hsl(208,45%,37%)
#2d5476 rgb(45,84,118) hsl(208,45%,32%)
#264764 rgb(38,71,100) hsl(208,45%,27%)
#1f3a51 rgb(31,58,81) hsl(208,45%,22%)
#182d3f rgb(24,45,63) hsl(208,45%,17%)
#11202c rgb(17,32,44) hsl(208,45%,12%)
#0a121a rgb(10,18,26) hsl(208,45%,7%)
#030507 rgb(3,5,7) hsl(208,45%,2%)

Adjacent colors

HEX RGB HSL
#338776 rgb(51,135,118) hsl(168,45%,36%)
#336188 rgb(51,97,136) hsl(208,45%,37%)
#3D3388 rgb(61,51,136) hsl(247,45%,37%)

Monochromatic colors

HEX RGB HSL
#3B709D rgb(59,112,157) hsl(208,45%,42%)
#336188 rgb(51,97,136) hsl(208,45%,37%)
#2A5272 rgb(42,82,114) hsl(207,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
#336188 rgb(51,97,136) hsl(208,45%,37%)
#883336 rgb(136,51,54) hsl(358,45%,37%)
#888533 rgb(136,133,51) hsl(58,45%,37%)

Tetrad color palettes

HEX RGB HSL
#336188 rgb(51,97,136) hsl(208,45%,37%)
#885933 rgb(136,89,51) hsl(27,45%,37%)
#338784 rgb(51,135,132) hsl(178,45%,36%)
#888533 rgb(136,133,51) hsl(58,45%,37%)