HEX #316363 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316363 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(180,34%,99%)
#eaf5f5 rgb(234,245,245) hsl(180,34%,94%)
#d9ecec rgb(217,236,236) hsl(180,34%,89%)
#c8e4e4 rgb(200,228,228) hsl(180,34%,84%)
#b7dcdc rgb(183,220,220) hsl(180,34%,79%)
#a6d3d3 rgb(166,211,211) hsl(180,34%,74%)
#95cbcb rgb(149,203,203) hsl(180,34%,69%)
#84c2c2 rgb(132,194,194) hsl(180,34%,64%)
#73baba rgb(115,186,186) hsl(180,34%,59%)
#62b2b2 rgb(98,178,178) hsl(180,34%,54%)
#52a7a7 rgb(82,167,167) hsl(180,34%,49%)
#4a9696 rgb(74,150,150) hsl(180,34%,44%)
#428585 rgb(66,133,133) hsl(180,34%,39%)
#397474 rgb(57,116,116) hsl(180,34%,34%)
#316363 rgb(49,99,99) hsl(180,34%,29%)
#285252 rgb(40,82,82) hsl(180,34%,24%)
#204141 rgb(32,65,65) hsl(180,34%,19%)
#183030 rgb(24,48,48) hsl(180,34%,14%)
#0f1f1f rgb(15,31,31) hsl(180,34%,9%)
#070e0e rgb(7,14,14) hsl(180,34%,4%)

Adjacent colors

HEX RGB HSL
#316341 rgb(49,99,65) hsl(139,34%,29%)
#316363 rgb(49,99,99) hsl(180,34%,29%)
#314263 rgb(49,66,99) hsl(220,34%,29%)

Monochromatic colors

HEX RGB HSL
#387372 rgb(56,115,114) hsl(179,35%,34%)
#316363 rgb(49,99,99) hsl(180,34%,29%)
#295453 rgb(41,84,83) hsl(179,34%,25%)
#214243 rgb(33,66,67) hsl(182,34%,20%)
#193333 rgb(25,51,51) hsl(180,34%,15%)
#112423 rgb(17,36,35) hsl(177,36%,10%)

Triad color palettes

HEX RGB HSL
#316363 rgb(49,99,99) hsl(180,34%,29%)
#63304A rgb(99,48,74) hsl(329,35%,29%)
#634A31 rgb(99,74,49) hsl(30,34%,29%)

Tetrad color palettes

HEX RGB HSL
#316363 rgb(49,99,99) hsl(180,34%,29%)
#633031 rgb(99,48,49) hsl(359,35%,29%)
#31634A rgb(49,99,74) hsl(150,34%,29%)
#634A31 rgb(99,74,49) hsl(30,34%,29%)