HEX #316175 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316175 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(198,41%,98%)
#e6f0f4 rgb(230,240,244) hsl(198,41%,93%)
#d4e5ed rgb(212,229,237) hsl(198,41%,88%)
#c2dbe5 rgb(194,219,229) hsl(198,41%,83%)
#b0d0de rgb(176,208,222) hsl(198,41%,78%)
#9ec5d6 rgb(158,197,214) hsl(198,41%,73%)
#8cbbcf rgb(140,187,207) hsl(198,41%,68%)
#7ab0c7 rgb(122,176,199) hsl(198,41%,63%)
#68a5c0 rgb(104,165,192) hsl(198,41%,58%)
#569bb8 rgb(86,155,184) hsl(198,41%,53%)
#488ead rgb(72,142,173) hsl(198,41%,48%)
#41809b rgb(65,128,155) hsl(198,41%,43%)
#397189 rgb(57,113,137) hsl(198,41%,38%)
#326277 rgb(50,98,119) hsl(198,41%,33%)
#2a5365 rgb(42,83,101) hsl(198,41%,28%)
#234453 rgb(35,68,83) hsl(198,41%,23%)
#1b3541 rgb(27,53,65) hsl(198,41%,18%)
#14272f rgb(20,39,47) hsl(198,41%,13%)
#0c181d rgb(12,24,29) hsl(198,41%,8%)
#05090b rgb(5,9,11) hsl(198,41%,3%)

Adjacent colors

HEX RGB HSL
#31755B rgb(49,117,91) hsl(157,41%,33%)
#316175 rgb(49,97,117) hsl(198,41%,33%)
#313375 rgb(49,51,117) hsl(238,41%,33%)

Monochromatic colors

HEX RGB HSL
#387087 rgb(56,112,135) hsl(197,41%,37%)
#316175 rgb(49,97,117) hsl(198,41%,33%)
#295262 rgb(41,82,98) hsl(197,41%,27%)
#21424F rgb(33,66,79) hsl(197,41%,22%)
#19333C rgb(25,51,60) hsl(195,41%,17%)
#11242A rgb(17,36,42) hsl(194,42%,12%)

Triad color palettes

HEX RGB HSL
#316175 rgb(49,97,117) hsl(198,41%,33%)
#75303F rgb(117,48,63) hsl(347,42%,32%)
#756631 rgb(117,102,49) hsl(47,41%,33%)

Tetrad color palettes

HEX RGB HSL
#316175 rgb(49,97,117) hsl(198,41%,33%)
#754531 rgb(117,69,49) hsl(18,41%,33%)
#317567 rgb(49,117,103) hsl(168,41%,33%)
#756631 rgb(117,102,49) hsl(47,41%,33%)