HEX #335C6D color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335C6D 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
#336E57 rgb(51,110,87) hsl(157,37%,32%)
#335C6D rgb(51,92,109) hsl(198,36%,31%)
#33366D rgb(51,54,109) hsl(237,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B6B7E rgb(59,107,126) hsl(197,36%,36%)
#335C6D rgb(51,92,109) hsl(198,36%,31%)
#2A4D5B rgb(42,77,91) hsl(197,37%,26%)
#22404A rgb(34,64,74) hsl(195,37%,21%)
#1A3038 rgb(26,48,56) hsl(196,37%,16%)
#122127 rgb(18,33,39) hsl(197,37%,11%)

Triad color palettes

HEX RGB HSL
#335C6D rgb(51,92,109) hsl(198,36%,31%)
#6D333F rgb(109,51,63) hsl(348,36%,31%)
#6D6133 rgb(109,97,51) hsl(48,36%,31%)

Tetrad color palettes

HEX RGB HSL
#335C6D rgb(51,92,109) hsl(198,36%,31%)
#6D4533 rgb(109,69,51) hsl(19,36%,31%)
#336E61 rgb(51,110,97) hsl(167,37%,32%)
#6D6133 rgb(109,97,51) hsl(48,36%,31%)