利用:after就可以实现，不知道是不是你想要的效果，希望对你有所帮助

.main {
            background: #7272ff;
            position: relative;
            width: 400px;
            height: 150px;
        }
        .main:after {
            content: '';
            background: #fff;
            width: 128%;
            height: 300px;
            position: absolute;
            top: 26px;
            left: -14%;
            border-radius: 50%;
        }
<p class="main"></p>