random color contrasts @randomColorContrasts@botsin.space

The Web Content Accessibility Guidelines (WCAG) colour contrast information is great but it is limited.

You should test and consider more around colour including how colour blindness affects contrast.

Can read the overview of the guidelines here:
https://www.w3.org/TR/2008/REC-WCAG20-20081211/

Testing with real people is always preferable if you can.

You can simulate colour blindness with various tools though such as: https://colororacle.org

The contrast ratio can pass the guideline criteria but still be hard to read: https://mastodon.social/@giltay/100640303516475367

✨

Mauvelous #E390A5
Bossanova #4F1F48

(Contrast ratio: 5.4:1 | AA)

Lochmara #1884C8
Jaguar #030512

(Contrast ratio: 5.0:1 | AA)

Denim #046BC4
Marigold Yellow #FFEE79

(Contrast ratio: 4.5:1 | AA)

Portage #9EAEF9
Nile Blue #21364D

(Contrast ratio: 5.8:1 | AA)

Blue Chill #189DA6
Arapawa #071065

(Contrast ratio: 5.0:1 | AA)

Red Orange #F82529
Tangaroa #030E34

(Contrast ratio: 4.7:1 | AA)

Downy #59C1BC
Plum #710E61

(Contrast ratio: 5.0:1 | AA)

Fuchsia Pink #D241BA
Violet #250034

(Contrast ratio: 4.6:1 | AA)

Purple Heart #9547CA
Dolly #F4F981

(Contrast ratio: 4.6:1 | AA)

Purple Heart #5118A6
Lavender #F4B2CF

(Contrast ratio: 6.0:1 | AA)

Green #15830E
Milan #FDFEA6

(Contrast ratio: 4.6:1 | AA)

Magenta / Fuchsia #F712EC
Paua #2C0B67

(Contrast ratio: 4.6:1 | AA)

Cowboy #532B29
Summer Green #90B4A1

(Contrast ratio: 5.3:1 | AA)

Limeade #7C9A06
Toledo #3A0018

(Contrast ratio: 5.4:1 | AA)

Vida Loca #59930D
Black Bean #091D16

(Contrast ratio: 4.7:1 | AA)

Roof Terracotta #AC3328
Tusk #EDF9C9

(Contrast ratio: 5.8:1 | AA)

Jewel #086D42
Golden Fizz #F1FA27

(Contrast ratio: 5.6:1 | AA)

Moody Blue #6B7AE6
Black Rock #160935

(Contrast ratio: 4.9:1 | AA)

Astronaut #3A3976
Electric Lime #0FDF08

(Contrast ratio: 5.7:1 | AA)

Screamin Green #68FA88
Purple Heart #7635DD

(Contrast ratio: 4.7:1 | AA)