Affinity Designer is using a specific color space. Within AD, if you hover over the color under the test-red and compare it to the one in their swatcher, it will be different when looked at using Digital Color Meter app, for example.
The goal of how Hype handles colors is to be as consistent across browsers as possible (this is difficult as some browsers are color managed and others aren’t) and to also be able to use the same values in Photoshop for a PNG and have them appear the same next to a Hype element using that color in every browser.
Unfortunately color spaces generally can’t be transformed without losing data, and there’s no facility to do an automatic conversion from one app to another. If you use these colors in photoshop for example, you’ll also wind up with them not being the same.