HEX #315E77 color — Casal

The color #315E77 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

315E77 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(201,42%,98%)
#e6eff5 rgb(230,239,245) hsl(201,42%,93%)
#d4e4ed rgb(212,228,237) hsl(201,42%,88%)
#c1d9e6 rgb(193,217,230) hsl(201,42%,83%)
#afcede rgb(175,206,222) hsl(201,42%,78%)
#9dc3d7 rgb(157,195,215) hsl(201,42%,73%)
#8bb8d0 rgb(139,184,208) hsl(201,42%,68%)
#79adc8 rgb(121,173,200) hsl(201,42%,63%)
#67a1c1 rgb(103,161,193) hsl(201,42%,58%)
#5596b9 rgb(85,150,185) hsl(201,42%,53%)
#478aae rgb(71,138,174) hsl(201,42%,48%)
#407b9c rgb(64,123,156) hsl(201,42%,43%)
#386d8a rgb(56,109,138) hsl(201,42%,38%)
#315f77 rgb(49,95,119) hsl(201,42%,33%)
#295065 rgb(41,80,101) hsl(201,42%,28%)
#224253 rgb(34,66,83) hsl(201,42%,23%)
#1b3441 rgb(27,52,65) hsl(201,42%,18%)
#13252f rgb(19,37,47) hsl(201,42%,13%)
#0c171d rgb(12,23,29) hsl(201,42%,8%)
#04090b rgb(4,9,11) hsl(201,42%,3%)

Adjacent colors

HEX RGB HSL
#317861 rgb(49,120,97) hsl(161,42%,33%)
#315E77 rgb(49,94,119) hsl(201,42%,33%)
#323077 rgb(50,48,119) hsl(242,43%,33%)

Monochromatic colors

HEX RGB HSL
#386E8A rgb(56,110,138) hsl(200,42%,38%)
#315E77 rgb(49,94,119) hsl(201,42%,33%)
#294F63 rgb(41,79,99) hsl(201,41%,27%)
#214050 rgb(33,64,80) hsl(200,42%,22%)
#19303D rgb(25,48,61) hsl(202,42%,17%)
#11212A rgb(17,33,42) hsl(202,42%,12%)

Triad color palettes

HEX RGB HSL
#315E77 rgb(49,94,119) hsl(201,42%,33%)
#77303B rgb(119,48,59) hsl(351,43%,33%)
#776E31 rgb(119,110,49) hsl(52,42%,33%)

Tetrad color palettes

HEX RGB HSL
#315E77 rgb(49,94,119) hsl(201,42%,33%)
#774A31 rgb(119,74,49) hsl(21,42%,33%)
#31786D rgb(49,120,109) hsl(171,42%,33%)
#776E31 rgb(119,110,49) hsl(52,42%,33%)