HEX #335E77 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335E77 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(202,40%,98%)
#e6eff4 rgb(230,239,244) hsl(202,40%,93%)
#d4e4ed rgb(212,228,237) hsl(202,40%,88%)
#c2d8e5 rgb(194,216,229) hsl(202,40%,83%)
#b0cddd rgb(176,205,221) hsl(202,40%,78%)
#9fc1d6 rgb(159,193,214) hsl(202,40%,73%)
#8db6ce rgb(141,182,206) hsl(202,40%,68%)
#7babc6 rgb(123,171,198) hsl(202,40%,63%)
#699fbf rgb(105,159,191) hsl(202,40%,58%)
#5794b7 rgb(87,148,183) hsl(202,40%,53%)
#4987ab rgb(73,135,171) hsl(202,40%,48%)
#42799a rgb(66,121,154) hsl(202,40%,43%)
#3a6b88 rgb(58,107,136) hsl(202,40%,38%)
#325d76 rgb(50,93,118) hsl(202,40%,33%)
#2b4f64 rgb(43,79,100) hsl(202,40%,28%)
#234152 rgb(35,65,82) hsl(202,40%,23%)
#1c3340 rgb(28,51,64) hsl(202,40%,18%)
#14252e rgb(20,37,46) hsl(202,40%,13%)
#0c171d rgb(12,23,29) hsl(202,40%,8%)
#05080b rgb(5,8,11) hsl(202,40%,3%)

Adjacent colors

HEX RGB HSL
#337862 rgb(51,120,98) hsl(161,40%,34%)
#335E77 rgb(51,94,119) hsl(202,40%,33%)
#353377 rgb(53,51,119) hsl(242,40%,33%)

Monochromatic colors

HEX RGB HSL
#3B6E8A rgb(59,110,138) hsl(201,40%,39%)
#335E77 rgb(51,94,119) hsl(202,40%,33%)
#2A4F63 rgb(42,79,99) hsl(201,40%,28%)
#224050 rgb(34,64,80) hsl(201,40%,22%)
#1A303D rgb(26,48,61) hsl(202,40%,17%)
#12212A rgb(18,33,42) hsl(203,40%,12%)

Triad color palettes

HEX RGB HSL
#335E77 rgb(51,94,119) hsl(202,40%,33%)
#77333C rgb(119,51,60) hsl(352,40%,33%)
#776E33 rgb(119,110,51) hsl(52,40%,33%)

Tetrad color palettes

HEX RGB HSL
#335E77 rgb(51,94,119) hsl(202,40%,33%)
#774D33 rgb(119,77,51) hsl(23,40%,33%)
#33786E rgb(51,120,110) hsl(171,40%,34%)
#776E33 rgb(119,110,51) hsl(52,40%,33%)