ColorMagic
🇬🇧EN

Contrast Checker

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

Brightness

Saturation

Warmth

Brightness

Saturation

Warmth

Contrast Result

Example Primary text

  • Contrast Ratio:

    3.28

  • Normal Text:

    Fail

  • Large Text:

    AA

  • UI Components:

    AA
Foreground:
Background:

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

HomeExploreLiked