Randoma11y - Accessible color combinations

Discover millions of accessible color combinations with RandomA11y, the real-time color playground.

Background Color Contrast-95.911Iterations1 I agree to the terms and conditions npm install randoma11y 27 May 2026 APCA Accessible Perceptual Contrast APCA is a new method for calculating and predicting readability contrast. These models are specifically related to color appearance on self-illuminated RGB computer displays & devices, and also for modeling accessible user needs, with a focus on readability. The APCA generates a contrast value based on a color pair, and this value is perceptually based: that is, regardless of how light or dark the colors are, a contrast value of Lc 60…

saved by

• Jaclyn
• HudZah
• Aileen Luo
• Alyssa Butler
• Radha Munver

related reading

• oklch.fyi ▸ OKLCH Color Picker, Generator and Converteroklch.fyi
• Visual design rules you can safely follow every timeanthonyhobday.com
• Realtime Colorsrealtimecolors.com
• Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
• Colors - Core conceptstailwindcss.com
• My struggle with colors, part II. Building an accessible color system… | by Zain Adeel | UX Collectiveuxdesign.cc
• OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blogevilmartians.com
• How to generate color palettes for design systems || Matt Ström-Awn, designer-leadermatthewstrom.com
• <color> CSS type - CSS | MDNdeveloper.mozilla.org
• Color: From Hexcodes to Eyeballsjamie-wong.com
• Color / Design / Zendesk Gardengarden.zendesk.com
• Designing for Web Accessibility – Tips for Getting Startedw3.org