Coolors.co - The super fast color schemes generator. Color Contrast Checker. You are here: Home > Resources > Color Contrast Checker <p><strong>This tool requires Javascript. </strong></p> Normal Text WCAG AA: Pass WCAG AAA: Pass The five boxing wizards jump quickly. Large Text Explanation Enter a foreground and background color in RGB hexadecimal format (e.g., #FD3 or #F7DA39) or choose a color using the color picker.
WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text. We are Colorblind. Colour Contrast Check. Contrast Ratio Analyser. Colour Contrast The old Accessibility Evaluation and Repair Tools (AERT) suggested algorithm for determining colour contrast now directs here. The AERT algorithm was never a recommendation, and WCAG 2.0's luminosity contrast algorithm is recommended instead.
Success Criterion 1.4.3 of WCAG 2.0 requires the visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement. Analyse Luminosity Contrast Ratio. Color Contrast Checker. Colour Check. Contrast Analyser & Accessibility. About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations. It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria. In addition, the Colour Contrast Analyser provides functionality to simulate certain visual conditions such as dichromatic color blindness (protanopia, deuteranopia, tritanopia) and cataracts.
Note: the image simulation features are currently not available in the Mac version. Details The Color Contrast Analyser was developed to facilitate the assessment of color combinations against WCAG 2.0: The Colour Contrast Analyser uses the following formula to determine contrast: where R, G and B are defined as: and RsRGB, GsRGB, and BsRGB are defined as: RsRGB = R8bit/255GsRGB = G8bit/255BsRGB = B8bit/255 Versions Windows Mac Acknowledgements Terms of use The Colour Contrast Analyser is freeware.
Color Palette Generator. Variations of color. Color Scheme Designer 3. Kuler - color scheme adobe.