HEX #315E76 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

315E76 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(201,41%,98%)
#e6eff4 rgb(230,239,244) hsl(201,41%,93%)
#d4e4ed rgb(212,228,237) hsl(201,41%,88%)
#c2d9e5 rgb(194,217,229) hsl(201,41%,83%)
#b0cede rgb(176,206,222) hsl(201,41%,78%)
#9ec3d6 rgb(158,195,214) hsl(201,41%,73%)
#8cb7cf rgb(140,183,207) hsl(201,41%,68%)
#7aacc7 rgb(122,172,199) hsl(201,41%,63%)
#68a1c0 rgb(104,161,192) hsl(201,41%,58%)
#5696b8 rgb(86,150,184) hsl(201,41%,53%)
#4889ad rgb(72,137,173) hsl(201,41%,48%)
#417b9b rgb(65,123,155) hsl(201,41%,43%)
#396d89 rgb(57,109,137) hsl(201,41%,38%)
#325f77 rgb(50,95,119) hsl(201,41%,33%)
#2a5065 rgb(42,80,101) hsl(201,41%,28%)
#234253 rgb(35,66,83) hsl(201,41%,23%)
#1b3441 rgb(27,52,65) hsl(201,41%,18%)
#14252f rgb(20,37,47) hsl(201,41%,13%)
#0c171d rgb(12,23,29) hsl(201,41%,8%)
#05090b rgb(5,9,11) hsl(201,41%,3%)

Adjacent colors

HEX RGB HSL
#317560 rgb(49,117,96) hsl(161,41%,33%)
#315E76 rgb(49,94,118) hsl(201,41%,33%)
#323076 rgb(50,48,118) hsl(242,42%,33%)

Monochromatic colors

HEX RGB HSL
#386E88 rgb(56,110,136) hsl(200,42%,38%)
#315E76 rgb(49,94,118) hsl(201,41%,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
#315E76 rgb(49,94,118) hsl(201,41%,33%)
#76303B rgb(118,48,59) hsl(351,42%,33%)
#766B31 rgb(118,107,49) hsl(50,41%,33%)

Tetrad color palettes

HEX RGB HSL
#315E76 rgb(49,94,118) hsl(201,41%,33%)
#764A31 rgb(118,74,49) hsl(22,41%,33%)
#31756B rgb(49,117,107) hsl(171,41%,33%)
#766B31 rgb(118,107,49) hsl(50,41%,33%)