Color Contrast Pairs: Text on White, Black & Gray
WCAG 2.2 contrast ratios and APCA Lc for thousands of named colors as text on white, black and gray, and white or black text on each color.
Each page shows the WCAG 2.2 ratio, AA and AAA results for normal and large text and UI, APCA Lc, and the smallest lightness change that reaches 4.5:1. Need a pair that is not listed? Use the contrast checker, or type /contrast/<text hex>-on-<background hex>.
Colors as text on white
- Black21.00:1
- Navy Blue16.00:1
- Blue8.59:1
- Hulk5.13:1
- Teal4.77:1
- Green1.37:1
- Cyan1.25:1
- Fresh Turquoise1.64:1
- Indigo12.95:1
- Boa4.49:1
- Maroon10.94:1
- Purple9.41:1
- Grey3.94:1
- BBQ5.53:1
- Cos1.93:1
- Harissa Red7.08:1
- Bud2.44:1
- Cay1.66:1
- Bay1.42:1
- Bog2.03:1
- Ash1.94:1
- Silver1.81:1
- Ace1.58:1
- Bff1.88:1
- Wild Rider Red4.98:1
- Mamie Pink2.31:1
- Awe1.37:1
- Bee1.76:1
- Smoked Salmon2.50:1
- Red3.99:1
- Magenta3.13:1
- Orange1.97:1
- Pink1.53:1
- Gold1.40:1
- Yellow1.07:1
Colors as text on black
- Navy Blue1.31:1
- Blue2.44:1
- Hulk4.08:1
- Teal4.39:1
- Green15.30:1
- Cyan16.74:1
- Fresh Turquoise12.79:1
- Indigo1.62:1
- Boa4.67:1
- Maroon1.91:1
- Purple2.22:1
- Grey5.31:1
- BBQ3.79:1
- Cos10.86:1
- Harissa Red2.96:1
- Bud8.59:1
- Cay12.61:1
- Bay14.73:1
- Bog10.30:1
- Ash10.77:1
- Silver11.54:1
- Ace13.21:1
- Bff11.16:1
- Wild Rider Red4.20:1
- Mamie Pink9.06:1
- Awe15.22:1
- Bee11.89:1
- Smoked Salmon8.39:1
- Red5.25:1
- Magenta6.69:1
- Orange10.63:1
- Pink13.65:1
- Gold14.97:1
- Yellow19.55:1
- White21.00:1
White text on colors
- Black21.00:1
- Navy Blue16.00:1
- Blue8.59:1
- Hulk5.13:1
- Teal4.77:1
- Green1.37:1
- Cyan1.25:1
- Fresh Turquoise1.64:1
- Indigo12.95:1
- Boa4.49:1
- Maroon10.94:1
- Purple9.41:1
- Grey3.94:1
- BBQ5.53:1
- Cos1.93:1
- Harissa Red7.08:1
- Bud2.44:1
- Cay1.66:1
- Bay1.42:1
- Bog2.03:1
- Ash1.94:1
- Silver1.81:1
- Ace1.58:1
- Bff1.88:1
- Wild Rider Red4.98:1
- Mamie Pink2.31:1
- Awe1.37:1
- Bee1.76:1
- Smoked Salmon2.50:1
- Red3.99:1
- Magenta3.13:1
- Orange1.97:1
- Pink1.53:1
- Gold1.40:1
- Yellow1.07:1
Black text on colors
- Navy Blue1.31:1
- Blue2.44:1
- Hulk4.08:1
- Teal4.39:1
- Green15.30:1
- Cyan16.74:1
- Fresh Turquoise12.79:1
- Indigo1.62:1
- Boa4.67:1
- Maroon1.91:1
- Purple2.22:1
- Grey5.31:1
- BBQ3.79:1
- Cos10.86:1
- Harissa Red2.96:1
- Bud8.59:1
- Cay12.61:1
- Bay14.73:1
- Bog10.30:1
- Ash10.77:1
- Silver11.54:1
- Ace13.21:1
- Bff11.16:1
- Wild Rider Red4.20:1
- Mamie Pink9.06:1
- Awe15.22:1
- Bee11.89:1
- Smoked Salmon8.39:1
- Red5.25:1
- Magenta6.69:1
- Orange10.63:1
- Pink13.65:1
- Gold14.97:1
- Yellow19.55:1
- White21.00:1
Common backgrounds
Every named color has a page for text on each of these, and for white or black text on the color itself. Open any color page to find them.