Color Codes to Use for Titles or Dark Text

The chart below shows dark, rich colors, and their 6-digit hexadecimal codes, that are great for coloring text on a light background. Insert the 6-digit code anywhere in the HTML. Also, below the chart is a CSS class for each color to be used in a "div" or "span" to color text. You can copy and paste these classes into your Layout's HTML where the other classes are. (For example, .header … or .post).

To specify that a line or word of text should be given one of the colors below, use the "span" tag with one of the classes. If we want the words don't forget! to be highlighted in purple, use the "span" tag as follows: <span class="purple">don't forget!</span>

If you wanted the entire text of the post to be purple, the first line of your post must be <div class="purple"> …and the last line in the post </div>



We tried to use class names different than the other classes provided in the other three blogs regarding colors for your posts.

.brown {color:#30170F;}
.burgundy {color:#330000;}
.violet {color:#330033;}
.green {color:#003300;}
.purple {color:#330066;}
.blue {color:#000033;}
.teal {color:#003333;}
.gray {color:#333333;}
.wine {color:#5C0606;}
.black {color:#000000;}