Speaking of colour blindness, I noticed, that Storybook offered overlays to simulate different ones.
I digged into the source code and discovered, that they use SVG for it! https://github.com/storybookjs/storybook/blob/96a8552aef9895873de360f98005952151d246ca/addons/a11y/src/components/ColorFilters.tsx
Applying a filter: url('#<the_filter>') as seen in https://github.com/storybookjs/storybook/blob/96a8552aef9895873de360f98005952151d246ca/addons/a11y/src/components/VisionSimulator.tsx#L34
could give you an impression on how the visuals might appear to these users.