ColorPairLab24 entries
Color Pair Contrast Checks
Compare 24 text and background color pairs with WCAG AA and AAA results. See exact values, text-size guidance and CSS for each combination.
See how common text and background combinations measure up, from black on white to coral on navy.
Black on Gold: Contrast Check
Black (#000000) on gold (#FFD700) has a 14.97:1 contrast ratio. It passes AA for normal text.
Black on White: Contrast Check
Black (#000000) on white (#FFFFFF) has a 21.00:1 contrast ratio. It passes AA for normal text.
Blue on White: Contrast Check
Blue (#0000FF) on white (#FFFFFF) has a 8.59:1 contrast ratio. It passes AA for normal text.
Coral on Navy: Contrast Check
Coral (#FF7F50) on navy (#000080) has a 6.41:1 contrast ratio. It passes AA for normal text.
Cyan on Black: Contrast Check
Cyan (#00FFFF) on black (#000000) has a 16.75:1 contrast ratio. It passes AA for normal text.
Dark Slate Gray on Snow: Contrast Check
Dark Slate Gray (#2F4F4F) on snow (#FFFAFA) has a 8.63:1 contrast ratio. It passes AA for normal text.
Forest Green on Beige: Contrast Check
Forest Green (#228B22) on beige (#F5F5DC) has a 3.97:1 contrast ratio. It passes AA for large text, but fails for normal text.
Gray on White: Contrast Check
Gray (#808080) on white (#FFFFFF) has a 3.95:1 contrast ratio. It passes AA for large text, but fails for normal text.
Green on White: Contrast Check
Green (#008000) on white (#FFFFFF) has a 5.14:1 contrast ratio. It passes AA for normal text.
Indigo on Lavender: Contrast Check
Indigo (#4B0082) on lavender (#E6E6FA) has a 10.52:1 contrast ratio. It passes AA for normal text.
Magenta on Black: Contrast Check
Magenta (#FF00FF) on black (#000000) has a 6.70:1 contrast ratio. It passes AA for normal text.
Maroon on Ivory: Contrast Check
Maroon (#800000) on ivory (#FFFFF0) has a 10.85:1 contrast ratio. It passes AA for normal text.
Navy on Gold: Contrast Check
Navy (#000080) on gold (#FFD700) has a 11.41:1 contrast ratio. It passes AA for normal text.
Navy on White: Contrast Check
Navy (#000080) on white (#FFFFFF) has a 16.01:1 contrast ratio. It passes AA for normal text.
Orange on White: Contrast Check
Orange (#FFA500) on white (#FFFFFF) has a 1.97:1 contrast ratio. It fails AA for both normal and large text.
Purple on White: Contrast Check
Purple (#800080) on white (#FFFFFF) has a 9.42:1 contrast ratio. It passes AA for normal text.
Red on White: Contrast Check
Red (#FF0000) on white (#FFFFFF) has a 4.00:1 contrast ratio. It passes AA for large text, but fails for normal text.
Royal Blue on Snow: Contrast Check
Royal Blue (#4169E1) on snow (#FFFAFA) has a 4.69:1 contrast ratio. It passes AA for normal text.
Slate Gray on White Smoke: Contrast Check
Slate Gray (#708090) on white smoke (#F5F5F5) has a 3.72:1 contrast ratio. It passes AA for large text, but fails for normal text.
Steel Blue on White: Contrast Check
Steel Blue (#4682B4) on white (#FFFFFF) has a 4.11:1 contrast ratio. It passes AA for large text, but fails for normal text.
Teal on White: Contrast Check
Teal (#008080) on white (#FFFFFF) has a 4.77:1 contrast ratio. It passes AA for normal text.
White on Lime: Contrast Check
White (#FFFFFF) on lime (#00FF00) has a 1.37:1 contrast ratio. It fails AA for both normal and large text.
White on Silver: Contrast Check
White (#FFFFFF) on silver (#C0C0C0) has a 1.82:1 contrast ratio. It fails AA for both normal and large text.
Yellow on Black: Contrast Check
Yellow (#FFFF00) on black (#000000) has a 19.56:1 contrast ratio. It passes AA for normal text.