Lumen

About Lumen

Lumen is an accessibility-focused tool for designers or developers to check if their color choices meet accessibility standards quickly and accurately.

How it works?

Lumen analyzes the contrast between two colors to determine if they meet the accessibility requirements outlined in WCAG standards. Simply input hex codes or select colors, and Lumen will evaluate whether your design achieves the recommended contrast ratio for readability and inclusivity.

Foreground

Hex Value

Background

Hex Value

Contrast Ratio

21.00: 1

AAA

Excellent - Meets AAA standards

1:14.5:17:1

Accessibility Compliance Check

About WCAG Compliance

WCAG guidelines make websites accessible to everyone, with AA being the standard level and AAA the highest.

Normal Text

WCAG AA

Meets contrast requirements.

Pass

WCAG AAA

Meets contrast requirements.

Pass

Large Text

WCAG AA

Meets contrast requirements.

Pass

WCAG AAA

Meets contrast requirements.

Pass

Graphical Objects and User Interface Components

WCAG AA

Meets contrast requirements.

Pass

Passing

Needs Improvement