sassyons/docs/colors.md

Inspired by Tachyons

# Colors

There are a few color-related utility classes:

| Class             | Properties                     |
| ----------------- | ------------------------------ |
| bg-initial        | background-color: initial      |
| bg-inherit        | background-color: inherit      |
| bg-transparent    | background-color: transparent  |
| bg-cc             | background-color: currentColor |
| color-initial     | color: initial                 |
| color-inherit     | color: inherit                 |
| color-transparent | color: transparent             |
| color-cc          | color: currentColor            |

Sassyons also provides every named CSS color (sourced from [htmlcolorcodes](https://htmlcolorcodes.com/color-names/)) as a class nam [htmlcolorcodes](https://htmlcolorcodes.com/color-names/)) as a class nam [htmlcolorcodes](https://htmlcolorcodes.com/color-names/)) as a class name:

| Class                | Properties             |                                                                                                            Color Example                                                                                                             |
| -------------------- | ---------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|                      | <br/>RED<br/>&nbsp;    |
| indianred            | #cd5c5c                |                 ![indianred](https://via.placeholder.com/15/cd5c5c/000000?text=+)![indianred](https://via.placeholder.com/15/cd5c5c/000000?text=+)![indianred](https://via.placeholder.com/15/cd5c5c/000000?text=+)                  |
| lightcoral           | #f08080                |                ![lightcoral](https://via.placeholder.com/15/f08080/000000?text=+)![lightcoral](https://via.placeholder.com/15/f08080/000000?text=+)![lightcoral](https://via.placeholder.com/15/f08080/000000?text=+)                |
| salmon               | #fa8072                |                      ![salmon](https://via.placeholder.com/15/fa8072/000000?text=+)![salmon](https://via.placeholder.com/15/fa8072/000000?text=+)![salmon](https://via.placeholder.com/15/fa8072/000000?text=+)                      |
| darksalmon           | #e9967a                |                ![darksalmon](https://via.placeholder.com/15/e9967a/000000?text=+)![darksalmon](https://via.placeholder.com/15/e9967a/000000?text=+)![darksalmon](https://via.placeholder.com/15/e9967a/000000?text=+)                |
| lightsalmon          | #ffa07a                |              ![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)               |
| crimson              | #dc143c                |                    ![crimson](https://via.placeholder.com/15/dc143c/000000?text=+)![crimson](https://via.placeholder.com/15/dc143c/000000?text=+)![crimson](https://via.placeholder.com/15/dc143c/000000?text=+)                     |
| red                  | #ff0000                |                          ![red](https://via.placeholder.com/15/ff0000/000000?text=+)![red](https://via.placeholder.com/15/ff0000/000000?text=+)![red](https://via.placeholder.com/15/ff0000/000000?text=+)                           |
| firebrick            | #b22222                |                 ![firebrick](https://via.placeholder.com/15/b22222/000000?text=+)![firebrick](https://via.placeholder.com/15/b22222/000000?text=+)![firebrick](https://via.placeholder.com/15/b22222/000000?text=+)                  |
| darkred              | #8b0000                |                    ![darkred](https://via.placeholder.com/15/8b0000/000000?text=+)![darkred](https://via.placeholder.com/15/8b0000/000000?text=+)![darkred](https://via.placeholder.com/15/8b0000/000000?text=+)                     |
|                      | <br/>PINK<br/>&nbsp;   |
| pink                 | #ffc0cb                |                         ![pink](https://via.placeholder.com/15/ffc0cb/000000?text=+)![pink](https://via.placeholder.com/15/ffc0cb/000000?text=+)![pink](https://via.placeholder.com/15/ffc0cb/000000?text=+)                         |
| lightpink            | #ffb6c1                |                 ![lightpink](https://via.placeholder.com/15/ffb6c1/000000?text=+)![lightpink](https://via.placeholder.com/15/ffb6c1/000000?text=+)![lightpink](https://via.placeholder.com/15/ffb6c1/000000?text=+)                  |
| hotpink              | #ff69b4                |                    ![hotpink](https://via.placeholder.com/15/ff69b4/000000?text=+)![hotpink](https://via.placeholder.com/15/ff69b4/000000?text=+)![hotpink](https://via.placeholder.com/15/ff69b4/000000?text=+)                     |
| deeppink             | #ff1493                |                   ![deeppink](https://via.placeholder.com/15/ff1493/000000?text=+)![deeppink](https://via.placeholder.com/15/ff1493/000000?text=+)![deeppink](https://via.placeholder.com/15/ff1493/000000?text=+)                   |
| mediumvioletred      | #c71585                |        ![mediumvioletred](https://via.placeholder.com/15/c71585/000000?text=+)![mediumvioletred](https://via.placeholder.com/15/c71585/000000?text=+)![mediumvioletred](https://via.placeholder.com/15/c71585/000000?text=+)         |
| palevioletred        | #db7093                |           ![palevioletred](https://via.placeholder.com/15/db7093/000000?text=+)![palevioletred](https://via.placeholder.com/15/db7093/000000?text=+)![palevioletred](https://via.placeholder.com/15/db7093/000000?text=+)            |
|                      | <br/>ORANGE<br/>&nbsp; |
| lightsalmon          | #ffa07a                |              ![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)![lightsalmon](https://via.placeholder.com/15/ffa07a/000000?text=+)               |
| coral                | #ff7f50                |                       ![coral](https://via.placeholder.com/15/ff7f50/000000?text=+)![coral](https://via.placeholder.com/15/ff7f50/000000?text=+)![coral](https://via.placeholder.com/15/ff7f50/000000?text=+)                        |
| tomato               | #ff6347                |                      ![tomato](https://via.placeholder.com/15/ff6347/000000?text=+)![tomato](https://via.placeholder.com/15/ff6347/000000?text=+)![tomato](https://via.placeholder.com/15/ff6347/000000?text=+)                      |
| orangered            | #ff4500                |                 ![orangered](https://via.placeholder.com/15/ff4500/000000?text=+)![orangered](https://via.placeholder.com/15/ff4500/000000?text=+)![orangered](https://via.placeholder.com/15/ff4500/000000?text=+)                  |
| darkorange           | #ff8c00                |                ![darkorange](https://via.placeholder.com/15/ff8c00/000000?text=+)![darkorange](https://via.placeholder.com/15/ff8c00/000000?text=+)![darkorange](https://via.placeholder.com/15/ff8c00/000000?text=+)                |
| orange               | #ffa500                |                      ![orange](https://via.placeholder.com/15/ffa500/000000?text=+)![orange](https://via.placeholder.com/15/ffa500/000000?text=+)![orange](https://via.placeholder.com/15/ffa500/000000?text=+)                      |
|                      | <br/>YELLOW<br/>&nbsp; |
| gold                 | #ffd700                |                         ![gold](https://via.placeholder.com/15/ffd700/000000?text=+)![gold](https://via.placeholder.com/15/ffd700/000000?text=+)![gold](https://via.placeholder.com/15/ffd700/000000?text=+)                         |
| yellow               | #ffff00                |                      ![yellow](https://via.placeholder.com/15/ffff00/000000?text=+)![yellow](https://via.placeholder.com/15/ffff00/000000?text=+)![yellow](https://via.placeholder.com/15/ffff00/000000?text=+)                      |
| lightyellow          | #ffffe0                |              ![lightyellow](https://via.placeholder.com/15/ffffe0/000000?text=+)![lightyellow](https://via.placeholder.com/15/ffffe0/000000?text=+)![lightyellow](https://via.placeholder.com/15/ffffe0/000000?text=+)               |
| lemonchiffon         | #fffacd                |             ![lemonchiffon](https://via.placeholder.com/15/fffacd/000000?text=+)![lemonchiffon](https://via.placeholder.com/15/fffacd/000000?text=+)![lemonchiffon](https://via.placeholder.com/15/fffacd/000000?text=+)             |
| lightgoldenrodyellow | #fafad2                | ![lightgoldenrodyellow](https://via.placeholder.com/15/fafad2/000000?text=+)![lightgoldenrodyellow](https://via.placeholder.com/15/fafad2/000000?text=+)![lightgoldenrodyellow](https://via.placeholder.com/15/fafad2/000000?text=+) |
| papayawhip           | #ffefd5                |                ![papayawhip](https://via.placeholder.com/15/ffefd5/000000?text=+)![papayawhip](https://via.placeholder.com/15/ffefd5/000000?text=+)![papayawhip](https://via.placeholder.com/15/ffefd5/000000?text=+)                |
| moccasin             | #ffe4b5                |                   ![moccasin](https://via.placeholder.com/15/ffe4b5/000000?text=+)![moccasin](https://via.placeholder.com/15/ffe4b5/000000?text=+)![moccasin](https://via.placeholder.com/15/ffe4b5/000000?text=+)                   |
| peachpuff            | #ffdab9                |                 ![peachpuff](https://via.placeholder.com/15/ffdab9/000000?text=+)![peachpuff](https://via.placeholder.com/15/ffdab9/000000?text=+)![peachpuff](https://via.placeholder.com/15/ffdab9/000000?text=+)                  |
| palegoldenrod        | #eee8aa                |           ![palegoldenrod](https://via.placeholder.com/15/eee8aa/000000?text=+)![palegoldenrod](https://via.placeholder.com/15/eee8aa/000000?text=+)![palegoldenrod](https://via.placeholder.com/15/eee8aa/000000?text=+)            |
| khaki                | #f0e68c                |                       ![khaki](https://via.placeholder.com/15/f0e68c/000000?text=+)![khaki](https://via.placeholder.com/15/f0e68c/000000?text=+)![khaki](https://via.placeholder.com/15/f0e68c/000000?text=+)                        |
| darkkhaki            | #bdb76b                |                 ![darkkhaki](https://via.placeholder.com/15/bdb76b/000000?text=+)![darkkhaki](https://via.placeholder.com/15/bdb76b/000000?text=+)![darkkhaki](https://via.placeholder.com/15/bdb76b/000000?text=+)                  |
|                      | <br/>PURPLE<br/>&nbsp; |
| lavender             | #e6e6fa                |                   ![lavender](https://via.placeholder.com/15/e6e6fa/000000?text=+)![lavender](https://via.placeholder.com/15/e6e6fa/000000?text=+)![lavender](https://via.placeholder.com/15/e6e6fa/000000?text=+)                   |
| thistle              | #d8bfd8                |                    ![thistle](https://via.placeholder.com/15/d8bfd8/000000?text=+)![thistle](https://via.placeholder.com/15/d8bfd8/000000?text=+)![thistle](https://via.placeholder.com/15/d8bfd8/000000?text=+)                     |
| plum                 | #dda0dd                |                         ![plum](https://via.placeholder.com/15/dda0dd/000000?text=+)![plum](https://via.placeholder.com/15/dda0dd/000000?text=+)![plum](https://via.placeholder.com/15/dda0dd/000000?text=+)                         |
| violet               | #ee82ee                |                      ![violet](https://via.placeholder.com/15/ee82ee/000000?text=+)![violet](https://via.placeholder.com/15/ee82ee/000000?text=+)![violet](https://via.placeholder.com/15/ee82ee/000000?text=+)                      |
| orchid               | #da70d6                |                      ![orchid](https://via.placeholder.com/15/da70d6/000000?text=+)![orchid](https://via.placeholder.com/15/da70d6/000000?text=+)![orchid](https://via.placeholder.com/15/da70d6/000000?text=+)                      |
| fuchsia              | #ff00ff                |                    ![fuchsia](https://via.placeholder.com/15/ff00ff/000000?text=+)![fuchsia](https://via.placeholder.com/15/ff00ff/000000?text=+)![fuchsia](https://via.placeholder.com/15/ff00ff/000000?text=+)                     |
| magenta              | #ff00ff                |                    ![magenta](https://via.placeholder.com/15/ff00ff/000000?text=+)![magenta](https://via.placeholder.com/15/ff00ff/000000?text=+)![magenta](https://via.placeholder.com/15/ff00ff/000000?text=+)                     |
| mediumorchid         | #ba55d3                |             ![mediumorchid](https://via.placeholder.com/15/ba55d3/000000?text=+)![mediumorchid](https://via.placeholder.com/15/ba55d3/000000?text=+)![mediumorchid](https://via.placeholder.com/15/ba55d3/000000?text=+)             |
| mediumpurple         | #9370db                |             ![mediumpurple](https://via.placeholder.com/15/9370db/000000?text=+)![mediumpurple](https://via.placeholder.com/15/9370db/000000?text=+)![mediumpurple](https://via.placeholder.com/15/9370db/000000?text=+)             |
| rebeccapurple        | #663399                |           ![rebeccapurple](https://via.placeholder.com/15/663399/000000?text=+)![rebeccapurple](https://via.placeholder.com/15/663399/000000?text=+)![rebeccapurple](https://via.placeholder.com/15/663399/000000?text=+)            |
| blueviolet           | #8a2be2                |                ![blueviolet](https://via.placeholder.com/15/8a2be2/000000?text=+)![blueviolet](https://via.placeholder.com/15/8a2be2/000000?text=+)![blueviolet](https://via.placeholder.com/15/8a2be2/000000?text=+)                |
| darkviolet           | #9400d3                |                ![darkviolet](https://via.placeholder.com/15/9400d3/000000?text=+)![darkviolet](https://via.placeholder.com/15/9400d3/000000?text=+)![darkviolet](https://via.placeholder.com/15/9400d3/000000?text=+)                |
| darkorchid           | #9932cc                |                ![darkorchid](https://via.placeholder.com/15/9932cc/000000?text=+)![darkorchid](https://via.placeholder.com/15/9932cc/000000?text=+)![darkorchid](https://via.placeholder.com/15/9932cc/000000?text=+)                |
| darkmagenta          | #8b008b                |              ![darkmagenta](https://via.placeholder.com/15/8b008b/000000?text=+)![darkmagenta](https://via.placeholder.com/15/8b008b/000000?text=+)![darkmagenta](https://via.placeholder.com/15/8b008b/000000?text=+)               |
| purple               | #800080                |                      ![purple](https://via.placeholder.com/15/800080/000000?text=+)![purple](https://via.placeholder.com/15/800080/000000?text=+)![purple](https://via.placeholder.com/15/800080/000000?text=+)                      |
| indigo               | #4b0082                |                      ![indigo](https://via.placeholder.com/15/4b0082/000000?text=+)![indigo](https://via.placeholder.com/15/4b0082/000000?text=+)![indigo](https://via.placeholder.com/15/4b0082/000000?text=+)                      |
| slateblue            | #6a5acd                |                 ![slateblue](https://via.placeholder.com/15/6a5acd/000000?text=+)![slateblue](https://via.placeholder.com/15/6a5acd/000000?text=+)![slateblue](https://via.placeholder.com/15/6a5acd/000000?text=+)                  |
| darkslateblue        | #483d8b                |           ![darkslateblue](https://via.placeholder.com/15/483d8b/000000?text=+)![darkslateblue](https://via.placeholder.com/15/483d8b/000000?text=+)![darkslateblue](https://via.placeholder.com/15/483d8b/000000?text=+)            |
| mediumslateblue      | #7b68ee                |        ![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)         |
|                      | <br/>GREEN<br/>&nbsp;  |
| greenyellow          | #adff2f                |              ![greenyellow](https://via.placeholder.com/15/adff2f/000000?text=+)![greenyellow](https://via.placeholder.com/15/adff2f/000000?text=+)![greenyellow](https://via.placeholder.com/15/adff2f/000000?text=+)               |
| chartreuse           | #7fff00                |                ![chartreuse](https://via.placeholder.com/15/7fff00/000000?text=+)![chartreuse](https://via.placeholder.com/15/7fff00/000000?text=+)![chartreuse](https://via.placeholder.com/15/7fff00/000000?text=+)                |
| lawngreen            | #7cfc00                |                 ![lawngreen](https://via.placeholder.com/15/7cfc00/000000?text=+)![lawngreen](https://via.placeholder.com/15/7cfc00/000000?text=+)![lawngreen](https://via.placeholder.com/15/7cfc00/000000?text=+)                  |
| lime                 | #00ff00                |                         ![lime](https://via.placeholder.com/15/00ff00/000000?text=+)![lime](https://via.placeholder.com/15/00ff00/000000?text=+)![lime](https://via.placeholder.com/15/00ff00/000000?text=+)                         |
| limegreen            | #32cd32                |                 ![limegreen](https://via.placeholder.com/15/32cd32/000000?text=+)![limegreen](https://via.placeholder.com/15/32cd32/000000?text=+)![limegreen](https://via.placeholder.com/15/32cd32/000000?text=+)                  |
| palegreen            | #98fb98                |                 ![palegreen](https://via.placeholder.com/15/98fb98/000000?text=+)![palegreen](https://via.placeholder.com/15/98fb98/000000?text=+)![palegreen](https://via.placeholder.com/15/98fb98/000000?text=+)                  |
| lightgreen           | #90ee90                |                ![lightgreen](https://via.placeholder.com/15/90ee90/000000?text=+)![lightgreen](https://via.placeholder.com/15/90ee90/000000?text=+)![lightgreen](https://via.placeholder.com/15/90ee90/000000?text=+)                |
| mediumspringgreen    | #00fa9a                |     ![mediumspringgreen](https://via.placeholder.com/15/00fa9a/000000?text=+)![mediumspringgreen](https://via.placeholder.com/15/00fa9a/000000?text=+)![mediumspringgreen](https://via.placeholder.com/15/00fa9a/000000?text=+)      |
| springgreen          | #00ff7f                |              ![springgreen](https://via.placeholder.com/15/00ff7f/000000?text=+)![springgreen](https://via.placeholder.com/15/00ff7f/000000?text=+)![springgreen](https://via.placeholder.com/15/00ff7f/000000?text=+)               |
| mediumseagreen       | #3cb371                |          ![mediumseagreen](https://via.placeholder.com/15/3cb371/000000?text=+)![mediumseagreen](https://via.placeholder.com/15/3cb371/000000?text=+)![mediumseagreen](https://via.placeholder.com/15/3cb371/000000?text=+)          |
| seagreen             | #2e8b57                |                   ![seagreen](https://via.placeholder.com/15/2e8b57/000000?text=+)![seagreen](https://via.placeholder.com/15/2e8b57/000000?text=+)![seagreen](https://via.placeholder.com/15/2e8b57/000000?text=+)                   |
| forestgreen          | #228b22                |              ![forestgreen](https://via.placeholder.com/15/228b22/000000?text=+)![forestgreen](https://via.placeholder.com/15/228b22/000000?text=+)![forestgreen](https://via.placeholder.com/15/228b22/000000?text=+)               |
| green                | #008000                |                       ![green](https://via.placeholder.com/15/008000/000000?text=+)![green](https://via.placeholder.com/15/008000/000000?text=+)![green](https://via.placeholder.com/15/008000/000000?text=+)                        |
| darkgreen            | #006400                |                 ![darkgreen](https://via.placeholder.com/15/006400/000000?text=+)![darkgreen](https://via.placeholder.com/15/006400/000000?text=+)![darkgreen](https://via.placeholder.com/15/006400/000000?text=+)                  |
| yellowgreen          | #9acd32                |              ![yellowgreen](https://via.placeholder.com/15/9acd32/000000?text=+)![yellowgreen](https://via.placeholder.com/15/9acd32/000000?text=+)![yellowgreen](https://via.placeholder.com/15/9acd32/000000?text=+)               |
| olivedrab            | #6b8e23                |                 ![olivedrab](https://via.placeholder.com/15/6b8e23/000000?text=+)![olivedrab](https://via.placeholder.com/15/6b8e23/000000?text=+)![olivedrab](https://via.placeholder.com/15/6b8e23/000000?text=+)                  |
| olive                | #808000                |                       ![olive](https://via.placeholder.com/15/808000/000000?text=+)![olive](https://via.placeholder.com/15/808000/000000?text=+)![olive](https://via.placeholder.com/15/808000/000000?text=+)                        |
| darkolivegreen       | #556b2f                |          ![darkolivegreen](https://via.placeholder.com/15/556b2f/000000?text=+)![darkolivegreen](https://via.placeholder.com/15/556b2f/000000?text=+)![darkolivegreen](https://via.placeholder.com/15/556b2f/000000?text=+)          |
| mediumaquamarine     | #66cdaa                |       ![mediumaquamarine](https://via.placeholder.com/15/66cdaa/000000?text=+)![mediumaquamarine](https://via.placeholder.com/15/66cdaa/000000?text=+)![mediumaquamarine](https://via.placeholder.com/15/66cdaa/000000?text=+)       |
| darkseagreen         | #8fbc8b                |             ![darkseagreen](https://via.placeholder.com/15/8fbc8b/000000?text=+)![darkseagreen](https://via.placeholder.com/15/8fbc8b/000000?text=+)![darkseagreen](https://via.placeholder.com/15/8fbc8b/000000?text=+)             |
| lightseagreen        | #20b2aa                |           ![lightseagreen](https://via.placeholder.com/15/20b2aa/000000?text=+)![lightseagreen](https://via.placeholder.com/15/20b2aa/000000?text=+)![lightseagreen](https://via.placeholder.com/15/20b2aa/000000?text=+)            |
| darkcyan             | #008b8b                |                   ![darkcyan](https://via.placeholder.com/15/008b8b/000000?text=+)![darkcyan](https://via.placeholder.com/15/008b8b/000000?text=+)![darkcyan](https://via.placeholder.com/15/008b8b/000000?text=+)                   |
| teal                 | #008080                |                         ![teal](https://via.placeholder.com/15/008080/000000?text=+)![teal](https://via.placeholder.com/15/008080/000000?text=+)![teal](https://via.placeholder.com/15/008080/000000?text=+)                         |
|                      | <br/>BLUE<br/>&nbsp;   |
| aqua                 | #00ffff                |                         ![aqua](https://via.placeholder.com/15/00ffff/000000?text=+)![aqua](https://via.placeholder.com/15/00ffff/000000?text=+)![aqua](https://via.placeholder.com/15/00ffff/000000?text=+)                         |
| cyan                 | #00ffff                |                         ![cyan](https://via.placeholder.com/15/00ffff/000000?text=+)![cyan](https://via.placeholder.com/15/00ffff/000000?text=+)![cyan](https://via.placeholder.com/15/00ffff/000000?text=+)                         |
| lightcyan            | #e0ffff                |                 ![lightcyan](https://via.placeholder.com/15/e0ffff/000000?text=+)![lightcyan](https://via.placeholder.com/15/e0ffff/000000?text=+)![lightcyan](https://via.placeholder.com/15/e0ffff/000000?text=+)                  |
| paleturquoise        | #afeeee                |           ![paleturquoise](https://via.placeholder.com/15/afeeee/000000?text=+)![paleturquoise](https://via.placeholder.com/15/afeeee/000000?text=+)![paleturquoise](https://via.placeholder.com/15/afeeee/000000?text=+)            |
| aquamarine           | #7fffd4                |                ![aquamarine](https://via.placeholder.com/15/7fffd4/000000?text=+)![aquamarine](https://via.placeholder.com/15/7fffd4/000000?text=+)![aquamarine](https://via.placeholder.com/15/7fffd4/000000?text=+)                |
| turquoise            | #40e0d0                |                 ![turquoise](https://via.placeholder.com/15/40e0d0/000000?text=+)![turquoise](https://via.placeholder.com/15/40e0d0/000000?text=+)![turquoise](https://via.placeholder.com/15/40e0d0/000000?text=+)                  |
| mediumturquoise      | #48d1cc                |        ![mediumturquoise](https://via.placeholder.com/15/48d1cc/000000?text=+)![mediumturquoise](https://via.placeholder.com/15/48d1cc/000000?text=+)![mediumturquoise](https://via.placeholder.com/15/48d1cc/000000?text=+)         |
| darkturquoise        | #00ced1                |           ![darkturquoise](https://via.placeholder.com/15/00ced1/000000?text=+)![darkturquoise](https://via.placeholder.com/15/00ced1/000000?text=+)![darkturquoise](https://via.placeholder.com/15/00ced1/000000?text=+)            |
| cadetblue            | #5f9ea0                |                 ![cadetblue](https://via.placeholder.com/15/5f9ea0/000000?text=+)![cadetblue](https://via.placeholder.com/15/5f9ea0/000000?text=+)![cadetblue](https://via.placeholder.com/15/5f9ea0/000000?text=+)                  |
| steelblue            | #4682b4                |                 ![steelblue](https://via.placeholder.com/15/4682b4/000000?text=+)![steelblue](https://via.placeholder.com/15/4682b4/000000?text=+)![steelblue](https://via.placeholder.com/15/4682b4/000000?text=+)                  |
| lightsteelblue       | #b0c4de                |          ![lightsteelblue](https://via.placeholder.com/15/b0c4de/000000?text=+)![lightsteelblue](https://via.placeholder.com/15/b0c4de/000000?text=+)![lightsteelblue](https://via.placeholder.com/15/b0c4de/000000?text=+)          |
| powderblue           | #b0e0e6                |                ![powderblue](https://via.placeholder.com/15/b0e0e6/000000?text=+)![powderblue](https://via.placeholder.com/15/b0e0e6/000000?text=+)![powderblue](https://via.placeholder.com/15/b0e0e6/000000?text=+)                |
| lightblue            | #add8e6                |                 ![lightblue](https://via.placeholder.com/15/add8e6/000000?text=+)![lightblue](https://via.placeholder.com/15/add8e6/000000?text=+)![lightblue](https://via.placeholder.com/15/add8e6/000000?text=+)                  |
| skyblue              | #87ceeb                |                    ![skyblue](https://via.placeholder.com/15/87ceeb/000000?text=+)![skyblue](https://via.placeholder.com/15/87ceeb/000000?text=+)![skyblue](https://via.placeholder.com/15/87ceeb/000000?text=+)                     |
| lightskyblue         | #87cefa                |             ![lightskyblue](https://via.placeholder.com/15/87cefa/000000?text=+)![lightskyblue](https://via.placeholder.com/15/87cefa/000000?text=+)![lightskyblue](https://via.placeholder.com/15/87cefa/000000?text=+)             |
| deepskyblue          | #00bfff                |              ![deepskyblue](https://via.placeholder.com/15/00bfff/000000?text=+)![deepskyblue](https://via.placeholder.com/15/00bfff/000000?text=+)![deepskyblue](https://via.placeholder.com/15/00bfff/000000?text=+)               |
| dodgerblue           | #1e90ff                |                ![dodgerblue](https://via.placeholder.com/15/1e90ff/000000?text=+)![dodgerblue](https://via.placeholder.com/15/1e90ff/000000?text=+)![dodgerblue](https://via.placeholder.com/15/1e90ff/000000?text=+)                |
| cornflowerblue       | #6495ed                |          ![cornflowerblue](https://via.placeholder.com/15/6495ed/000000?text=+)![cornflowerblue](https://via.placeholder.com/15/6495ed/000000?text=+)![cornflowerblue](https://via.placeholder.com/15/6495ed/000000?text=+)          |
| mediumslateblue      | #7b68ee                |        ![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)![mediumslateblue](https://via.placeholder.com/15/7b68ee/000000?text=+)         |
| royalblue            | #4169e1                |                 ![royalblue](https://via.placeholder.com/15/4169e1/000000?text=+)![royalblue](https://via.placeholder.com/15/4169e1/000000?text=+)![royalblue](https://via.placeholder.com/15/4169e1/000000?text=+)                  |
| blue                 | #0000ff                |                         ![blue](https://via.placeholder.com/15/0000ff/000000?text=+)![blue](https://via.placeholder.com/15/0000ff/000000?text=+)![blue](https://via.placeholder.com/15/0000ff/000000?text=+)                         |
| mediumblue           | #0000cd                |                ![mediumblue](https://via.placeholder.com/15/0000cd/000000?text=+)![mediumblue](https://via.placeholder.com/15/0000cd/000000?text=+)![mediumblue](https://via.placeholder.com/15/0000cd/000000?text=+)                |
| darkblue             | #00008b                |                   ![darkblue](https://via.placeholder.com/15/00008b/000000?text=+)![darkblue](https://via.placeholder.com/15/00008b/000000?text=+)![darkblue](https://via.placeholder.com/15/00008b/000000?text=+)                   |
| navy                 | #000080                |                         ![navy](https://via.placeholder.com/15/000080/000000?text=+)![navy](https://via.placeholder.com/15/000080/000000?text=+)![navy](https://via.placeholder.com/15/000080/000000?text=+)                         |
| midnightblue         | #191970                |             ![midnightblue](https://via.placeholder.com/15/191970/000000?text=+)![midnightblue](https://via.placeholder.com/15/191970/000000?text=+)![midnightblue](https://via.placeholder.com/15/191970/000000?text=+)             |
|                      | <br/>BROWN<br/>&nbsp;  |
| cornsilk             | #fff8dc                |                   ![cornsilk](https://via.placeholder.com/15/fff8dc/000000?text=+)![cornsilk](https://via.placeholder.com/15/fff8dc/000000?text=+)![cornsilk](https://via.placeholder.com/15/fff8dc/000000?text=+)                   |
| blanchedalmond       | #ffebcd                |          ![blanchedalmond](https://via.placeholder.com/15/ffebcd/000000?text=+)![blanchedalmond](https://via.placeholder.com/15/ffebcd/000000?text=+)![blanchedalmond](https://via.placeholder.com/15/ffebcd/000000?text=+)          |
| bisque               | #ffe4c4                |                      ![bisque](https://via.placeholder.com/15/ffe4c4/000000?text=+)![bisque](https://via.placeholder.com/15/ffe4c4/000000?text=+)![bisque](https://via.placeholder.com/15/ffe4c4/000000?text=+)                      |
| navajowhite          | #ffdead                |              ![navajowhite](https://via.placeholder.com/15/ffdead/000000?text=+)![navajowhite](https://via.placeholder.com/15/ffdead/000000?text=+)![navajowhite](https://via.placeholder.com/15/ffdead/000000?text=+)               |
| wheat                | #f5deb3                |                       ![wheat](https://via.placeholder.com/15/f5deb3/000000?text=+)![wheat](https://via.placeholder.com/15/f5deb3/000000?text=+)![wheat](https://via.placeholder.com/15/f5deb3/000000?text=+)                        |
| burlywood            | #deb887                |                 ![burlywood](https://via.placeholder.com/15/deb887/000000?text=+)![burlywood](https://via.placeholder.com/15/deb887/000000?text=+)![burlywood](https://via.placeholder.com/15/deb887/000000?text=+)                  |
| tan                  | #d2b48c                |                          ![tan](https://via.placeholder.com/15/d2b48c/000000?text=+)![tan](https://via.placeholder.com/15/d2b48c/000000?text=+)![tan](https://via.placeholder.com/15/d2b48c/000000?text=+)                           |
| rosybrown            | #bc8f8f                |                 ![rosybrown](https://via.placeholder.com/15/bc8f8f/000000?text=+)![rosybrown](https://via.placeholder.com/15/bc8f8f/000000?text=+)![rosybrown](https://via.placeholder.com/15/bc8f8f/000000?text=+)                  |
| sandybrown           | #f4a460                |                ![sandybrown](https://via.placeholder.com/15/f4a460/000000?text=+)![sandybrown](https://via.placeholder.com/15/f4a460/000000?text=+)![sandybrown](https://via.placeholder.com/15/f4a460/000000?text=+)                |
| goldenrod            | #daa520                |                 ![goldenrod](https://via.placeholder.com/15/daa520/000000?text=+)![goldenrod](https://via.placeholder.com/15/daa520/000000?text=+)![goldenrod](https://via.placeholder.com/15/daa520/000000?text=+)                  |
| darkgoldenrod        | #b8860b                |           ![darkgoldenrod](https://via.placeholder.com/15/b8860b/000000?text=+)![darkgoldenrod](https://via.placeholder.com/15/b8860b/000000?text=+)![darkgoldenrod](https://via.placeholder.com/15/b8860b/000000?text=+)            |
| peru                 | #cd853f                |                         ![peru](https://via.placeholder.com/15/cd853f/000000?text=+)![peru](https://via.placeholder.com/15/cd853f/000000?text=+)![peru](https://via.placeholder.com/15/cd853f/000000?text=+)                         |
| chocolate            | #d2691e                |                 ![chocolate](https://via.placeholder.com/15/d2691e/000000?text=+)![chocolate](https://via.placeholder.com/15/d2691e/000000?text=+)![chocolate](https://via.placeholder.com/15/d2691e/000000?text=+)                  |
| saddlebrown          | #8b4513                |              ![saddlebrown](https://via.placeholder.com/15/8b4513/000000?text=+)![saddlebrown](https://via.placeholder.com/15/8b4513/000000?text=+)![saddlebrown](https://via.placeholder.com/15/8b4513/000000?text=+)               |
| sienna               | #a0522d                |                      ![sienna](https://via.placeholder.com/15/a0522d/000000?text=+)![sienna](https://via.placeholder.com/15/a0522d/000000?text=+)![sienna](https://via.placeholder.com/15/a0522d/000000?text=+)                      |
| brown                | #a52a2a                |                       ![brown](https://via.placeholder.com/15/a52a2a/000000?text=+)![brown](https://via.placeholder.com/15/a52a2a/000000?text=+)![brown](https://via.placeholder.com/15/a52a2a/000000?text=+)                        |
| maroon               | #800000                |                      ![maroon](https://via.placeholder.com/15/800000/000000?text=+)![maroon](https://via.placeholder.com/15/800000/000000?text=+)![maroon](https://via.placeholder.com/15/800000/000000?text=+)                      |
|                      | <br/>WHITE<br/>&nbsp;  |
| white                | #ffffff                |                       ![white](https://via.placeholder.com/15/ffffff/000000?text=+)![white](https://via.placeholder.com/15/ffffff/000000?text=+)![white](https://via.placeholder.com/15/ffffff/000000?text=+)                        |
| snow                 | #fffafa                |                         ![snow](https://via.placeholder.com/15/fffafa/000000?text=+)![snow](https://via.placeholder.com/15/fffafa/000000?text=+)![snow](https://via.placeholder.com/15/fffafa/000000?text=+)                         |
| honeydew             | #f0fff0                |                   ![honeydew](https://via.placeholder.com/15/f0fff0/000000?text=+)![honeydew](https://via.placeholder.com/15/f0fff0/000000?text=+)![honeydew](https://via.placeholder.com/15/f0fff0/000000?text=+)                   |
| mintcream            | #f5fffa                |                 ![mintcream](https://via.placeholder.com/15/f5fffa/000000?text=+)![mintcream](https://via.placeholder.com/15/f5fffa/000000?text=+)![mintcream](https://via.placeholder.com/15/f5fffa/000000?text=+)                  |
| azure                | #f0ffff                |                       ![azure](https://via.placeholder.com/15/f0ffff/000000?text=+)![azure](https://via.placeholder.com/15/f0ffff/000000?text=+)![azure](https://via.placeholder.com/15/f0ffff/000000?text=+)                        |
| aliceblue            | #f0f8ff                |                 ![aliceblue](https://via.placeholder.com/15/f0f8ff/000000?text=+)![aliceblue](https://via.placeholder.com/15/f0f8ff/000000?text=+)![aliceblue](https://via.placeholder.com/15/f0f8ff/000000?text=+)                  |
| ghostwhite           | #f8f8ff                |                ![ghostwhite](https://via.placeholder.com/15/f8f8ff/000000?text=+)![ghostwhite](https://via.placeholder.com/15/f8f8ff/000000?text=+)![ghostwhite](https://via.placeholder.com/15/f8f8ff/000000?text=+)                |
| whitesmoke           | #f5f5f5                |                ![whitesmoke](https://via.placeholder.com/15/f5f5f5/000000?text=+)![whitesmoke](https://via.placeholder.com/15/f5f5f5/000000?text=+)![whitesmoke](https://via.placeholder.com/15/f5f5f5/000000?text=+)                |
| seashell             | #fff5ee                |                   ![seashell](https://via.placeholder.com/15/fff5ee/000000?text=+)![seashell](https://via.placeholder.com/15/fff5ee/000000?text=+)![seashell](https://via.placeholder.com/15/fff5ee/000000?text=+)                   |
| beige                | #f5f5dc                |                       ![beige](https://via.placeholder.com/15/f5f5dc/000000?text=+)![beige](https://via.placeholder.com/15/f5f5dc/000000?text=+)![beige](https://via.placeholder.com/15/f5f5dc/000000?text=+)                        |
| oldlace              | #fdf5e6                |                    ![oldlace](https://via.placeholder.com/15/fdf5e6/000000?text=+)![oldlace](https://via.placeholder.com/15/fdf5e6/000000?text=+)![oldlace](https://via.placeholder.com/15/fdf5e6/000000?text=+)                     |
| floralwhite          | #fffaf0                |              ![floralwhite](https://via.placeholder.com/15/fffaf0/000000?text=+)![floralwhite](https://via.placeholder.com/15/fffaf0/000000?text=+)![floralwhite](https://via.placeholder.com/15/fffaf0/000000?text=+)               |
| ivory                | #fffff0                |                       ![ivory](https://via.placeholder.com/15/fffff0/000000?text=+)![ivory](https://via.placeholder.com/15/fffff0/000000?text=+)![ivory](https://via.placeholder.com/15/fffff0/000000?text=+)                        |
| antiquewhite         | #faebd7                |             ![antiquewhite](https://via.placeholder.com/15/faebd7/000000?text=+)![antiquewhite](https://via.placeholder.com/15/faebd7/000000?text=+)![antiquewhite](https://via.placeholder.com/15/faebd7/000000?text=+)             |
| linen                | #faf0e6                |                       ![linen](https://via.placeholder.com/15/faf0e6/000000?text=+)![linen](https://via.placeholder.com/15/faf0e6/000000?text=+)![linen](https://via.placeholder.com/15/faf0e6/000000?text=+)                        |
| lavenderblush        | #fff0f5                |           ![lavenderblush](https://via.placeholder.com/15/fff0f5/000000?text=+)![lavenderblush](https://via.placeholder.com/15/fff0f5/000000?text=+)![lavenderblush](https://via.placeholder.com/15/fff0f5/000000?text=+)            |
| mistyrose            | #ffe4e1                |                 ![mistyrose](https://via.placeholder.com/15/ffe4e1/000000?text=+)![mistyrose](https://via.placeholder.com/15/ffe4e1/000000?text=+)![mistyrose](https://via.placeholder.com/15/ffe4e1/000000?text=+)                  |
|                      | <br/>GRAY<br/>&nbsp;   |
| gainsboro            | #dcdcdc                |                 ![gainsboro](https://via.placeholder.com/15/dcdcdc/000000?text=+)![gainsboro](https://via.placeholder.com/15/dcdcdc/000000?text=+)![gainsboro](https://via.placeholder.com/15/dcdcdc/000000?text=+)                  |
| lightgray            | #d3d3d3                |                 ![lightgray](https://via.placeholder.com/15/d3d3d3/000000?text=+)![lightgray](https://via.placeholder.com/15/d3d3d3/000000?text=+)![lightgray](https://via.placeholder.com/15/d3d3d3/000000?text=+)                  |
| silver               | #c0c0c0                |                      ![silver](https://via.placeholder.com/15/c0c0c0/000000?text=+)![silver](https://via.placeholder.com/15/c0c0c0/000000?text=+)![silver](https://via.placeholder.com/15/c0c0c0/000000?text=+)                      |
| darkgray             | #a9a9a9                |                   ![darkgray](https://via.placeholder.com/15/a9a9a9/000000?text=+)![darkgray](https://via.placeholder.com/15/a9a9a9/000000?text=+)![darkgray](https://via.placeholder.com/15/a9a9a9/000000?text=+)                   |
| gray                 | #808080                |                         ![gray](https://via.placeholder.com/15/808080/000000?text=+)![gray](https://via.placeholder.com/15/808080/000000?text=+)![gray](https://via.placeholder.com/15/808080/000000?text=+)                         |
| dimgray              | #696969                |                    ![dimgray](https://via.placeholder.com/15/696969/000000?text=+)![dimgray](https://via.placeholder.com/15/696969/000000?text=+)![dimgray](https://via.placeholder.com/15/696969/000000?text=+)                     |
| lightslategray       | #778899                |          ![lightslategray](https://via.placeholder.com/15/778899/000000?text=+)![lightslategray](https://via.placeholder.com/15/778899/000000?text=+)![lightslategray](https://via.placeholder.com/15/778899/000000?text=+)          |
| slategray            | #708090                |                 ![slategray](https://via.placeholder.com/15/708090/000000?text=+)![slategray](https://via.placeholder.com/15/708090/000000?text=+)![slategray](https://via.placeholder.com/15/708090/000000?text=+)                  |
| darkslategray        | #2f4f4f                |           ![darkslategray](https://via.placeholder.com/15/2f4f4f/000000?text=+)![darkslategray](https://via.placeholder.com/15/2f4f4f/000000?text=+)![darkslategray](https://via.placeholder.com/15/2f4f4f/000000?text=+)            |
| black                | #00000                 |                         ![black](https://via.placeholder.com/15/00000/000000?text=+)![black](https://via.placeholder.com/15/00000/000000?text=+)![black](https://via.placeholder.com/15/00000/000000?text=+)                         |

See also [Shades](./shades.md)