HEX #336784 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336784 color palette from light to dark

HEX RGB HSL
#f0f6f9 rgb(240,246,249) hsl(201,44%,96%)
#deebf2 rgb(222,235,242) hsl(201,44%,91%)
#cce0eb rgb(204,224,235) hsl(201,44%,86%)
#b9d5e4 rgb(185,213,228) hsl(201,44%,81%)
#a7cadd rgb(167,202,221) hsl(201,44%,76%)
#95bfd6 rgb(149,191,214) hsl(201,44%,71%)
#82b4ce rgb(130,180,206) hsl(201,44%,66%)
#70a9c7 rgb(112,169,199) hsl(201,44%,61%)
#5d9ec0 rgb(93,158,192) hsl(201,44%,56%)
#4b93b9 rgb(75,147,185) hsl(201,44%,51%)
#4285a9 rgb(66,133,169) hsl(201,44%,46%)
#3b7697 rgb(59,118,151) hsl(201,44%,41%)
#336884 rgb(51,104,132) hsl(201,44%,36%)
#2c5972 rgb(44,89,114) hsl(201,44%,31%)
#254b5f rgb(37,75,95) hsl(201,44%,26%)
#1e3d4d rgb(30,61,77) hsl(201,44%,21%)
#172e3b rgb(23,46,59) hsl(201,44%,16%)
#102028 rgb(16,32,40) hsl(201,44%,11%)
#091116 rgb(9,17,22) hsl(201,44%,6%)
#010304 rgb(1,3,4) hsl(201,44%,1%)

Adjacent colors

HEX RGB HSL
#33856B rgb(51,133,107) hsl(161,45%,36%)
#336784 rgb(51,103,132) hsl(201,44%,36%)
#353384 rgb(53,51,132) hsl(241,44%,36%)

Monochromatic colors

HEX RGB HSL
#3B7899 rgb(59,120,153) hsl(201,44%,42%)
#336784 rgb(51,103,132) hsl(201,44%,36%)
#2A576E rgb(42,87,110) hsl(200,45%,30%)
#224559 rgb(34,69,89) hsl(202,45%,24%)
#1A3644 rgb(26,54,68) hsl(200,45%,18%)
#12262F rgb(18,38,47) hsl(199,45%,13%)

Triad color palettes

HEX RGB HSL
#336784 rgb(51,103,132) hsl(201,44%,36%)
#84333E rgb(132,51,62) hsl(352,44%,36%)
#847833 rgb(132,120,51) hsl(51,44%,36%)

Tetrad color palettes

HEX RGB HSL
#336784 rgb(51,103,132) hsl(201,44%,36%)
#844F33 rgb(132,79,51) hsl(21,44%,36%)
#338578 rgb(51,133,120) hsl(170,45%,36%)
#847833 rgb(132,120,51) hsl(51,44%,36%)