Tide Clock

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path
        fill="#cc5f47"
        d="M248.5 0v497C385.743 497 497 385.743 497 248.5S385.743 0 248.5 0z"
    />
    <path
        fill="#eb7052"
        d="M467 248.5C467 111.257 369.174 0 248.5 0 111.257 0 0 111.257 0 248.5S111.257 497 248.5 497C369.174 497 467 385.743 467 248.5z"
    />
    <path
        fill="#ffeb6b"
        d="m435.424 324.328-9.423-12.281C433.112 292.191 437 270.802 437 248.5c0-92.592-66.764-169.576-154.775-185.475l-5.932-14.32C271.831 37.736 261.072 30 248.5 30s-23.331 7.736-27.793 18.705l-5.932 14.32C126.764 78.924 60 155.908 60 248.5c0 22.302 3.888 43.691 10.999 63.547l-9.423 12.281c-7.268 9.349-8.588 22.535-2.302 33.422s18.365 16.337 30.096 14.717l15.409-2.029C139.354 411.151 190.902 437 248.5 437s109.146-25.849 143.722-66.562l15.409 2.029c11.731 1.62 23.81-3.83 30.096-14.717 6.285-10.887 4.965-24.073-2.303-33.422z"
    />
    <path
        fill="#2da0e3"
        d="M401.626 207.47c-7.291-27.279-21.667-51.663-41.05-71.046l-71.046-41.05C276.442 91.876 262.691 90 248.5 90s-27.942 1.876-41.03 5.374l-71.046 41.05c-19.383 19.383-33.759 43.767-41.05 71.046v82.06c7.291 27.279 21.667 51.663 41.05 71.046l71.046 41.05c13.088 3.498 26.839 5.374 41.03 5.374s27.942-1.876 41.03-5.374l71.046-41.05c19.383-19.383 33.759-43.768 41.05-71.046z"
    />
    <g fill="#40cbff">
        <path
            d="m248.5 248.5 153.126 41.03c3.498-13.088 5.374-26.839 5.374-41.03s-1.876-27.942-5.374-41.03zM248.5 248.5 136.424 360.576c19.383 19.383 43.768 33.759 71.046 41.05L248.5 248.5zM248.5 248.5l41.03 153.126c27.279-7.291 51.663-21.667 71.046-41.05zM207.47 95.374c-27.279 7.291-51.663 21.667-71.046 41.05L248.5 248.5zM95.374 207.47C91.876 220.558 90 234.309 90 248.5s1.876 27.942 5.374 41.03L248.5 248.5zM360.576 136.424c-19.383-19.383-43.767-33.759-71.046-41.05L248.5 248.5z"
        />
    </g>
    <path
        fill="#ebfaff"
        d="M248.5 120v257c70.969 0 128.5-57.531 128.5-128.5S319.469 120 248.5 120z"
    />
    <path
        fill="#fff"
        d="M347 248.5c0-70.969-44.1-128.5-98.5-128.5-70.969 0-128.5 57.531-128.5 128.5S177.531 377 248.5 377c54.4 0 98.5-57.531 98.5-128.5z"
    />
    <path
        fill="#7c7b80"
        d="M248.5 150c-8.284 0-15 6.716-15 15v81.734h30V165c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#b0bcc2"
        d="M347 256H196c-4.142 0-7.5-3.357-7.5-7.5s3.358-7.5 7.5-7.5h151c4.142 0 7.5 3.357 7.5 7.5s-3.358 7.5-7.5 7.5z"
    />
    <circle cx="248.5" cy="248.5" r="22.5" fill="#ffeb6b" />
    <circle cx="248.5" cy="60" r="7.5" fill="#fff" />
    <circle cx="85.254" cy="342.75" r="7.5" fill="#fff" />
    <circle cx="411.746" cy="342.75" r="7.5" fill="#fff" />
</svg>