Contrast Checker
Check WCAG AA/AAA contrast for any foreground/background combination.
Visual DesignContrast Ratio
17.85:1
✓ Pass
AA · normal text
≥ 4.5
✓ Pass
AA · large text
≥ 3
✓ Pass
AAA · normal text
≥ 7
✓ Pass
AAA · large text
≥ 4.5
Aa Big Headline
Body text — the quick brown fox jumps over the lazy dog.
Small caption text used for hints and metadata.
Live preview · #0F172A on #FFFFFF
Related tools in Visual Design
Popular
Visual Design
Color Theory Wheel
Pick colors and explore harmonies — complementary, triadic, analogous and more.
Use Tool
Visual Design
Typography Scale Generator
Generate a modular type scale with live preview and copyable CSS.
Use Tool
NewVisual Design
Color Palette Generator
Build harmonious palettes from a base color and copy hex codes.
Use Tool
by Deepesh Barjatya