Contrast Checker

Check the contrast between primary and secondary colors to ensure legibility and accessibility.

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: