Use this calculator to calculate text color and background color display for your web design.

Text and background color blur matching color:

<table class="pure-table"> <tbody> <tr> <th>Background color</th> <th>Foreground text color</th> </tr> <tr> <td>Yellow</td> <td>White</td> </tr> <tr> <td>Red</td> <td>Green</td> </tr> <tr> <td>Black</td> <td>Purple</td> </tr> <tr> <td>White</td> <td>Yellow</td> </tr> <tr> <td>Green</td> <td>Purple</td> </tr> <tr> <td>Red</td> <td>Blue</td> </tr> <tr> <td>Black</td> <td>Green</td> </tr> <tr> <td>White</td> <td>Grey</td> </tr> <tr> <td>Green</td> <td>Red</td> </tr> </tbody> </table>

The text and the background color clearly match the color: blue and white, black and white, white red, green white, black and red, green and black (the background is green, the word is black), yellow blue, yellow red.