Color Selection

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

Live Contrast Preview

21.00:1✓ WCAG AA Pass
Contrast ratio 21.00: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.

Accessibility Stats

0.00:1
Average Contrast Ratio0% luminance on 100%
AA0% Pass
AAA0% Pass

Click to Pick Colors

Click any color swatch to open the color picker

FO
BA

Color Reference

Foreground
#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
Background
#ffffff
rgb(255, 255, 255)
hsl(0, 0%, 100%)

Accessible Color Suggestions

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

#000000Light · 21.00:1 · AAA✓
★ Best match

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