JSFiddle - React, Tailwind, and code Playground

HTML

<div class="original box"></div>

<div class="new box"></div>

CSS

.box {
	height: 100px;
	width: 200px;
	margin-bottom: 20px;
}
.original {
	background-color: #50e3c2; // HSL: 167° 72% 60%
}
.new {
	background-color: red;
	//filter: hue-rotate(hue(#50e3c2)) saturate(saturation(#50e3c2)) brightness(lightness(#50e3c2));
	filter: hue-rotate(166.53061deg) saturate(72.41379%) brightness(60.19608%);
}