LUCKY.GRAPHICS
Interactive Design Tools

Color Contrast Checker

Ensure your designs are accessible and meet WCAG 2.1 compliance standards with our professional-grade contrast evaluation tool.

Color Selector

#FFFFFF
#0F172A

WCAG Scoring

Normal Text
4.5:1FAIL
Large Text
3.0:1FAIL
UI Components
3.0:1FAIL
Enhanced (AAA)
7.0:1N/A
0.00Ratio

Live Evaluation

NON-COMPLIANT

The current contrast ratio is 0.00:1. This color combination fails to meet basic accessibility standards. We recommend adjusting one of the colors to improve readability.

Visual Samples

Body Text (14px)

Functional Minimalism

Lucky Graphics provides high-quality design assets for modern creators. Building a sustainable web requires attention to detail and accessibility.

UI Components
Activity Status

BOLD PREVIEW

Visual clarity is the foundation of professional design.

WCAG 2.1 AA

The standard for most web content. Requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

WCAG 2.1 AAA

The enhanced standard. Requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

What is Large Text?

Large text is defined as text that is at least 18pt (approx 24px) or 14pt (approx 18.67px) and bold.