EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The color-adjust proeprty in CSS</title>
	<style type="text/css">
		.my-box {
		  background-color: black;
		  background-image: linear-gradient(pink, rgba(100, 250, 350, 1.5));
		  color: #266;
		  width: 15rem;
		  height: 6rem;
		  text-align: center;
		  font: 24px "Helvetica", sans-serif;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  color-adjust: economy;
		}
	</style>
</head>

<body>
	<div class="my-box">
		<p>Study Tonight !</p>
	</div>
</body>

</html>