← Back to Tools

👁️

Color Contrast Warden

Guard your designs against inaccessible color combinations

"The server room is my domain. Mind the blinking lights."

- Grix the Server Goblin

👁️ The Warden

Check if your color combinations meet WCAG accessibility standards. Get suggestions for compliant alternatives.

📋 WCAG Standards

AA Normal (4.5:1)
Standard text under 18pt
AA Large (3:1)
Text 18pt+ or 14pt bold
AAA Normal (7:1)
Enhanced contrast

🎨 Supported Formats

• HEX: #ff0000, #f00
• RGB: rgb(255, 0, 0)
• HSL: hsl(0, 100%, 50%)
• Named: red, blue, etc.

💡 Tips

• Test with actual font sizes
• Consider color blindness
• Don't rely on color alone
• Test on multiple devices

🔒

Privacy Seal

All tools run entirely in your browser. No data leaves your device.

© 2026 Libram