Every passing color
Every other checker hands back one color. Give this one a color and a background and it shows the entire range of that hue which clears the ratio, so you choose inside it instead of accepting the first thing that passes.
Up: lightness, 0 black to 100 whiteAcross: how much color
NoneAll this hue has
- Clears 4.5:1
- Does not
- No such color on any screen
3.95to 1
Your color needs 4.5:1 on this background and does not reach it.
One range of this color works
58% usableDarker than the background
lightness 0 to 58- Closest to yours
- It scores
- 4.53:1
- Change
- barely visible
Every color inside a range holds your hue exactly and clears 4.5:1, so all of them are real choices. The one named here is simply the closest to the color you already have.
The other tools
Contrast checker
Two colors, the ratio, and the nearest color that passes.
Palette matrix
Every pair in your palette, checked at once.
Accessible ramp
One brand color, a full scale, every step measured.
Color blindness check
Two colors that pass contrast can still be the same color.
Focus and UI check
Fifteen interface parts, and which of them the 3:1 rule exempts.