HEX #336674 color — Casal

The color #336674 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336674 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(193,39%,98%)
#e6f1f4 rgb(230,241,244) hsl(193,39%,93%)
#d4e7ec rgb(212,231,236) hsl(193,39%,88%)
#c3dde5 rgb(195,221,229) hsl(193,39%,83%)
#b1d3dd rgb(177,211,221) hsl(193,39%,78%)
#9fc9d5 rgb(159,201,213) hsl(193,39%,73%)
#8ebfcd rgb(142,191,205) hsl(193,39%,68%)
#7cb6c5 rgb(124,182,197) hsl(193,39%,63%)
#6aacbe rgb(106,172,190) hsl(193,39%,58%)
#58a2b6 rgb(88,162,182) hsl(193,39%,53%)
#4b95aa rgb(75,149,170) hsl(193,39%,48%)
#438698 rgb(67,134,152) hsl(193,39%,43%)
#3b7687 rgb(59,118,135) hsl(193,39%,38%)
#336775 rgb(51,103,117) hsl(193,39%,33%)
#2c5763 rgb(44,87,99) hsl(193,39%,28%)
#244852 rgb(36,72,82) hsl(193,39%,23%)
#1c3840 rgb(28,56,64) hsl(193,39%,18%)
#14282e rgb(20,40,46) hsl(193,39%,13%)
#0c191c rgb(12,25,28) hsl(193,39%,8%)
#05090b rgb(5,9,11) hsl(193,39%,3%)

Adjacent colors

HEX RGB HSL
#337356 rgb(51,115,86) hsl(153,39%,33%)
#336674 rgb(51,102,116) hsl(193,39%,33%)
#333B74 rgb(51,59,116) hsl(233,39%,33%)

Monochromatic colors

HEX RGB HSL
#3B7586 rgb(59,117,134) hsl(194,39%,38%)
#336674 rgb(51,102,116) hsl(193,39%,33%)
#2A5761 rgb(42,87,97) hsl(191,40%,27%)
#22454E rgb(34,69,78) hsl(192,39%,22%)
#1A363C rgb(26,54,60) hsl(191,40%,17%)
#122429 rgb(18,36,41) hsl(193,39%,12%)

Triad color palettes

HEX RGB HSL
#336674 rgb(51,102,116) hsl(193,39%,33%)
#743345 rgb(116,51,69) hsl(343,39%,33%)
#746133 rgb(116,97,51) hsl(42,39%,33%)

Tetrad color palettes

HEX RGB HSL
#336674 rgb(51,102,116) hsl(193,39%,33%)
#744033 rgb(116,64,51) hsl(12,39%,33%)
#337361 rgb(51,115,97) hsl(163,39%,33%)
#746133 rgb(116,97,51) hsl(42,39%,33%)