Tiny Online Tools logoTiny Online ToolssearchSearch tools…grid_viewAll Tools
Homechevron_rightDesign Toolschevron_rightColor Contrast CheckerColor Contrast Checker

Color Contrast Checker

Check WCAG 2.1 color contrast ratios for accessibility.

#1e1b4b#ffffff

Sample Heading Text

The quick brown fox jumps over the lazy dog. This is body text at 16px to demonstrate readability at normal size.

15.99:1
Contrast Ratio
WCAG 2.1 Results
check_circle
AA Normal Text
Min 4.5:1Body text, UI components
PASS
check_circle
AA Large Text
Min 3:118pt+ or 14pt+ bold
PASS
check_circle
AAA Normal Text
Min 7:1Enhanced: body text
PASS
check_circle
AAA Large Text
Min 4.5:1Enhanced: large text
PASS

Similar Tools

Image Color Picker

Image Color Picker

Pick color codes from any image.

Color Code Converter

Color Code Converter

Convert HEX, RGB, and HSL color codes.

Random Color Generator

Random Color Generator

Generate random color palettes with harmony rules.

Gradient Generator

Gradient Generator

Build CSS gradients visually with a live preview.

Unlock PDF

Unlock PDF

Remove password protection from a PDF file locally.

Resize Image

Resize Image

Resize images to custom dimensions while maintaining quality.

Rotate Image

Rotate Image

Rotate images by custom angles.

apps

More Tools

Browse our full collection of free online tools.