Back to All ToolsColour & Design

Contrast Checker

Check WCAG color contrast compliance for text and UI elements to ensure accessibility.

Text Color

Background Color

Contrast Ratio

6.01:1

Great! Your colors pass standard AA accessibility guidelines.

WCAG 2.1 Compliance

AA Normal Text

>= 4.5:1

AA Large Text

>= 3.0:1 (18pt+)

AAA Normal Text

>= 7.0:1

AAA Large Text

>= 4.5:1 (18pt+)

UI Components & Graphics

>= 3.0:1 (Icons, Borders)

Live Preview

Normal Text (16px / 400 weight)

The quick brown fox jumps over the lazy dog. Accessibility is not a feature, it is a social imperative. When you design for accessibility, you design for everyone. Good contrast ensures that people with visual impairments or those in bright environments can still read your content without eye strain.

Large Text (24px / 700 weight)

Beautiful design should never compromise on readability and universal access.