Pink Contrast Checker
Test a pink background against a foreground colour before using the combination for text, labels, buttons or other essential interface content.
How to interpret the result
The ratio compares the relative luminance of the two colours. WCAG 2.x uses a minimum ratio of 4.5:1 for normal text at level AA and 3:1 for large text. Level AAA raises those targets to 7:1 for normal text and 4.5:1 for large text. Large text is generally defined by CSS pixel-equivalent thresholds tied to font size and weight, so verify the applicable requirement for your implementation.
A passing pair can still be uncomfortable if the type is very thin, small, tightly spaced or placed over gradients and images. Treat the numeric result as one part of readable design rather than a substitute for checking the final component.
Why pink often creates contrast surprises
Many bright pinks feel visually intense because of saturation, yet their luminance remains high enough to reduce separation from white. Pale pinks create the opposite problem more obviously. Dark text usually performs better on light blushes and pastels, while deeper berry pinks may support white or other light foregrounds.
Test states as well as the default colour
Buttons and controls can change colour on hover, focus, selection and disabled states. Check those combinations separately, especially when the text colour stays fixed. If transparency is involved, calculate or inspect the final composited colour rather than testing the source swatch in isolation.