HEX #315E73 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

315E73 color palette from light to dark

HEX RGB HSL
#f4f8fa rgb(244,248,250) hsl(199,40%,97%)
#e2eef3 rgb(226,238,243) hsl(199,40%,92%)
#d1e3eb rgb(209,227,235) hsl(199,40%,87%)
#bfd8e3 rgb(191,216,227) hsl(199,40%,82%)
#adcddc rgb(173,205,220) hsl(199,40%,77%)
#9bc2d4 rgb(155,194,212) hsl(199,40%,72%)
#89b7cd rgb(137,183,205) hsl(199,40%,67%)
#77acc5 rgb(119,172,197) hsl(199,40%,62%)
#65a1bd rgb(101,161,189) hsl(199,40%,57%)
#5497b6 rgb(84,151,182) hsl(199,40%,52%)
#4889a8 rgb(72,137,168) hsl(199,40%,47%)
#407b96 rgb(64,123,150) hsl(199,40%,42%)
#396c84 rgb(57,108,132) hsl(199,40%,37%)
#315e72 rgb(49,94,114) hsl(199,40%,32%)
#294f60 rgb(41,79,96) hsl(199,40%,27%)
#22404f rgb(34,64,79) hsl(199,40%,22%)
#1a323d rgb(26,50,61) hsl(199,40%,17%)
#12232b rgb(18,35,43) hsl(199,40%,12%)
#0b1419 rgb(11,20,25) hsl(199,40%,7%)
#030607 rgb(3,6,7) hsl(199,40%,2%)

Adjacent colors

HEX RGB HSL
#31735C rgb(49,115,92) hsl(159,40%,32%)
#315E73 rgb(49,94,115) hsl(199,40%,32%)
#313373 rgb(49,51,115) hsl(238,40%,32%)

Monochromatic colors

HEX RGB HSL
#386E85 rgb(56,110,133) hsl(198,41%,37%)
#315E73 rgb(49,94,115) hsl(199,40%,32%)
#294F60 rgb(41,79,96) hsl(199,40%,27%)
#21404E rgb(33,64,78) hsl(199,41%,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
#315E73 rgb(49,94,115) hsl(199,40%,32%)
#73303D rgb(115,48,61) hsl(348,41%,32%)
#736631 rgb(115,102,49) hsl(48,40%,32%)

Tetrad color palettes

HEX RGB HSL
#315E73 rgb(49,94,115) hsl(199,40%,32%)
#734531 rgb(115,69,49) hsl(18,40%,32%)
#317367 rgb(49,115,103) hsl(169,40%,32%)
#736631 rgb(115,102,49) hsl(48,40%,32%)