Contrast
16.14:1
Sample text for contrast preview
Large text
Great contrast for both small text (below 18pt) and large text (above 18pt or bold above 14pt). Meets AAA.
This tool follows the Web Content Accessibility Guidelines (WCAG), which are recommendations for making the web more accessible. For colors, the standard defines two levels: AA (minimum contrast) and AAA (enhanced contrast). AA requires at least 4.5:1 for normal text and 3:1 for large text (at least 18pt or 14pt bold). AAA requires at least 7:1 for normal text and 4.5:1 for large text.
Yes, completely free. Check unlimited color combinations in your browser.
AA is the minimum recommended level (4.5:1 for normal text, 3:1 for large). AAA is stricter (7:1 normal, 4.5:1 large) for critical or long-form content.
No. Contrast is calculated in your browser from the colors you pick.
Convert between HEX, RGB, RGBA, HSL, HSLA and more. Paste any format, see all equivalents and copy CSS snippets.
Generate harmonious color palettes with accessibility checks
Create beautiful CSS gradients with modern color spaces and Tailwind export