JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
  <div class="b">
    <div class="c">Lorem ipsum</div>
  </div>
</div>

CSS

.a,.b {
  width: 200px;
  height: 200px;
  background: red;
}

.b {
  height: 100px;
  background: green;
  mix-blend-mode: multiply;
}

.c {
  color:#fff;
  isolation: isolate;
  position: relative;
}