HEX #316E5D color — Casal

The color #316E5D is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316E5D color palette from light to dark

HEX RGB HSL
#f1f9f6 rgb(241,249,246) hsl(163,38%,96%)
#dff1ec rgb(223,241,236) hsl(163,38%,91%)
#cee9e1 rgb(206,233,225) hsl(163,38%,86%)
#bce1d7 rgb(188,225,215) hsl(163,38%,81%)
#abd9cc rgb(171,217,204) hsl(163,38%,76%)
#99d1c1 rgb(153,209,193) hsl(163,38%,71%)
#87c9b7 rgb(135,201,183) hsl(163,38%,66%)
#76c1ac rgb(118,193,172) hsl(163,38%,61%)
#64b9a1 rgb(100,185,161) hsl(163,38%,56%)
#53b297 rgb(83,178,151) hsl(163,38%,51%)
#49a289 rgb(73,162,137) hsl(163,38%,46%)
#41907a rgb(65,144,122) hsl(163,38%,41%)
#397f6b rgb(57,127,107) hsl(163,38%,36%)
#316d5c rgb(49,109,92) hsl(163,38%,31%)
#295b4d rgb(41,91,77) hsl(163,38%,26%)
#214a3e rgb(33,74,62) hsl(163,38%,21%)
#193830 rgb(25,56,48) hsl(163,38%,16%)
#112721 rgb(17,39,33) hsl(163,38%,11%)
#091512 rgb(9,21,18) hsl(163,38%,6%)
#020403 rgb(2,4,3) hsl(163,38%,1%)

Adjacent colors

HEX RGB HSL
#316E34 rgb(49,110,52) hsl(123,38%,31%)
#316E5D rgb(49,110,93) hsl(163,38%,31%)
#31576E rgb(49,87,110) hsl(203,38%,31%)

Monochromatic colors

HEX RGB HSL
#38806B rgb(56,128,107) hsl(163,39%,36%)
#316E5D rgb(49,110,93) hsl(163,38%,31%)
#295C4E rgb(41,92,78) hsl(164,38%,26%)
#214A3F rgb(33,74,63) hsl(164,38%,21%)
#193830 rgb(25,56,48) hsl(165,38%,16%)
#112921 rgb(17,41,33) hsl(160,41%,11%)

Triad color palettes

HEX RGB HSL
#316E5D rgb(49,110,93) hsl(163,38%,31%)
#6E3060 rgb(110,48,96) hsl(314,39%,31%)
#6E4031 rgb(110,64,49) hsl(15,38%,31%)

Tetrad color palettes

HEX RGB HSL
#316E5D rgb(49,110,93) hsl(163,38%,31%)
#6E3042 rgb(110,48,66) hsl(343,39%,31%)
#316E3E rgb(49,110,62) hsl(133,38%,31%)
#6E4031 rgb(110,64,49) hsl(15,38%,31%)