HEX #335E6E color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335E6E color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(196,37%,97%)
#e3eef2 rgb(227,238,242) hsl(196,37%,92%)
#d2e4ea rgb(210,228,234) hsl(196,37%,87%)
#c0d9e2 rgb(192,217,226) hsl(196,37%,82%)
#afceda rgb(175,206,218) hsl(196,37%,77%)
#9dc4d2 rgb(157,196,210) hsl(196,37%,72%)
#8cb9ca rgb(140,185,202) hsl(196,37%,67%)
#7aafc2 rgb(122,175,194) hsl(196,37%,62%)
#69a4ba rgb(105,164,186) hsl(196,37%,57%)
#579ab2 rgb(87,154,178) hsl(196,37%,52%)
#4c8da4 rgb(76,141,164) hsl(196,37%,47%)
#437e93 rgb(67,126,147) hsl(196,37%,42%)
#3b6f81 rgb(59,111,129) hsl(196,37%,37%)
#336070 rgb(51,96,112) hsl(196,37%,32%)
#2b515e rgb(43,81,94) hsl(196,37%,27%)
#23424d rgb(35,66,77) hsl(196,37%,22%)
#1b333b rgb(27,51,59) hsl(196,37%,17%)
#13242a rgb(19,36,42) hsl(196,37%,12%)
#0b1518 rgb(11,21,24) hsl(196,37%,7%)
#030607 rgb(3,6,7) hsl(196,37%,2%)

Adjacent colors

HEX RGB HSL
#336E56 rgb(51,110,86) hsl(156,37%,32%)
#335E6E rgb(51,94,110) hsl(196,37%,32%)
#33366E rgb(51,54,110) hsl(237,37%,32%)

Monochromatic colors

HEX RGB HSL
#3B6E7F rgb(59,110,127) hsl(195,37%,36%)
#335E6E rgb(51,94,110) hsl(196,37%,32%)
#2A4F5C rgb(42,79,92) hsl(196,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
#335E6E rgb(51,94,110) hsl(196,37%,32%)
#6E3340 rgb(110,51,64) hsl(347,37%,32%)
#6E6133 rgb(110,97,51) hsl(47,37%,32%)

Tetrad color palettes

HEX RGB HSL
#335E6E rgb(51,94,110) hsl(196,37%,32%)
#6E4233 rgb(110,66,51) hsl(15,37%,32%)
#336E60 rgb(51,110,96) hsl(166,37%,32%)
#6E6133 rgb(110,97,51) hsl(47,37%,32%)