Color Contrast Checker

Test color combinations for WCAG compliance and accessibility

Text Preview

Large Header Text

Subheading Text Size

This is how your regular paragraph text will look. The quick brown fox jumps over the lazy dog.

Smaller text size - WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

WCAG Guidelines

  • • Level AAA (Enhanced): 7:1 contrast ratio or higher
  • • Level AA (Standard): 4.5:1 contrast ratio for normal text
  • • Level AA (Large): 3:1 contrast ratio for large text
  • • Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger
#112A46
#ACC8E5

Contrast Analysis

0.00:1Level Fail
Poor contrast
Normal Text (14pt)
✗ Fail
Large Text (18pt+)
✗ Fail

Use this tool to ensure your color combinations meet WCAG accessibility guidelines.

Follow us across the web

Join our fast-growing community!