HEX #336369 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336369 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(187,35%,96%)
#e0eef0 rgb(224,238,240) hsl(187,35%,91%)
#cfe5e8 rgb(207,229,232) hsl(187,35%,86%)
#bedce0 rgb(190,220,224) hsl(187,35%,81%)
#acd2d7 rgb(172,210,215) hsl(187,35%,76%)
#9bc9cf rgb(155,201,207) hsl(187,35%,71%)
#8ac0c7 rgb(138,192,199) hsl(187,35%,66%)
#79b6be rgb(121,182,190) hsl(187,35%,61%)
#68adb6 rgb(104,173,182) hsl(187,35%,56%)
#56a4ae rgb(86,164,174) hsl(187,35%,51%)
#4c959e rgb(76,149,158) hsl(187,35%,46%)
#44858d rgb(68,133,141) hsl(187,35%,41%)
#3c747c rgb(60,116,124) hsl(187,35%,36%)
#33646b rgb(51,100,107) hsl(187,35%,31%)
#2b545a rgb(43,84,90) hsl(187,35%,26%)
#234448 rgb(35,68,72) hsl(187,35%,21%)
#1b3437 rgb(27,52,55) hsl(187,35%,16%)
#122426 rgb(18,36,38) hsl(187,35%,11%)
#0a1315 rgb(10,19,21) hsl(187,35%,6%)
#020303 rgb(2,3,3) hsl(187,35%,1%)

Adjacent colors

HEX RGB HSL
#33694B rgb(51,105,75) hsl(147,35%,31%)
#336369 rgb(51,99,105) hsl(187,35%,31%)
#334069 rgb(51,64,105) hsl(226,35%,31%)

Monochromatic colors

HEX RGB HSL
#3B7379 rgb(59,115,121) hsl(186,34%,35%)
#336369 rgb(51,99,105) hsl(187,35%,31%)
#2A5458 rgb(42,84,88) hsl(185,35%,25%)
#224247 rgb(34,66,71) hsl(188,35%,21%)
#1A3336 rgb(26,51,54) hsl(186,35%,16%)
#122425 rgb(18,36,37) hsl(183,35%,11%)

Triad color palettes

HEX RGB HSL
#336369 rgb(51,99,105) hsl(187,35%,31%)
#693348 rgb(105,51,72) hsl(337,35%,31%)
#695433 rgb(105,84,51) hsl(37,35%,31%)

Tetrad color palettes

HEX RGB HSL
#336369 rgb(51,99,105) hsl(187,35%,31%)
#693833 rgb(105,56,51) hsl(6,35%,31%)
#336954 rgb(51,105,84) hsl(157,35%,31%)
#695433 rgb(105,84,51) hsl(37,35%,31%)