HEX #335B6C color — Casal

The color #335b6c is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

335b6c color palette from light to dark

HEX RGB HSL
#f1f6f8 rgb(241,246,248) hsl(198,36%,96%)
#e0ebf0 rgb(224,235,240) hsl(198,36%,91%)
#cee0e8 rgb(206,224,232) hsl(198,36%,86%)
#bdd6e0 rgb(189,214,224) hsl(198,36%,81%)
#accbd8 rgb(172,203,216) hsl(198,36%,76%)
#9ac0d0 rgb(154,192,208) hsl(198,36%,71%)
#89b5c8 rgb(137,181,200) hsl(198,36%,66%)
#78aabf rgb(120,170,191) hsl(198,36%,61%)
#669fb7 rgb(102,159,183) hsl(198,36%,56%)
#5594af rgb(85,148,175) hsl(198,36%,51%)
#4b86a0 rgb(75,134,160) hsl(198,36%,46%)
#43788e rgb(67,120,142) hsl(198,36%,41%)
#3b697d rgb(59,105,125) hsl(198,36%,36%)
#335a6c rgb(51,90,108) hsl(198,36%,31%)
#2a4c5a rgb(42,76,90) hsl(198,36%,26%)
#223d49 rgb(34,61,73) hsl(198,36%,21%)
#1a2f37 rgb(26,47,55) hsl(198,36%,16%)
#122026 rgb(18,32,38) hsl(198,36%,11%)
#0a1215 rgb(10,18,21) hsl(198,36%,6%)
#020303 rgb(2,3,3) hsl(198,36%,1%)

Adjacent colors

HEX RGB HSL
#336B57 rgb(51,107,87) hsl(159,35%,31%)
#335B6C rgb(51,91,108) hsl(198,36%,31%)
#33366C rgb(51,54,108) hsl(237,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B697D rgb(59,105,125) hsl(198,36%,36%)
#335B6C rgb(51,91,108) hsl(198,36%,31%)
#2A4D5A rgb(42,77,90) hsl(196,36%,26%)
#223D49 rgb(34,61,73) hsl(198,36%,21%)
#1A3038 rgb(26,48,56) hsl(196,37%,16%)
#122126 rgb(18,33,38) hsl(195,36%,11%)

Triad color palettes

HEX RGB HSL
#335B6C rgb(51,91,108) hsl(198,36%,31%)
#6C333E rgb(108,51,62) hsl(348,36%,31%)
#6C6133 rgb(108,97,51) hsl(48,36%,31%)

Tetrad color palettes

HEX RGB HSL
#335B6C rgb(51,91,108) hsl(198,36%,31%)
#6C4533 rgb(108,69,51) hsl(19,36%,31%)
#336B60 rgb(51,107,96) hsl(168,35%,31%)
#6C6133 rgb(108,97,51) hsl(48,36%,31%)