Color palette generator
Generate beautiful color palettes with the space bar. Lock colors, pick schemes and moods, check contrast, and export to CSS, Tailwind, ASE, or PNG.
Color contrast checker
Check text and background contrast against WCAG AA and AAA, plus the APCA score and color blindness previews. Get the closest passing color.
Large heading text
Normal body text should be easy to read for everyone, including people with low vision.
Small print and captions.
APCA (WCAG 3 draft)
How it reads with color blindness
How to use Color contrast checker
Check the color contrast ratio between text and background against WCAG 2.2 — and see the newer APCA score proposed for WCAG 3.
- AA: 4.5:1 for normal text, 3:1 for large text and UI components
- AAA: 7:1 for normal text, 4.5:1 for large text
- APCA Lc with plain-English guidance on which text sizes it's good for
- Preview under deuteranopia, protanopia, tritanopia and achromatopsia
- Suggests the closest text color that passes AA or AAA
- Accepts HEX, RGB, HSL, OKLCH and color names, including transparent colors
Color contrast checker FAQs
Is Color contrast checker free?
Color contrast checker is a free online tool on ReallyUseful.Tools. No account is required.
Does Color contrast checker run in my browser?
Color contrast checker is designed to run in your browser where supported, so files can stay on your device instead of being uploaded to a server.
More Colors
Color picker & converter
Pick any color and get HEX, RGB, HSL, CMYK, OKLCH, and code values. Eyedropper, color names, harmonies, tints and shades, and contrast.
Color wheel
Interactive color wheel for complementary, analogous, triadic, and other color schemes. Switch between the artist's RYB wheel and the RGB wheel.
Color palette from image
Extract a color palette from any photo or design. Drag markers to fine-tune colors, then export CSS, Tailwind, JSON, Adobe ASE, or PNG.
CSS gradient generator
Design linear, radial, and conic CSS gradients visually. Drag color stops, blend in OKLab, add easing, and export CSS, Tailwind, SVG, or PNG.