HEX #316B61 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316B61 color palette from light to dark

HEX RGB HSL
#f1f9f7 rgb(241,249,247) hsl(170,37%,96%)
#e0f1ee rgb(224,241,238) hsl(170,37%,91%)
#cee9e4 rgb(206,233,228) hsl(170,37%,86%)
#bde0db rgb(189,224,219) hsl(170,37%,81%)
#abd8d1 rgb(171,216,209) hsl(170,37%,76%)
#9ad0c7 rgb(154,208,199) hsl(170,37%,71%)
#88c8be rgb(136,200,190) hsl(170,37%,66%)
#77c0b4 rgb(119,192,180) hsl(170,37%,61%)
#65b8aa rgb(101,184,170) hsl(170,37%,56%)
#54b0a1 rgb(84,176,161) hsl(170,37%,51%)
#4aa192 rgb(74,161,146) hsl(170,37%,46%)
#428f82 rgb(66,143,130) hsl(170,37%,41%)
#3a7e72 rgb(58,126,114) hsl(170,37%,36%)
#326c63 rgb(50,108,99) hsl(170,37%,31%)
#2a5b53 rgb(42,91,83) hsl(170,37%,26%)
#224943 rgb(34,73,67) hsl(170,37%,21%)
#1a3833 rgb(26,56,51) hsl(170,37%,16%)
#122623 rgb(18,38,35) hsl(170,37%,11%)
#0a1513 rgb(10,21,19) hsl(170,37%,6%)
#020303 rgb(2,3,3) hsl(170,37%,1%)

Adjacent colors

HEX RGB HSL
#316B3A rgb(49,107,58) hsl(129,37%,31%)
#316B61 rgb(49,107,97) hsl(170,37%,31%)
#314F6B rgb(49,79,107) hsl(209,37%,31%)

Monochromatic colors

HEX RGB HSL
#387D70 rgb(56,125,112) hsl(169,38%,35%)
#316B61 rgb(49,107,97) hsl(170,37%,31%)
#295951 rgb(41,89,81) hsl(170,37%,25%)
#214A41 rgb(33,74,65) hsl(167,38%,21%)
#193832 rgb(25,56,50) hsl(168,38%,16%)
#112622 rgb(17,38,34) hsl(169,38%,11%)

Triad color palettes

HEX RGB HSL
#316B61 rgb(49,107,97) hsl(170,37%,31%)
#6B3058 rgb(107,48,88) hsl(319,38%,30%)
#6B4531 rgb(107,69,49) hsl(21,37%,31%)

Tetrad color palettes

HEX RGB HSL
#316B61 rgb(49,107,97) hsl(170,37%,31%)
#6B303B rgb(107,48,59) hsl(349,38%,30%)
#316B44 rgb(49,107,68) hsl(140,37%,31%)
#6B4531 rgb(107,69,49) hsl(21,37%,31%)