Site hosted by Build your free website today!
Named Color Equivalents of Basic Mathematical Colors. See Notes below Table.
Click on a link next to a text-box; the background for all the text-boxes will turn to that color. The closest named color equivalent is given when there is no exact match for the mathematically basic color.
#000000: 'black'
'black', rgb(0%,0%,0%) as background
#00007f: 'navy'
'navy', rgb (0%,0%,50%) as background
#0000ff: 'blue'
'blue', rgb(0%,0%,100%) as background
#007f00: 'green'
'green', rgb(0%,50%,0%) as background
#007f7f: 'teal'
'teal', rgb(0%,50%,50%) as background
#007fff: this text in 'dodgerblue', closest named colordodgerblue, rgb(12%,56%,100%), as background
#00ff00: 'lime'
'lime', rgb(0%,100%,0%) as background
#00ff7f: 'springgreen'
'springgreen', rgb(0%,100%,50%) as background
#00ffff: 'aqua'
Aqua rgb(0%,100%,100%) as background
#7f0000: 'maroon' (closest thing to cedarwood)
'maroon', rgb(50%,0%,0%) as background
#7f007f: 'purple'
'purple', rgb(50%,0%,50%) as background
#7f00ff: this text in 'darkviolet', closest named color
darkviolet, rgb(58%,0%,83%) as background
#7f7f00: 'olive'
olive, rgb(50%,50%,0%) as background
#7f7f7f: 'gray'
'gray', rgb(50%,50%,50%) as background
#7f7fff: this text in 'cornflowerblue', closest match
'cornflowerblue', rgb(39%,58%,93%) as background
#7fff00: chartreuse
chartreuse, rgb(50%,100%,0%)as background
#7fff7f: this text in 'lightgreen', closest match
lightgreen, rgb(56%,93%,56%)
#7fffff: this text in 'aquamarine', closest match
aquamarine, rgb(50%,100%,83%) as background
#ff0000: 'red'
'red', rgb(100%,0%,0%,) as background
#ff007f: this text in 'deeppink', closest match
deeppink, rgb(88%,8%,58%)as background
#ff00ff: 'magenta'
'magenta', rgb(100%,0%,100%) as background
#ff7f00: 'darkorange'
'darkorange', rgb(100%,50%,0%) as background
#ff7f7f: this text in 'salmon', closest match
'salmon', rgb(98%,50%,45%) as background
#ff7fff: this text in 'violet', closest match
violet, rgb(90%,54%,90%) as background
#ffff00: 'yellow'
'yellow', rgb(255,255,0) as background
#ffff7f: this text in 'khaki', closest match
'khaki', rgb(94%,90%,55%) as background
#ffffff 'white'
white, rgb(255,255,255) as background
'silver', as text 'silver', rgb(75%,75%,75%) as background
personal email bgcolor: this text in 'saddlebrown', closest named color
saddlebrown rgb(55%,27%,7%) as background

'gold' as text
gold, rgb(100%,84%,0%) as background
brass: this text in 'peru', closest named color
peru, rgb(80%,52%,25%) as background
copper: this text in 'sienna', closest named color
sienna, rgb(63%,32%,18%) as background
bronze: this text in 'sienna', closest named color
sienna, rgb(63%,32%,18%) as background


Using hexadecimal notation such as #ffd700, or rgb notation such as rgb(255,127,255), or rgb percentile notation such as rgb(25%,54%,86%), can be a drain on time and energy. Most of us are not used to typing characters such as (, ), #, comma signs, and numbers. The numerical names of colors do not in the mind identify with any particular color.

As a result we end up using colors much less than we otherwise would and less than would be warranted by given the ratio of what we accomplish compared to the effort inputted when we are using the appropriate technique. In the modern time, a quintessence of art is color in web pages yet the colors go unused. This despite the fact that this playing around with colors accords well with scriptural injunctions against making images of things found in nature.

What I call the mathematical colors are all the colors in which the red, green and blue values are either zero or zero percent, the maximum 255 or 100%, or half-way between zero and maximum at 127 or 128, 50%. There are 27 of these colors. Most of them have named color equivalents, thus a simple name such as red can be used in the CSS and Javascript, as opposed to the cumbersome, un-descriptive notational equivalents such as rgb(255,0,0), or rgb(100%,0%,0%), or #ff0000. For the colors that do not have exact named color equivalents, the named colors that are closest to the mathematically basic color is presented.

It is important to have an understanding of the mathematically basic colors; otherwise the coloring of the page can tend towards becoming unbalanced, with too much or too little attention paid to certain colors. Now that we have mathematical colors, it makes sense to take advantage of the math of the colors as a way of maintaining the artistry of the page.

At the bottom of the table in the bottom three rows, starting with 'silver', certain colors that are not mathematically basic are presented, along with their closest named color equivalents. Colors for metals are under-represented in the list of named colors so I emphasize them here, despite the difficulties involved in presenting such colors (metallic colors tend to be a mix of colors rather than just one color, use of gifs and jpegs are recommended for them).

Using this table, one can just copy and paste the color name from the input at the top, this makes coding a page easier.

The table allows one to see not just how various color texts look on various backgrounds, but also how various color borders look on various backgrounds.

Version 1 of this page presents what the 27 mathematically basic colors look like in various text and background combinations; in this version the closest named color equivalents are not presented, rather, the exact mathematically basic colors, are presented (example, for #7f00ff the exact color #7f00ff is presented, rather than the closest named equivalent which is 'darkviolet'.

Important Links:

This link is slow to load: Microsoft MSDN Color Table