Color Selection

Foreground (0% luminance)
Background (100% luminance)

Live Contrast Preview

21:1✓ WCAG AA Pass
Contrast ratio 21:1. WCAG AA pass for normal text. WCAG AAA pass for normal text.
AAAPass
AAPass
Normal text (18pt or less): ✓ 4.5:1 minimum
Large text (18pt+ or 14pt bold): ✓ 3.0:1 minimum
UI Components: ✓ 3.0:1 minimum

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
No combinations saved yet. Use the Save Combination button on the canvas to add one.

Accessibility Stats

0:1
Average Contrast RatioFG 0% · BG 100% luminance
–
AANo data
–
AAANo data

Click to Pick Colors

FO
BA

Color Reference

Foreground
#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
Luminance: 0.0% · Dark
Background
#ffffff
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Luminance: 100.0% · Light

Accessible Color Suggestions

Suggested foreground colors that pass WCAG AA on this background. Click a suggestion to apply it.

#000000Dark · 21:1 · AAA✓
★ Best match

Combinations

No saved combinations yet. Use the “Save Combination” button on the canvas to add one.

Color-Vision Simulation

Preview how your colors appear under different types of color vision deficiency.

WCAG Guidelines

Normal text (18pt or less): 4.5:1 minimum
Large text (18pt+ or 14pt bold): 3:1 minimum
UI Components: 3:1 minimum
Based on WCAG 2.2 and WCAG 2.1