HEX #335C6C color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335c6c color palette from light to dark

HEX RGB HSL
#f1f6f8 rgb(241,246,248) hsl(197,36%,96%)
#e0ecf0 rgb(224,236,240) hsl(197,36%,91%)
#cee1e8 rgb(206,225,232) hsl(197,36%,86%)
#bdd6e0 rgb(189,214,224) hsl(197,36%,81%)
#accbd8 rgb(172,203,216) hsl(197,36%,76%)
#9ac1d0 rgb(154,193,208) hsl(197,36%,71%)
#89b6c8 rgb(137,182,200) hsl(197,36%,66%)
#78abbf rgb(120,171,191) hsl(197,36%,61%)
#66a0b7 rgb(102,160,183) hsl(197,36%,56%)
#5596af rgb(85,150,175) hsl(197,36%,51%)
#4b88a0 rgb(75,136,160) hsl(197,36%,46%)
#43798e rgb(67,121,142) hsl(197,36%,41%)
#3b6a7d rgb(59,106,125) hsl(197,36%,36%)
#335b6c rgb(51,91,108) hsl(197,36%,31%)
#2a4d5a rgb(42,77,90) hsl(197,36%,26%)
#223e49 rgb(34,62,73) hsl(197,36%,21%)
#1a2f37 rgb(26,47,55) hsl(197,36%,16%)
#122026 rgb(18,32,38) hsl(197,36%,11%)
#0a1215 rgb(10,18,21) hsl(197,36%,6%)
#020303 rgb(2,3,3) hsl(197,36%,1%)

Adjacent colors

HEX RGB HSL
#336B56 rgb(51,107,86) hsl(158,35%,31%)
#335C6C rgb(51,92,108) hsl(197,36%,31%)
#33366C rgb(51,54,108) hsl(237,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B6B7D rgb(59,107,125) hsl(196,36%,36%)
#335C6C rgb(51,92,108) hsl(197,36%,31%)
#2A4D5A rgb(42,77,90) hsl(196,36%,26%)
#224049 rgb(34,64,73) hsl(194,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
#335C6C rgb(51,92,108) hsl(197,36%,31%)
#6C333F rgb(108,51,63) hsl(347,36%,31%)
#6C5E33 rgb(108,94,51) hsl(45,36%,31%)

Tetrad color palettes

HEX RGB HSL
#335C6C rgb(51,92,108) hsl(197,36%,31%)
#6C4233 rgb(108,66,51) hsl(16,36%,31%)
#336B5F rgb(51,107,95) hsl(167,35%,31%)
#6C5E33 rgb(108,94,51) hsl(45,36%,31%)