HEX #316170 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

316170 color palette from light to dark

HEX RGB HSL
#f4f9fa rgb(244,249,250) hsl(194,39%,97%)
#e3eff3 rgb(227,239,243) hsl(194,39%,92%)
#d1e5eb rgb(209,229,235) hsl(194,39%,87%)
#bfdbe3 rgb(191,219,227) hsl(194,39%,82%)
#add1db rgb(173,209,219) hsl(194,39%,77%)
#9cc6d3 rgb(156,198,211) hsl(194,39%,72%)
#8abccc rgb(138,188,204) hsl(194,39%,67%)
#78b2c4 rgb(120,178,196) hsl(194,39%,62%)
#67a8bc rgb(103,168,188) hsl(194,39%,57%)
#559eb4 rgb(85,158,180) hsl(194,39%,52%)
#4991a7 rgb(73,145,167) hsl(194,39%,47%)
#418195 rgb(65,129,149) hsl(194,39%,42%)
#3a7283 rgb(58,114,131) hsl(194,39%,37%)
#326371 rgb(50,99,113) hsl(194,39%,32%)
#2a5360 rgb(42,83,96) hsl(194,39%,27%)
#22444e rgb(34,68,78) hsl(194,39%,22%)
#1a343c rgb(26,52,60) hsl(194,39%,17%)
#13252b rgb(19,37,43) hsl(194,39%,12%)
#0b1619 rgb(11,22,25) hsl(194,39%,7%)
#030607 rgb(3,6,7) hsl(194,39%,2%)

Adjacent colors

HEX RGB HSL
#317055 rgb(49,112,85) hsl(154,39%,32%)
#316170 rgb(49,97,112) hsl(194,39%,32%)
#313870 rgb(49,56,112) hsl(233,39%,32%)

Monochromatic colors

HEX RGB HSL
#387081 rgb(56,112,129) hsl(194,39%,36%)
#316170 rgb(49,97,112) hsl(194,39%,32%)
#29525E rgb(41,82,94) hsl(194,39%,26%)
#21424C rgb(33,66,76) hsl(194,39%,21%)
#19333A rgb(25,51,58) hsl(193,40%,16%)
#112428 rgb(17,36,40) hsl(190,40%,11%)

Triad color palettes

HEX RGB HSL
#316170 rgb(49,97,112) hsl(194,39%,32%)
#703041 rgb(112,48,65) hsl(344,40%,31%)
#705E31 rgb(112,94,49) hsl(43,39%,32%)

Tetrad color palettes

HEX RGB HSL
#316170 rgb(49,97,112) hsl(194,39%,32%)
#704031 rgb(112,64,49) hsl(14,39%,32%)
#31705F rgb(49,112,95) hsl(164,39%,32%)
#705E31 rgb(112,94,49) hsl(43,39%,32%)