HEX #336A8A color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336a8a color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(202,46%,97%)
#e1edf4 rgb(225,237,244) hsl(202,46%,92%)
#cfe2ed rgb(207,226,237) hsl(202,46%,87%)
#bcd7e6 rgb(188,215,230) hsl(202,46%,82%)
#a9ccdf rgb(169,204,223) hsl(202,46%,77%)
#97c0d8 rgb(151,192,216) hsl(202,46%,72%)
#84b5d2 rgb(132,181,210) hsl(202,46%,67%)
#72aacb rgb(114,170,203) hsl(202,46%,62%)
#5f9fc4 rgb(95,159,196) hsl(202,46%,57%)
#4c94bd rgb(76,148,189) hsl(202,46%,52%)
#4187af rgb(65,135,175) hsl(202,46%,47%)
#3a789c rgb(58,120,156) hsl(202,46%,42%)
#336a8a rgb(51,106,138) hsl(202,46%,37%)
#2c5c77 rgb(44,92,119) hsl(202,46%,32%)
#254d65 rgb(37,77,101) hsl(202,46%,27%)
#1e3f52 rgb(30,63,82) hsl(202,46%,22%)
#17313f rgb(23,49,63) hsl(202,46%,17%)
#11222d rgb(17,34,45) hsl(202,46%,12%)
#0a141a rgb(10,20,26) hsl(202,46%,7%)
#030607 rgb(3,6,7) hsl(202,46%,2%)

Adjacent colors

HEX RGB HSL
#338A70 rgb(51,138,112) hsl(162,46%,37%)
#336A8A rgb(51,106,138) hsl(202,46%,37%)
#36338A rgb(54,51,138) hsl(242,46%,37%)

Monochromatic colors

HEX RGB HSL
#3B7AA0 rgb(59,122,160) hsl(203,46%,43%)
#336A8A rgb(51,106,138) hsl(202,46%,37%)
#2A5973 rgb(42,89,115) hsl(201,46%,31%)
#22475D rgb(34,71,93) hsl(202,46%,25%)
#1A3847 rgb(26,56,71) hsl(200,46%,19%)
#122631 rgb(18,38,49) hsl(201,46%,13%)

Triad color palettes

HEX RGB HSL
#336A8A rgb(51,106,138) hsl(202,46%,37%)
#8A333E rgb(138,51,62) hsl(352,46%,37%)
#8A8033 rgb(138,128,51) hsl(53,46%,37%)

Tetrad color palettes

HEX RGB HSL
#336A8A rgb(51,106,138) hsl(202,46%,37%)
#8A5433 rgb(138,84,51) hsl(23,46%,37%)
#338A7E rgb(51,138,126) hsl(172,46%,37%)
#8A8033 rgb(138,128,51) hsl(53,46%,37%)