Colour contrast problem for Carbon tag component

[KJaspers]

Our colour contrast analyser found the following problem for the Carbon tag component (kind=purple):

[tw15egan]

cc @carbon-design-system/design

[laurenmrice]

For the purple tag:
-The text color is Purple 70 (#6929C4)
-The background color is Purple 20 (#E8DAFF)

This combination does pass WCAG AA. I think you may have the wrong hex value for the text color (#695CD5)

[laurenmrice]

Its a bug in react which we need to update to the above ^

[tw15egan]

@laurenmrice that's what we currently have in React

[laurenmrice]

Oh, you are right ! Doing some further investigation, I looked at this in Firefox/Chrome/Safari, the Firefox browser is making the colors show up differently (almost a warmer color).

.

[KJaspers]

BTW: We are using the Carbon Vue.js library.

[joshblack]

Is there a good way to reproduce the issue? Tried using FF's built-in contrast checker as well and saw what seems to be the correct values:

[tw15egan]

Closing this out, contrast values were increased in this PR: #7262