HEX #316B68 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316B68 color palette from light to dark

HEX RGB HSL
#f1f9f8 rgb(241,249,248) hsl(177,37%,96%)
#e0f1f0 rgb(224,241,240) hsl(177,37%,91%)
#cee9e7 rgb(206,233,231) hsl(177,37%,86%)
#bde0df rgb(189,224,223) hsl(177,37%,81%)
#abd8d6 rgb(171,216,214) hsl(177,37%,76%)
#9ad0ce rgb(154,208,206) hsl(177,37%,71%)
#88c8c5 rgb(136,200,197) hsl(177,37%,66%)
#77c0bd rgb(119,192,189) hsl(177,37%,61%)
#65b8b4 rgb(101,184,180) hsl(177,37%,56%)
#54b0ac rgb(84,176,172) hsl(177,37%,51%)
#4aa19c rgb(74,161,156) hsl(177,37%,46%)
#428f8b rgb(66,143,139) hsl(177,37%,41%)
#3a7e7a rgb(58,126,122) hsl(177,37%,36%)
#326c69 rgb(50,108,105) hsl(177,37%,31%)
#2a5b58 rgb(42,91,88) hsl(177,37%,26%)
#224947 rgb(34,73,71) hsl(177,37%,21%)
#1a3836 rgb(26,56,54) hsl(177,37%,16%)
#122625 rgb(18,38,37) hsl(177,37%,11%)
#0a1514 rgb(10,21,20) hsl(177,37%,6%)
#020303 rgb(2,3,3) hsl(177,37%,1%)

Adjacent colors

HEX RGB HSL
#316B41 rgb(49,107,65) hsl(137,37%,31%)
#316B68 rgb(49,107,104) hsl(177,37%,31%)
#31476B rgb(49,71,107) hsl(217,37%,31%)

Monochromatic colors

HEX RGB HSL
#387D78 rgb(56,125,120) hsl(176,38%,35%)
#316B68 rgb(49,107,104) hsl(177,37%,31%)
#295957 rgb(41,89,87) hsl(178,37%,25%)
#214A46 rgb(33,74,70) hsl(174,38%,21%)
#193836 rgb(25,56,54) hsl(176,38%,16%)
#112625 rgb(17,38,37) hsl(177,38%,11%)

Triad color palettes

HEX RGB HSL
#316B68 rgb(49,107,104) hsl(177,37%,31%)
#6B3051 rgb(107,48,81) hsl(326,38%,30%)
#6B4A31 rgb(107,74,49) hsl(26,37%,31%)

Tetrad color palettes

HEX RGB HSL
#316B68 rgb(49,107,104) hsl(177,37%,31%)
#6B3034 rgb(107,48,52) hsl(356,38%,30%)
#316B4B rgb(49,107,75) hsl(147,37%,31%)
#6B4A31 rgb(107,74,49) hsl(26,37%,31%)