HEX #336470 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336470 color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(192,37%,97%)
#e3eff2 rgb(227,239,242) hsl(192,37%,92%)
#d2e5ea rgb(210,229,234) hsl(192,37%,87%)
#c0dbe2 rgb(192,219,226) hsl(192,37%,82%)
#afd1da rgb(175,209,218) hsl(192,37%,77%)
#9dc7d2 rgb(157,199,210) hsl(192,37%,72%)
#8cbeca rgb(140,190,202) hsl(192,37%,67%)
#7ab4c2 rgb(122,180,194) hsl(192,37%,62%)
#69aaba rgb(105,170,186) hsl(192,37%,57%)
#57a0b2 rgb(87,160,178) hsl(192,37%,52%)
#4c92a4 rgb(76,146,164) hsl(192,37%,47%)
#438393 rgb(67,131,147) hsl(192,37%,42%)
#3b7381 rgb(59,115,129) hsl(192,37%,37%)
#336470 rgb(51,100,112) hsl(192,37%,32%)
#2b545e rgb(43,84,94) hsl(192,37%,27%)
#23454d rgb(35,69,77) hsl(192,37%,22%)
#1b353b rgb(27,53,59) hsl(192,37%,17%)
#13252a rgb(19,37,42) hsl(192,37%,12%)
#0b1618 rgb(11,22,24) hsl(192,37%,7%)
#030607 rgb(3,6,7) hsl(192,37%,2%)

Adjacent colors

HEX RGB HSL
#337053 rgb(51,112,83) hsl(151,37%,32%)
#336470 rgb(51,100,112) hsl(192,37%,32%)
#333B70 rgb(51,59,112) hsl(232,37%,32%)

Monochromatic colors

HEX RGB HSL
#3B7381 rgb(59,115,129) hsl(192,37%,37%)
#336470 rgb(51,100,112) hsl(192,37%,32%)
#2A545E rgb(42,84,94) hsl(192,38%,27%)
#22454C rgb(34,69,76) hsl(190,38%,22%)
#1A333A rgb(26,51,58) hsl(193,38%,16%)
#122428 rgb(18,36,40) hsl(191,38%,11%)

Triad color palettes

HEX RGB HSL
#336470 rgb(51,100,112) hsl(192,37%,32%)
#703345 rgb(112,51,69) hsl(342,37%,32%)
#705E33 rgb(112,94,51) hsl(42,37%,32%)

Tetrad color palettes

HEX RGB HSL
#336470 rgb(51,100,112) hsl(192,37%,32%)
#704033 rgb(112,64,51) hsl(13,37%,32%)
#33705D rgb(51,112,93) hsl(161,37%,32%)
#705E33 rgb(112,94,51) hsl(42,37%,32%)