For the "it's the law tho" crowd, here's a fix:

APCA to WCAG 2 Backwards Compatibility Chart

For 4.5:1

Backwards 4.5:1 is achieved when:

IF the lightest color is darker than #d0d0d0
OR the darkest is darker than #595959
THEN Lc ±60 exceeds 4.5:1

ELSE Lc 72 or Lc -77 exceeds 4.5:1 in all cases

---
For 3:1

Backwards 3:1 is achieved when:

IF the lightest color is darker than #c4c4c4
OR the darkest is darker than #6c6c6c
THEN Lc ±45 exceeds 3:1

ELSE Lc 57 or Lc -63 exceeds 3:1 in all cases

---
Here's the implication:

If both colors are darker than #d0d0d0 or at least one is darker than #595959:

Then it's not a matter of "can you?" use APCA, it's a matter of you *should* use APCA.

For color pairs darker than #d0d0d0, WCAG 2.x contrast math results are not meaningful, and create inaccessible, often unreadable, color pairs.

Actual Accessibility is where it's at.

#darkmode #Webdesign
#a11y #color #webdev
#colour #wcag #apca

Base Color : F73662
Mode : monochrome-dark
#A30A2D
#C60C36
#E90D3F
#F42756
#A0A0A0
#B2B2B2
#C4C4C4

Base Color : 7AC2B9
Mode : monochrome-dark
#3E7F77
#4DA298
#69B9AF
#ABABAB
#C4C4C4