HEX #335A6C color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335a6c color palette from light to dark

HEX RGB HSL
#f1f6f8 rgb(241,246,248) hsl(199,36%,96%)
#e0ebf0 rgb(224,235,240) hsl(199,36%,91%)
#cee0e8 rgb(206,224,232) hsl(199,36%,86%)
#bdd5e0 rgb(189,213,224) hsl(199,36%,81%)
#accad8 rgb(172,202,216) hsl(199,36%,76%)
#9abfd0 rgb(154,191,208) hsl(199,36%,71%)
#89b4c8 rgb(137,180,200) hsl(199,36%,66%)
#78a9bf rgb(120,169,191) hsl(199,36%,61%)
#669eb7 rgb(102,158,183) hsl(199,36%,56%)
#5593af rgb(85,147,175) hsl(199,36%,51%)
#4b85a0 rgb(75,133,160) hsl(199,36%,46%)
#43768e rgb(67,118,142) hsl(199,36%,41%)
#3b687d rgb(59,104,125) hsl(199,36%,36%)
#33596c rgb(51,89,108) hsl(199,36%,31%)
#2a4b5a rgb(42,75,90) hsl(199,36%,26%)
#223d49 rgb(34,61,73) hsl(199,36%,21%)
#1a2e37 rgb(26,46,55) hsl(199,36%,16%)
#122026 rgb(18,32,38) hsl(199,36%,11%)
#0a1115 rgb(10,17,21) hsl(199,36%,6%)
#020303 rgb(2,3,3) hsl(199,36%,1%)

Adjacent colors

HEX RGB HSL
#336B58 rgb(51,107,88) hsl(160,35%,31%)
#335A6C rgb(51,90,108) hsl(199,36%,31%)
#33336C rgb(51,51,108) hsl(240,36%,31%)

Monochromatic colors

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

Triad color palettes

HEX RGB HSL
#335A6C rgb(51,90,108) hsl(199,36%,31%)
#6C333D rgb(108,51,61) hsl(349,36%,31%)
#6C6133 rgb(108,97,51) hsl(48,36%,31%)

Tetrad color palettes

HEX RGB HSL
#335A6C rgb(51,90,108) hsl(199,36%,31%)
#6C4533 rgb(108,69,51) hsl(19,36%,31%)
#336B61 rgb(51,107,97) hsl(169,35%,31%)
#6C6133 rgb(108,97,51) hsl(48,36%,31%)