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

✨

Ship Cove #7A9AC7
Navy Blue #130A86

(Contrast ratio: 5.1:1 | AA)

Red Violet #CD018B
Amour #F4EAF1

(Contrast ratio: 4.5:1 | AA)

Moss Green #9ACE99
Claret #770B32

(Contrast ratio: 6.2:1 | AA)

Olive Drab #749722
Black Pearl #01182C

(Contrast ratio: 5.3:1 | AA)

Dark Blue #0A24CF
Bright Green #62F536

(Contrast ratio: 6.8:1 | AA)

Inch Worm #92D911
Tawny Port #702A50

(Contrast ratio: 5.7:1 | AA)

Forest Green #078B2A
Woodsmoke #07070F

(Contrast ratio: 4.5:1 | AA)

Burnt Orange #D25617
Tolopea #090047

(Contrast ratio: 4.6:1 | AA)

Water Leaf #98FDFC
Ultramarine #2C0498

(Contrast ratio: 11.3:1 | AAA)

Cobalt #384AAB
Spindle #BDD0E8

(Contrast ratio: 4.9:1 | AA)

Razzle Dazzle Rose #F342C2
Big Stone #102742

(Contrast ratio: 4.6:1 | AA)

Burnt Sienna #E58456
Bossanova #452850

(Contrast ratio: 4.6:1 | AA)

Maroon Flush #A8143D
Shamrock #76E4A6

(Contrast ratio: 4.7:1 | AA)

Magenta / Fuchsia #E21CF7
Revolver #1C0C29

(Contrast ratio: 5.1:1 | AA)

Electric Lime #1DFD37
Persian Blue #2B45CA

(Contrast ratio: 5.4:1 | AA)

Quicksand #BC9480
Violent Violet #290D5D

(Contrast ratio: 5.9:1 | AA)

Rose Bud Cherry #840544
Emerald #57C87C

(Contrast ratio: 4.8:1 | AA)

Blue Violet #7B72C2
Gordons Green #0D1003

(Contrast ratio: 4.6:1 | AA)

Horizon #5A8FAB
Steel Gray #211F37

(Contrast ratio: 4.5:1 | AA)

Rich Gold #AA530D
Laser Lemon #F8F66F

(Contrast ratio: 4.7:1 | AA)