HEX #335C6E color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335C6E color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(198,37%,97%)
#e3eef2 rgb(227,238,242) hsl(198,37%,92%)
#d2e3ea rgb(210,227,234) hsl(198,37%,87%)
#c0d8e2 rgb(192,216,226) hsl(198,37%,82%)
#afcdda rgb(175,205,218) hsl(198,37%,77%)
#9dc2d2 rgb(157,194,210) hsl(198,37%,72%)
#8cb7ca rgb(140,183,202) hsl(198,37%,67%)
#7aacc2 rgb(122,172,194) hsl(198,37%,62%)
#69a2ba rgb(105,162,186) hsl(198,37%,57%)
#5797b2 rgb(87,151,178) hsl(198,37%,52%)
#4c8aa4 rgb(76,138,164) hsl(198,37%,47%)
#437b93 rgb(67,123,147) hsl(198,37%,42%)
#3b6c81 rgb(59,108,129) hsl(198,37%,37%)
#335e70 rgb(51,94,112) hsl(198,37%,32%)
#2b4f5e rgb(43,79,94) hsl(198,37%,27%)
#23404d rgb(35,64,77) hsl(198,37%,22%)
#1b323b rgb(27,50,59) hsl(198,37%,17%)
#13232a rgb(19,35,42) hsl(198,37%,12%)
#0b1418 rgb(11,20,24) hsl(198,37%,7%)
#030607 rgb(3,6,7) hsl(198,37%,2%)

Adjacent colors

HEX RGB HSL
#336E58 rgb(51,110,88) hsl(158,37%,32%)
#335C6E rgb(51,92,110) hsl(198,37%,32%)
#33366E rgb(51,54,110) hsl(237,37%,32%)

Monochromatic colors

HEX RGB HSL
#3B6B7F rgb(59,107,127) hsl(198,37%,36%)
#335C6E rgb(51,92,110) hsl(198,37%,32%)
#2A4D5C rgb(42,77,92) hsl(198,37%,26%)
#22404A rgb(34,64,74) hsl(195,37%,21%)
#1A3039 rgb(26,48,57) hsl(197,37%,16%)
#122127 rgb(18,33,39) hsl(197,37%,11%)

Triad color palettes

HEX RGB HSL
#335C6E rgb(51,92,110) hsl(198,37%,32%)
#6E333E rgb(110,51,62) hsl(349,37%,32%)
#6E6333 rgb(110,99,51) hsl(49,37%,32%)

Tetrad color palettes

HEX RGB HSL
#335C6E rgb(51,92,110) hsl(198,37%,32%)
#6E4533 rgb(110,69,51) hsl(18,37%,32%)
#336E62 rgb(51,110,98) hsl(168,37%,32%)
#6E6333 rgb(110,99,51) hsl(49,37%,32%)