Complementary

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="0"
        y2="512"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2af598" />
        <stop offset="1" stop-color="#009efd" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M437.02 74.98C388.667 26.629 324.38 0 256 0S123.333 26.629 74.98 74.98C26.629 123.333 0 187.62 0 256s26.629 132.667 74.98 181.02C123.333 485.371 187.62 512 256 512s132.667-26.629 181.02-74.98C485.371 388.667 512 324.38 512 256s-26.629-132.667-74.98-181.02zM291.789 42.982 254.5 179.892 217.344 43.47A216.414 216.414 0 0 1 256 40a216.45 216.45 0 0 1 35.789 2.982zM40 256c0-91.924 57.727-170.606 138.827-201.736L233.771 256l-54.945 201.736C97.727 426.606 40 347.924 40 256zm177.344 212.53L254.5 332.108l37.289 136.911A216.558 216.558 0 0 1 256 472c-13.192 0-26.11-1.194-38.656-3.47zm113.111-9.759L275.229 256l55.227-202.771C412.983 83.628 472 163.051 472 256s-59.017 172.372-141.545 202.771z"
    />
</svg>