HEX #316970 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316970 color palette from light to dark

HEX RGB HSL
#f4fafa rgb(244,250,250) hsl(187,39%,97%)
#e3f1f3 rgb(227,241,243) hsl(187,39%,92%)
#d1e8eb rgb(209,232,235) hsl(187,39%,87%)
#bfdfe3 rgb(191,223,227) hsl(187,39%,82%)
#add6db rgb(173,214,219) hsl(187,39%,77%)
#9ccdd3 rgb(156,205,211) hsl(187,39%,72%)
#8ac4cc rgb(138,196,204) hsl(187,39%,67%)
#78bbc4 rgb(120,187,196) hsl(187,39%,62%)
#67b2bc rgb(103,178,188) hsl(187,39%,57%)
#55a9b4 rgb(85,169,180) hsl(187,39%,52%)
#499ca7 rgb(73,156,167) hsl(187,39%,47%)
#418b95 rgb(65,139,149) hsl(187,39%,42%)
#3a7b83 rgb(58,123,131) hsl(187,39%,37%)
#326a71 rgb(50,106,113) hsl(187,39%,32%)
#2a5960 rgb(42,89,96) hsl(187,39%,27%)
#22494e rgb(34,73,78) hsl(187,39%,22%)
#1a383c rgb(26,56,60) hsl(187,39%,17%)
#13282b rgb(19,40,43) hsl(187,39%,12%)
#0b1719 rgb(11,23,25) hsl(187,39%,7%)
#030707 rgb(3,7,7) hsl(187,39%,2%)

Adjacent colors

HEX RGB HSL
#31704D rgb(49,112,77) hsl(147,39%,32%)
#316970 rgb(49,105,112) hsl(187,39%,32%)
#314070 rgb(49,64,112) hsl(226,39%,32%)

Monochromatic colors

HEX RGB HSL
#387A81 rgb(56,122,129) hsl(186,39%,36%)
#316970 rgb(49,105,112) hsl(187,39%,32%)
#29595E rgb(41,89,94) hsl(186,39%,26%)
#21474C rgb(33,71,76) hsl(187,39%,21%)
#19363A rgb(25,54,58) hsl(187,40%,16%)
#112628 rgb(17,38,40) hsl(185,40%,11%)

Triad color palettes

HEX RGB HSL
#316970 rgb(49,105,112) hsl(187,39%,32%)
#703049 rgb(112,48,73) hsl(337,40%,31%)
#705731 rgb(112,87,49) hsl(36,39%,32%)

Tetrad color palettes

HEX RGB HSL
#316970 rgb(49,105,112) hsl(187,39%,32%)
#703831 rgb(112,56,49) hsl(7,39%,32%)
#317057 rgb(49,112,87) hsl(156,39%,32%)
#705731 rgb(112,87,49) hsl(36,39%,32%)