Make red character countdown font color accessible

Problem/Motivation

When a user exceeds the character limit, the countdown number turns red. This color of red has a contrast ratio of 4.1:1. But AA for regular text requires a contrast ration of at least 4.5:1 . Large text is at least 24px and bold text at least 18.5 pixels.

The text is 16 pixels and with a font-weight of bold. So 18,5 pixel would be required for a bold font to satisfy at least the AA criteria.

Steps to reproduce

Set a Maxlength on a formatted text field.

Type past the limit and notice the negative countdown message.

Proposed resolution

Set the red color to #C01C28 for a better contrast ratio.