<table>
    <thead>
        <tr>
            <th>color</th>
            <th>description</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>tomato</td>
            <td style="background:tomato;">tomato</td>
        </tr>
        <tr>
            <td>lightgreen</td>
            <td style="background:lightgreen;">lightgreen</td>
        </tr>
        <tr>
            <td>deepskyblue</td>
            <td style="background:deepskyblue;">deepskyblue</td>
        </tr>
        <tr>
            <td>gold</td>
            <td style="background:gold;">gold</td>
        </tr>
        <tr>
            <td>hotpink</td>
            <td style="background:hotpink;">hotpink</td>
        </tr>
        <tr>
            <td>#cdf</td>
            <td style="background:#cdf;">lite blue</td>
        </tr>
        <tr>
            <td>#f2f7fc</td>
            <td style="background:#f2f7fc;">lite blue 2</td>
        </tr>
        <tr>
            <td>#f5f5f5</td>
            <td style="background:#f5f5f5;">white smoke</td>
        </tr>
        <tr>
            <td>#fbfbfb</td>
            <td style="background:#fbfbfb;">white</td>
        </tr>
        <tr>
            <td>#ffa</td>
            <td style="background:#ffa;">yellow</td>
        </tr>
        <tr>
            <td>#222</td>
            <td> <span style="color:#222;">black</span>  <span style="background:#222; color:#fbfbfb;">bg black</span>

            </td>
        </tr>
        <tr>
            <td>#777</td>
            <td><span style="color:#777;">grey</span>  <span style="background:#777; color:#fbfbfb;">bg grey</span>

            </td>
        </tr>
        <tr>
            <td>#08c</td>
            <td style="color:#08c;">blue (link color)</td>
        </tr>
        <tr>
            <td>#058</td>
            <td style="color:#058;">dark blue (hover link color)</td>
        </tr>
        <tr>
            <td>#609</td>
            <td style="color:#609;">violet (visited link color)</td>
        </tr>
    </tbody>
</table>
​​