HEX #335C75 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

335C75 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(203,39%,98%)
#e6eff4 rgb(230,239,244) hsl(203,39%,93%)
#d4e3ec rgb(212,227,236) hsl(203,39%,88%)
#c3d8e5 rgb(195,216,229) hsl(203,39%,83%)
#b1ccdd rgb(177,204,221) hsl(203,39%,78%)
#9fc0d5 rgb(159,192,213) hsl(203,39%,73%)
#8eb5cd rgb(142,181,205) hsl(203,39%,68%)
#7ca9c5 rgb(124,169,197) hsl(203,39%,63%)
#6a9ebe rgb(106,158,190) hsl(203,39%,58%)
#5892b6 rgb(88,146,182) hsl(203,39%,53%)
#4b86aa rgb(75,134,170) hsl(203,39%,48%)
#437898 rgb(67,120,152) hsl(203,39%,43%)
#3b6a87 rgb(59,106,135) hsl(203,39%,38%)
#335c75 rgb(51,92,117) hsl(203,39%,33%)
#2c4e63 rgb(44,78,99) hsl(203,39%,28%)
#244052 rgb(36,64,82) hsl(203,39%,23%)
#1c3240 rgb(28,50,64) hsl(203,39%,18%)
#14242e rgb(20,36,46) hsl(203,39%,13%)
#0c161c rgb(12,22,28) hsl(203,39%,8%)
#05080b rgb(5,8,11) hsl(203,39%,3%)

Adjacent colors

HEX RGB HSL
#337562 rgb(51,117,98) hsl(163,39%,33%)
#335C75 rgb(51,92,117) hsl(203,39%,33%)
#363375 rgb(54,51,117) hsl(243,39%,33%)

Monochromatic colors

HEX RGB HSL
#3B6B87 rgb(59,107,135) hsl(202,39%,38%)
#335C75 rgb(51,92,117) hsl(203,39%,33%)
#2A4D62 rgb(42,77,98) hsl(203,40%,27%)
#22404F rgb(34,64,79) hsl(200,40%,22%)
#1A303C rgb(26,48,60) hsl(201,40%,17%)
#12212A rgb(18,33,42) hsl(203,40%,12%)

Triad color palettes

HEX RGB HSL
#335C75 rgb(51,92,117) hsl(203,39%,33%)
#75333B rgb(117,51,59) hsl(353,39%,33%)
#756E33 rgb(117,110,51) hsl(54,39%,33%)

Tetrad color palettes

HEX RGB HSL
#335C75 rgb(51,92,117) hsl(203,39%,33%)
#754D33 rgb(117,77,51) hsl(24,39%,33%)
#33756D rgb(51,117,109) hsl(173,39%,33%)
#756E33 rgb(117,110,51) hsl(54,39%,33%)