Feel free to select your foreground and background colours using RGB hexadecimal codes or simply pick them with our Colour Picker tool. Play around with the Luminance slider to get the perfect shade that passes WCAG standards. You can add as many colours as you like to discover different colour combinations that work!
Remember, large text is defined as 14-point (typically 18.66px) and bold or larger, or 18-point (typically 24px) or larger. The User Interface components refer to icons and form fields.
You can filter your results by background colour (so they are grouped), or by whether they have passed WCAG AA or WCAG AAA.
You also have the option to share your results with a colleague or friend (if your friends like that sort of thing) by hitting the share button, or you can export your tested colours in various ways by hitting the export button.
Happy designing!
2024 © Colour Contrast Checker, created by Jo Loveridge & Zoe Aubert