HEX #316D5D color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316d5d color palette from light to dark

HEX RGB HSL
#f1f9f7 rgb(241,249,247) hsl(164,38%,96%)
#dff1ec rgb(223,241,236) hsl(164,38%,91%)
#cee9e2 rgb(206,233,226) hsl(164,38%,86%)
#bce1d7 rgb(188,225,215) hsl(164,38%,81%)
#abd9cd rgb(171,217,205) hsl(164,38%,76%)
#99d1c2 rgb(153,209,194) hsl(164,38%,71%)
#87c9b8 rgb(135,201,184) hsl(164,38%,66%)
#76c1ad rgb(118,193,173) hsl(164,38%,61%)
#64b9a3 rgb(100,185,163) hsl(164,38%,56%)
#53b298 rgb(83,178,152) hsl(164,38%,51%)
#49a28a rgb(73,162,138) hsl(164,38%,46%)
#41907b rgb(65,144,123) hsl(164,38%,41%)
#397f6c rgb(57,127,108) hsl(164,38%,36%)
#316d5d rgb(49,109,93) hsl(164,38%,31%)
#295b4e rgb(41,91,78) hsl(164,38%,26%)
#214a3f rgb(33,74,63) hsl(164,38%,21%)
#193830 rgb(25,56,48) hsl(164,38%,16%)
#112721 rgb(17,39,33) hsl(164,38%,11%)
#091512 rgb(9,21,18) hsl(164,38%,6%)
#020403 rgb(2,4,3) hsl(164,38%,1%)

Adjacent colors

HEX RGB HSL
#316E35 rgb(49,110,53) hsl(124,38%,31%)
#316D5D rgb(49,109,93) hsl(164,38%,31%)
#31546D rgb(49,84,109) hsl(205,38%,31%)

Monochromatic colors

HEX RGB HSL
#38806B rgb(56,128,107) hsl(163,39%,36%)
#316D5D rgb(49,109,93) hsl(164,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%)
#112621 rgb(17,38,33) hsl(166,38%,11%)

Triad color palettes

HEX RGB HSL
#316D5D rgb(49,109,93) hsl(164,38%,31%)
#6D305F rgb(109,48,95) hsl(314,39%,31%)
#6D4031 rgb(109,64,49) hsl(15,38%,31%)

Tetrad color palettes

HEX RGB HSL
#316D5D rgb(49,109,93) hsl(164,38%,31%)
#6D3041 rgb(109,48,65) hsl(343,39%,31%)
#316E3F rgb(49,110,63) hsl(134,38%,31%)
#6D4031 rgb(109,64,49) hsl(15,38%,31%)