HEX #316B67 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316B67 color palette from light to dark

HEX RGB HSL
#f1f9f8 rgb(241,249,248) hsl(176,37%,96%)
#e0f1ef rgb(224,241,239) hsl(176,37%,91%)
#cee9e7 rgb(206,233,231) hsl(176,37%,86%)
#bde0de rgb(189,224,222) hsl(176,37%,81%)
#abd8d5 rgb(171,216,213) hsl(176,37%,76%)
#9ad0cd rgb(154,208,205) hsl(176,37%,71%)
#88c8c4 rgb(136,200,196) hsl(176,37%,66%)
#77c0bb rgb(119,192,187) hsl(176,37%,61%)
#65b8b3 rgb(101,184,179) hsl(176,37%,56%)
#54b0aa rgb(84,176,170) hsl(176,37%,51%)
#4aa19b rgb(74,161,155) hsl(176,37%,46%)
#428f8a rgb(66,143,138) hsl(176,37%,41%)
#3a7e79 rgb(58,126,121) hsl(176,37%,36%)
#326c68 rgb(50,108,104) hsl(176,37%,31%)
#2a5b58 rgb(42,91,88) hsl(176,37%,26%)
#224947 rgb(34,73,71) hsl(176,37%,21%)
#1a3836 rgb(26,56,54) hsl(176,37%,16%)
#122625 rgb(18,38,37) hsl(176,37%,11%)
#0a1514 rgb(10,21,20) hsl(176,37%,6%)
#020303 rgb(2,3,3) hsl(176,37%,1%)

Adjacent colors

HEX RGB HSL
#316B40 rgb(49,107,64) hsl(136,37%,31%)
#316B67 rgb(49,107,103) hsl(176,37%,31%)
#31476B rgb(49,71,107) hsl(217,37%,31%)

Monochromatic colors

HEX RGB HSL
#387D77 rgb(56,125,119) hsl(175,38%,35%)
#316B67 rgb(49,107,103) hsl(176,37%,31%)
#295956 rgb(41,89,86) hsl(176,37%,25%)
#214A46 rgb(33,74,70) hsl(174,38%,21%)
#193835 rgb(25,56,53) hsl(174,38%,16%)
#112625 rgb(17,38,37) hsl(177,38%,11%)

Triad color palettes

HEX RGB HSL
#316B67 rgb(49,107,103) hsl(176,37%,31%)
#6B3052 rgb(107,48,82) hsl(325,38%,30%)
#6B4A31 rgb(107,74,49) hsl(26,37%,31%)

Tetrad color palettes

HEX RGB HSL
#316B67 rgb(49,107,103) hsl(176,37%,31%)
#6B3035 rgb(107,48,53) hsl(355,38%,30%)
#316B4A rgb(49,107,74) hsl(146,37%,31%)
#6B4A31 rgb(107,74,49) hsl(26,37%,31%)