HEX #356670 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

356670 color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(190,36%,97%)
#e3eff2 rgb(227,239,242) hsl(190,36%,92%)
#d2e6ea rgb(210,230,234) hsl(190,36%,87%)
#c1dce2 rgb(193,220,226) hsl(190,36%,82%)
#afd2d9 rgb(175,210,217) hsl(190,36%,77%)
#9ec9d1 rgb(158,201,209) hsl(190,36%,72%)
#8dbfc9 rgb(141,191,201) hsl(190,36%,67%)
#7bb5c1 rgb(123,181,193) hsl(190,36%,62%)
#6aacb9 rgb(106,172,185) hsl(190,36%,57%)
#59a2b1 rgb(89,162,177) hsl(190,36%,52%)
#4d95a3 rgb(77,149,163) hsl(190,36%,47%)
#458592 rgb(69,133,146) hsl(190,36%,42%)
#3c7580 rgb(60,117,128) hsl(190,36%,37%)
#34656f rgb(52,101,111) hsl(190,36%,32%)
#2c555e rgb(44,85,94) hsl(190,36%,27%)
#24464c rgb(36,70,76) hsl(190,36%,22%)
#1c363b rgb(28,54,59) hsl(190,36%,17%)
#14262a rgb(20,38,42) hsl(190,36%,12%)
#0b1618 rgb(11,22,24) hsl(190,36%,7%)
#030607 rgb(3,6,7) hsl(190,36%,2%)

Adjacent colors

HEX RGB HSL
#357052 rgb(53,112,82) hsl(149,36%,32%)
#356670 rgb(53,102,112) hsl(190,36%,32%)
#354070 rgb(53,64,112) hsl(229,36%,32%)

Monochromatic colors

HEX RGB HSL
#3D7581 rgb(61,117,129) hsl(191,36%,37%)
#356670 rgb(53,102,112) hsl(190,36%,32%)
#2C575E rgb(44,87,94) hsl(188,36%,27%)
#24454C rgb(36,69,76) hsl(191,36%,22%)
#1B363A rgb(27,54,58) hsl(188,36%,17%)
#132428 rgb(19,36,40) hsl(191,36%,12%)

Triad color palettes

HEX RGB HSL
#356670 rgb(53,102,112) hsl(190,36%,32%)
#703648 rgb(112,54,72) hsl(341,35%,33%)
#705C35 rgb(112,92,53) hsl(40,36%,32%)

Tetrad color palettes

HEX RGB HSL
#356670 rgb(53,102,112) hsl(190,36%,32%)
#704035 rgb(112,64,53) hsl(11,36%,32%)
#35705C rgb(53,112,92) hsl(160,36%,32%)
#705C35 rgb(112,92,53) hsl(40,36%,32%)