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

✨

Keppel #44A08A
Tolopea #1D0845

(Contrast ratio: 5.7:1 | AA)

Purple Heart #A656F3
Revolver #1C0B28

(Contrast ratio: 4.7:1 | AA)

Screamin Green #5FF887
Livid Brown #412031

(Contrast ratio: 10.3:1 | AAA)

Conifer #C5E656
Violet Eggplant #840985

(Contrast ratio: 6.3:1 | AA)

Tumbleweed #DFA67B
Gulf Blue #1C1A56

(Contrast ratio: 7.4:1 | AAA)

Light Orchid #E399D8
Blue Gem #18188D

(Contrast ratio: 6.3:1 | AA)

Cape Palliser #A56F4E
Haiti #14072B

(Contrast ratio: 4.6:1 | AA)

Violet Eggplant #A93AC1
Scandal #C6FEFA

(Contrast ratio: 4.7:1 | AA)

Pizza #CF9921
Timber Green #09302C

(Contrast ratio: 5.6:1 | AA)

Pacifika #6F7800
Narvik #F1FDF4

(Contrast ratio: 4.6:1 | AA)

Strikemaster #9A6083
Snow Drift #F6FDFA

(Contrast ratio: 4.7:1 | AA)

Regent Gray #8C9DA5
Elephant #1C323F

(Contrast ratio: 4.7:1 | AA)

Science Blue #265EC4
Peppermint #E2F3DD

(Contrast ratio: 5.2:1 | AA)

Hopbush #D56493
Crowshead #171108

(Contrast ratio: 5.4:1 | AA)

Vivid Violet #913C91
Mint Green #8DFAAA

(Contrast ratio: 5.0:1 | AA)

Magenta / Fuchsia #B906E3
Witch Haze #F9FC9A

(Contrast ratio: 4.6:1 | AA)

Purple Mountains’ Majesty #9F7DAB
Deep Forest Green #102500

(Contrast ratio: 4.7:1 | AA)

Green Yellow #7DE12E
Blue Gem #311288

(Contrast ratio: 8.1:1 | AAA)

Lavender Rose #F594DA
Ultramarine #3008A0

(Contrast ratio: 6.1:1 | AA)

Lavender #D088F9
Violet #2B0340

(Contrast ratio: 7.2:1 | AAA)