HEX #335F6C color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335f6c color palette from light to dark

HEX RGB HSL
#f1f7f8 rgb(241,247,248) hsl(194,36%,96%)
#e0ecf0 rgb(224,236,240) hsl(194,36%,91%)
#cee2e8 rgb(206,226,232) hsl(194,36%,86%)
#bdd8e0 rgb(189,216,224) hsl(194,36%,81%)
#acced8 rgb(172,206,216) hsl(194,36%,76%)
#9ac3d0 rgb(154,195,208) hsl(194,36%,71%)
#89b9c8 rgb(137,185,200) hsl(194,36%,66%)
#78afbf rgb(120,175,191) hsl(194,36%,61%)
#66a4b7 rgb(102,164,183) hsl(194,36%,56%)
#559aaf rgb(85,154,175) hsl(194,36%,51%)
#4b8ca0 rgb(75,140,160) hsl(194,36%,46%)
#437d8e rgb(67,125,142) hsl(194,36%,41%)
#3b6d7d rgb(59,109,125) hsl(194,36%,36%)
#335e6c rgb(51,94,108) hsl(194,36%,31%)
#2a4f5a rgb(42,79,90) hsl(194,36%,26%)
#224049 rgb(34,64,73) hsl(194,36%,21%)
#1a3137 rgb(26,49,55) hsl(194,36%,16%)
#122126 rgb(18,33,38) hsl(194,36%,11%)
#0a1215 rgb(10,18,21) hsl(194,36%,6%)
#020303 rgb(2,3,3) hsl(194,36%,1%)

Adjacent colors

HEX RGB HSL
#336B53 rgb(51,107,83) hsl(154,35%,31%)
#335F6C rgb(51,95,108) hsl(194,36%,31%)
#33386C rgb(51,56,108) hsl(235,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B6E7D rgb(59,110,125) hsl(194,36%,36%)
#335F6C rgb(51,95,108) hsl(194,36%,31%)
#2A4F5A rgb(42,79,90) hsl(194,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
#335F6C rgb(51,95,108) hsl(194,36%,31%)
#6C3342 rgb(108,51,66) hsl(344,36%,31%)
#6C5C33 rgb(108,92,51) hsl(43,36%,31%)

Tetrad color palettes

HEX RGB HSL
#335F6C rgb(51,95,108) hsl(194,36%,31%)
#6C4033 rgb(108,64,51) hsl(14,36%,31%)
#336B5C rgb(51,107,92) hsl(164,35%,31%)
#6C5C33 rgb(108,92,51) hsl(43,36%,31%)