Links
rgb(0, 0, 255)
hsl(240, 100%, 50%)
#0000FF
rgb(0, 0, 255)
hsl(240, 100%, 50%)
#0000FF
Text
rgb(34,34,34)
hsl(0, 0%, 13%)
#222222
rgb(34,34,34)
hsl(0, 0%, 13%)
#222222
Background
rgb(255, 255, 255)
hsl(0, 0%, 100%)
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0%, 100%)
#FFFFFF
Foreground text link text foreground text
Link to Body text
WCAG A: Fail
Use another method for differentiating links and text (e.g., underline)
Link to Background
WCAG AA: Fail
WCAG AAA: Fail
Body text to Background
WCAG AA: Fail
WCAG AAA: Fail
Calculate text and link colours for background