Contrast-Finder finds correct color contrasts for web accessibility
WCAG Success criteria 1.4.3 requires text to have a minimum contrast ratio of 4.5:1 (and 3:1 for large text).
It is the text color. You can fill in this field with an hexadecimal value. i.e.
#AABBCC color. Note that
#ABC works also, we automatically complete the field with
#AABBCC. You can also use this field without the
# character, so
FFFFFF works perfectly. The input value is then previewed on the right of the field.
It is the background color. This field works as the text color fields.
It is either the foreground or the background. Default is foreground.
The component you choose will be modified until we find a valid color. The other color won't change.
Three possible values 3, 4.5 and 7.
How to choose a ratio ? It depends on the following elements:
All details about the contrast ratio:
If you have any problems with or questions about Contrast-Finder, please contact us: