HEX #315C75 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

315C75 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(202,41%,98%)
#e6eff4 rgb(230,239,244) hsl(202,41%,93%)
#d4e4ed rgb(212,228,237) hsl(202,41%,88%)
#c2d8e5 rgb(194,216,229) hsl(202,41%,83%)
#b0cdde rgb(176,205,222) hsl(202,41%,78%)
#9ec2d6 rgb(158,194,214) hsl(202,41%,73%)
#8cb6cf rgb(140,182,207) hsl(202,41%,68%)
#7aabc7 rgb(122,171,199) hsl(202,41%,63%)
#68a0c0 rgb(104,160,192) hsl(202,41%,58%)
#5694b8 rgb(86,148,184) hsl(202,41%,53%)
#4888ad rgb(72,136,173) hsl(202,41%,48%)
#417a9b rgb(65,122,155) hsl(202,41%,43%)
#396b89 rgb(57,107,137) hsl(202,41%,38%)
#325d77 rgb(50,93,119) hsl(202,41%,33%)
#2a4f65 rgb(42,79,101) hsl(202,41%,28%)
#234153 rgb(35,65,83) hsl(202,41%,23%)
#1b3341 rgb(27,51,65) hsl(202,41%,18%)
#14252f rgb(20,37,47) hsl(202,41%,13%)
#0c171d rgb(12,23,29) hsl(202,41%,8%)
#05080b rgb(5,8,11) hsl(202,41%,3%)

Adjacent colors

HEX RGB HSL
#317560 rgb(49,117,96) hsl(161,41%,33%)
#315C75 rgb(49,92,117) hsl(202,41%,33%)
#333075 rgb(51,48,117) hsl(243,42%,32%)

Monochromatic colors

HEX RGB HSL
#386B87 rgb(56,107,135) hsl(201,41%,37%)
#315C75 rgb(49,92,117) hsl(202,41%,33%)
#294D62 rgb(41,77,98) hsl(202,41%,27%)
#21404F rgb(33,64,79) hsl(200,41%,22%)
#19303C rgb(25,48,60) hsl(201,41%,17%)
#11212A rgb(17,33,42) hsl(202,42%,12%)

Triad color palettes

HEX RGB HSL
#315C75 rgb(49,92,117) hsl(202,41%,33%)
#75303A rgb(117,48,58) hsl(351,42%,32%)
#756B31 rgb(117,107,49) hsl(51,41%,33%)

Tetrad color palettes

HEX RGB HSL
#315C75 rgb(49,92,117) hsl(202,41%,33%)
#754A31 rgb(117,74,49) hsl(22,41%,33%)
#31756C rgb(49,117,108) hsl(172,41%,33%)
#756B31 rgb(117,107,49) hsl(51,41%,33%)