HEX #315E70 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

315E70 color palette from light to dark

HEX RGB HSL
#f4f9fa rgb(244,249,250) hsl(197,39%,97%)
#e3eef3 rgb(227,238,243) hsl(197,39%,92%)
#d1e3eb rgb(209,227,235) hsl(197,39%,87%)
#bfd9e3 rgb(191,217,227) hsl(197,39%,82%)
#adcedb rgb(173,206,219) hsl(197,39%,77%)
#9cc4d3 rgb(156,196,211) hsl(197,39%,72%)
#8ab9cc rgb(138,185,204) hsl(197,39%,67%)
#78aec4 rgb(120,174,196) hsl(197,39%,62%)
#67a4bc rgb(103,164,188) hsl(197,39%,57%)
#5599b4 rgb(85,153,180) hsl(197,39%,52%)
#498ca7 rgb(73,140,167) hsl(197,39%,47%)
#417d95 rgb(65,125,149) hsl(197,39%,42%)
#3a6e83 rgb(58,110,131) hsl(197,39%,37%)
#325f71 rgb(50,95,113) hsl(197,39%,32%)
#2a5060 rgb(42,80,96) hsl(197,39%,27%)
#22424e rgb(34,66,78) hsl(197,39%,22%)
#1a333c rgb(26,51,60) hsl(197,39%,17%)
#13242b rgb(19,36,43) hsl(197,39%,12%)
#0b1519 rgb(11,21,25) hsl(197,39%,7%)
#030607 rgb(3,6,7) hsl(197,39%,2%)

Adjacent colors

HEX RGB HSL
#317058 rgb(49,112,88) hsl(157,39%,32%)
#315E70 rgb(49,94,112) hsl(197,39%,32%)
#313370 rgb(49,51,112) hsl(238,39%,32%)

Monochromatic colors

HEX RGB HSL
#386E81 rgb(56,110,129) hsl(196,39%,36%)
#315E70 rgb(49,94,112) hsl(197,39%,32%)
#294F5E rgb(41,79,94) hsl(197,39%,26%)
#21404C rgb(33,64,76) hsl(197,39%,21%)
#19303A rgb(25,48,58) hsl(198,40%,16%)
#112128 rgb(17,33,40) hsl(198,40%,11%)

Triad color palettes

HEX RGB HSL
#315E70 rgb(49,94,112) hsl(197,39%,32%)
#70303E rgb(112,48,62) hsl(347,40%,31%)
#706331 rgb(112,99,49) hsl(48,39%,32%)

Tetrad color palettes

HEX RGB HSL
#315E70 rgb(49,94,112) hsl(197,39%,32%)
#704231 rgb(112,66,49) hsl(16,39%,32%)
#317062 rgb(49,112,98) hsl(167,39%,32%)
#706331 rgb(112,99,49) hsl(48,39%,32%)