JSFiddle - React, Tailwind, and code Playground

HTML

<div>
</div>

CSS

div
    {
      width: 100px;
      height: 100px;
      margin: 100px auto;
      border-radius: 50%;
      background: radial-gradient(circle at center, #ffb60f 35%, #f9eec7 35%, #f9eec7 70%, red 70%) content-box;
    }