HEX #315B72 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

315b72 color palette from light to dark

HEX RGB HSL
#f4f8fa rgb(244,248,250) hsl(201,40%,97%)
#e2edf3 rgb(226,237,243) hsl(201,40%,92%)
#d1e2eb rgb(209,226,235) hsl(201,40%,87%)
#bfd7e3 rgb(191,215,227) hsl(201,40%,82%)
#adcbdc rgb(173,203,220) hsl(201,40%,77%)
#9bc0d4 rgb(155,192,212) hsl(201,40%,72%)
#89b5cd rgb(137,181,205) hsl(201,40%,67%)
#77aac5 rgb(119,170,197) hsl(201,40%,62%)
#659fbd rgb(101,159,189) hsl(201,40%,57%)
#5493b6 rgb(84,147,182) hsl(201,40%,52%)
#4886a8 rgb(72,134,168) hsl(201,40%,47%)
#407896 rgb(64,120,150) hsl(201,40%,42%)
#396a84 rgb(57,106,132) hsl(201,40%,37%)
#315b72 rgb(49,91,114) hsl(201,40%,32%)
#294d60 rgb(41,77,96) hsl(201,40%,27%)
#223f4f rgb(34,63,79) hsl(201,40%,22%)
#1a313d rgb(26,49,61) hsl(201,40%,17%)
#12222b rgb(18,34,43) hsl(201,40%,12%)
#0b1419 rgb(11,20,25) hsl(201,40%,7%)
#030607 rgb(3,6,7) hsl(201,40%,2%)

Adjacent colors

HEX RGB HSL
#31735D rgb(49,115,93) hsl(160,40%,32%)
#315B72 rgb(49,91,114) hsl(201,40%,32%)
#323072 rgb(50,48,114) hsl(242,41%,32%)

Monochromatic colors

HEX RGB HSL
#386984 rgb(56,105,132) hsl(201,40%,37%)
#315B72 rgb(49,91,114) hsl(201,40%,32%)
#294D5F rgb(41,77,95) hsl(200,40%,27%)
#213D4D rgb(33,61,77) hsl(202,40%,22%)
#19303B rgb(25,48,59) hsl(199,40%,16%)
#112129 rgb(17,33,41) hsl(200,41%,11%)

Triad color palettes

HEX RGB HSL
#315B72 rgb(49,91,114) hsl(201,40%,32%)
#72303A rgb(114,48,58) hsl(351,41%,32%)
#726931 rgb(114,105,49) hsl(52,40%,32%)

Tetrad color palettes

HEX RGB HSL
#315B72 rgb(49,91,114) hsl(201,40%,32%)
#724731 rgb(114,71,49) hsl(20,40%,32%)
#317368 rgb(49,115,104) hsl(170,40%,32%)
#726931 rgb(114,105,49) hsl(52,40%,32%)