JSFiddle - React, Tailwind, and code Playground

by michananya

HTML

<div>

</div>
<div class="mani">

</div>
<div class="border">

</div>

CSS

div {
  height: 200px;
  width: 200px;
  background-color:#4DA6FF;
  display: inline-block;
}
.mani {
  
  /*filter: brightness(140%)  saturate(27%);*/
  /*filter: lighten(50%);*/
  background-color: lighten(#4DA6FF, 50%);
 

}
.mani2 {
  filter: invert(46%) sepia(18%) saturate(6424%) hue-rotate(164deg) brightness(98%) contrast(101%);
  }
  
  .border {
      background-color: #C1E0FF;
  }