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

✨

Emerald #6AEFA2
Blue #4503FC

(Contrast ratio: 5.4:1 | AA)

Aquamarine #78EBC5
Jacksons Purple #0C1E96

(Contrast ratio: 8.8:1 | AAA)

Blue #122BFE
Primrose #D8DE8E

(Contrast ratio: 5.3:1 | AA)

Blue Ribbon #3A52EB
Madang #B8F0B5

(Contrast ratio: 4.5:1 | AA)

Deep Sea #0A7F64
Golden Fizz #F9FD38

(Contrast ratio: 4.5:1 | AA)

Dodger Blue #5388F3
Deep Cove #01073C

(Contrast ratio: 5.6:1 | AA)

Orchid #D47BE8
Violet #2E0445

(Contrast ratio: 6.4:1 | AA)

Thatch Green #44451F
Screamin' Green #5EFB67

(Contrast ratio: 7.3:1 | AAA)

La Palma #288304
Carla #EDFFD8

(Contrast ratio: 4.6:1 | AA)

Ocean Green #2C9D6A
Zeus #2A221E

(Contrast ratio: 4.6:1 | AA)

Fuzzy Wuzzy Brown #DA6E7C
Castro #490621

(Contrast ratio: 4.9:1 | AA)

Grenadier #DF4D0B
Revolver #1A0C28

(Contrast ratio: 4.6:1 | AA)

Blue Ribbon #4659E6
Chartreuse Yellow #DDF823

(Contrast ratio: 4.6:1 | AA)

Astra #F5E5B5
Blue Ribbon #3947EF

(Contrast ratio: 5.0:1 | AA)

Dark Blue #0604C8
Aquamarine #03FBD8

(Contrast ratio: 8.5:1 | AAA)

Scooter #18BCD2
Heath #5F1E1F

(Contrast ratio: 5.4:1 | AA)

Chiffon #E0FDC3
Plum #652261

(Contrast ratio: 9.7:1 | AAA)

Razzle Dazzle Rose #D330BC
Jaguar #1B0815

(Contrast ratio: 4.5:1 | AA)

Husk #A9A04F
Mardi Gras #38043A

(Contrast ratio: 6.3:1 | AA)

Forest Green #23901A
Diesel #1C0612

(Contrast ratio: 4.7:1 | AA)