HEX #316373 color — Casal
The color #316373 is a dark shade and moderately saturated.
Palette
316373 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(195,40%,97%) |
#e2eff3 |
rgb(226,239,243) |
hsl(195,40%,92%) |
#d1e4eb |
rgb(209,228,235) |
hsl(195,40%,87%) |
#bfdae3 |
rgb(191,218,227) |
hsl(195,40%,82%) |
#add0dc |
rgb(173,208,220) |
hsl(195,40%,77%) |
#9bc6d4 |
rgb(155,198,212) |
hsl(195,40%,72%) |
#89bccd |
rgb(137,188,205) |
hsl(195,40%,67%) |
#77b1c5 |
rgb(119,177,197) |
hsl(195,40%,62%) |
#65a7bd |
rgb(101,167,189) |
hsl(195,40%,57%) |
#549db6 |
rgb(84,157,182) |
hsl(195,40%,52%) |
#4890a8 |
rgb(72,144,168) |
hsl(195,40%,47%) |
#408196 |
rgb(64,129,150) |
hsl(195,40%,42%) |
#397184 |
rgb(57,113,132) |
hsl(195,40%,37%) |
#316272 |
rgb(49,98,114) |
hsl(195,40%,32%) |
#295360 |
rgb(41,83,96) |
hsl(195,40%,27%) |
#22434f |
rgb(34,67,79) |
hsl(195,40%,22%) |
#1a343d |
rgb(26,52,61) |
hsl(195,40%,17%) |
#12252b |
rgb(18,37,43) |
hsl(195,40%,12%) |
#0b1519 |
rgb(11,21,25) |
hsl(195,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(195,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#317357 |
rgb(49,115,87) |
hsl(155,40%,32%) |
#316373 |
rgb(49,99,115) |
hsl(195,40%,32%) |
#313873 |
rgb(49,56,115) |
hsl(234,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387385 |
rgb(56,115,133) |
hsl(194,41%,37%) |
#316373 |
rgb(49,99,115) |
hsl(195,40%,32%) |
#295460 |
rgb(41,84,96) |
hsl(193,40%,27%) |
#21424E |
rgb(33,66,78) |
hsl(196,41%,22%) |
#19333B |
rgb(25,51,59) |
hsl(194,40%,16%) |
#112429 |
rgb(17,36,41) |
hsl(193,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316373 |
rgb(49,99,115) |
hsl(195,40%,32%) |
#733042 |
rgb(115,48,66) |
hsl(344,41%,32%) |
#736131 |
rgb(115,97,49) |
hsl(44,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316373 |
rgb(49,99,115) |
hsl(195,40%,32%) |
#734031 |
rgb(115,64,49) |
hsl(14,40%,32%) |
#317362 |
rgb(49,115,98) |
hsl(165,40%,32%) |
#736131 |
rgb(115,97,49) |
hsl(44,40%,32%) |