Issue Summary

The color contrast of the standard text is not meeting the minimum color contrast ratio i.e. 4.5:1.

Steps to Reproduce

1. Navigate to "Plan" dropdown and select any plan from it.
2. Navigate to "Settings" button and activate it.
3. Select the "Get Started" option.
4. Observe that modal dialog has been opened.
5. Using Color Contrast Analyser tool check the color contrast of the text.

Screenshot

Actual Results

• The "1/6", "2/6", "3/6", "4/6", "5/6" and "6/6" text with #c1c7d0 foreground color has an insufficient color contrast ratio of 3.4:1 with #c1c7d0 background color.
• The "Learn more" link text on hover with #C0B7F4 foreground color has an insufficient color contrast ratio of 3.1:1 with #6654C0 background color.
• The "Learn more" link text on focus with #6B7A85 foreground color has an insufficient color contrast ratio of 1.3:1 with #6654C0 background color.

 
This will make it difficult for people with low vision and color blindness to read standard text elements that have insufficient contrast.

Expected Results

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3