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

✨

Governor Bay #004AC3
Periwinkle Gray #B8C9E5

(Contrast ratio: 4.5:1 | AA)

Waiouru #464515
Blue Romance #D0EDCF

(Contrast ratio: 7.9:1 | AAA)

Shamrock #63DBB5
Purple Heart #431BB0

(Contrast ratio: 6.1:1 | AA)

Polo Blue #699AC5
Loulou #4F1150

(Contrast ratio: 4.6:1 | AA)

Citron #A9BD3D
Te Papa Green #1D3C34

(Contrast ratio: 5.7:1 | AA)

Breaker Bay #59A2A8
Daintree #102732

(Contrast ratio: 5.3:1 | AA)

Rouge #A2427F
Yellow Green #D7F69C

(Contrast ratio: 4.8:1 | AA)

Cloud #CBC5BF
Copper Canyon #82330C

(Contrast ratio: 5.1:1 | AA)

Ultramarine #2F0096
Celery #BAC867

(Contrast ratio: 7.4:1 | AAA)

Forest Green #3F9633
Sepia Black #2C0908

(Contrast ratio: 4.9:1 | AA)

Science Blue #1565CB
Spring Wood #FAF6F3

(Contrast ratio: 5.2:1 | AA)

Steel Blue #5581B8
Black Russian #12001D

(Contrast ratio: 5.0:1 | AA)

Walnut #76411F
Screamin' Green #2BFE50

(Contrast ratio: 6.0:1 | AA)

Buddha Gold #CBA408
Windsor #431782

(Contrast ratio: 5.3:1 | AA)

Shingle Fawn #61482B
Chartreuse #7CFD2E

(Contrast ratio: 6.5:1 | AA)

Cobalt #0C42AA
Electric Lime #1CFF1E

(Contrast ratio: 6.5:1 | AA)

Green Pea #105E4C
Cold Turkey #D8C1C5

(Contrast ratio: 4.5:1 | AA)

Blue Ribbon #4F55F8
Tara #E3F8EB

(Contrast ratio: 4.7:1 | AA)

Mulberry Wood #5F0630
Malachite #16B118

(Contrast ratio: 4.7:1 | AA)

Plum #953680
Wattle #E0E046

(Contrast ratio: 4.8:1 | AA)