Free Color Contrast Checker ✅

Make sure your colors are easy to read and accessible! Check the contrast ratio between your primary and secondary colors to meet WCAG standards.

Loading...

Example Primary text

  • Contrast Ratio:

    3.28

  • Normal Text:

    Fail

  • Large Text:

    AA

  • UI Components:

    AA

Brightness

Saturation

Warmth

Brightness

Saturation

Warmth

ColorMagic's contrast checker follows the web content accesibility guidelines (WCAG) as to ensure legibility: