<div class="cir"></div>
<div class="cir-1"></div>
<style>
  body{
  background:#E38F66;
  }
 .cir{
    width: 200px;
    height: 200px;
   border-radius:50%;
    background: #AA445F;
   position:absolute;
   left:100px;
   top:50px;
  }
   .cir-1{
    width: 80px;
    height: 80px;
   border-radius:50%;
   border:30px solid #AA445F;
   border-left-color:#F7EC7D;
   border-right-color:#F7EC7D;
   background: #AA445F;
   transform:rotate(-45deg);
   position:absolute;
   left:130px;
   top:80px;
  }
</style>