JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<div id="hex">online</div>
<div id="cmyk">print</div>

CSS

body {
  margin: 0;
}
div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  height: 50vh;
}

#hex {
  background: #1F2E49;
}

#cmyk {
  background: #15233b;
}