HTML colors can be specified in a number of different ways. The most common is to use hexidecimal notation but the HTML specification allows the use of specific names.
Names and numbers are case insensitive. Names are shown here in mixed case and hex numbers in upper case for clarity. You can use any format that meets your specific needs. Note also that use of HTML tags such as FONT has been depreciated. All color specifications on a page should use CSS notation. For example, the SPAN element can be used to specify text in a given color: <span style=”color: #0000ff;”>Example</span> = Example
The following 16 color names are the names that should be common to all browsers. Some early browsers may only respond to these specific names:
- Black (#000000),
- Silver (#C0C0C0),
- Gray (#808080),
- White (#FFFFFF),
- Maroon (#800000),
- Red = (#FF0000),
- Purple (#800080),
- Fuchsia (#FF00FF),
- Green (#008000),
- Lime (#00FF00),
- Olive (#808000),
- Yellow (#FFFF00),
- Navy (#000080),
- Blue (#0000FF),
- Teal (#008080), and
- Aqua (#00FFFF).
To be safe, you should consider using only the hex notation as all color values from #000000 – #FFFFFF (16,777,216 colors) should be valid. You can see in the table below if your browser works with color names. The last column uses color names instead of hex values so if you see something different from the Sample (third) column then you know your browser does not recognize that particular color name.
The official names and their hex equivalents are shown on this page along with a block example of the color and text in the color shown on both white and black backgrounds. Colors are shown by color name in alphabetical order. The final column tests your particular browser’s display of the color names.
Please also keep in mind that various displays will display colors differently. There is a CKnow article about this which concentrates on CRTs but applies to LCD and Plasma displays also.
| Color Name |
Color Hex |
Sample | Text on White |
Text on Black |
Test |
| AliceBlue | F0F8FF | AaBb..123 | AaBb..123 | ||
| AntiqueWhite | FAEBD7 | AaBb..123 | AaBb..123 | ||
| Aqua | 00FFFF | AaBb..123 | AaBb..123 | ||
| Aquamarine | 7FFFD4 | AaBb..123 | AaBb..123 | ||
| Azure | F0FFFF | AaBb..123 | AaBb..123 | ||
| Beige | #F5F5DC | AaBb..123 | AaBb..123 | ||
| Bisque | #FFE4C4 | AaBb..123 | AaBb..123 | ||
| Black | #000000 | AaBb..123 | AaBb..123 | ||
| BlanchedAlmond | #FFEBCD | AaBb..123 | AaBb..123 | ||
| Blue | #0000FF | AaBb..123 | AaBb..123 | ||
| BlueViolet | #8A2BE2 | AaBb..123 | AaBb..123 | ||
| Brown | #A52A2A | AaBb..123 | AaBb..123 | ||
| Burlywood | #DEB887 | AaBb..123 | AaBb..123 | ||
| CadetBlue | #5F9EA0 | AaBb..123 | AaBb..123 | ||
| Chartreuse | #7FFF00 | AaBb..123 | AaBb..123 | ||
| Chocolate | #D2691E | AaBb..123 | AaBb..123 | ||
| Coral | #FF7F50 | AaBb..123 | AaBb..123 | ||
| CornflowerBlue | #6495ED | AaBb..123 | AaBb..123 | ||
| Cornsilk | #FFF8DC | AaBb..123 | AaBb..123 | ||
| Crimson | #DC143C | AaBb..123 | AaBb..123 | ||
| Cyan | #00FFFF | AaBb..123 | AaBb..123 | ||
| DarkBlue | #00008B | AaBb..123 | AaBb..123 | ||
| DarkCyan | #008B8B | AaBb..123 | AaBb..123 | ||
| DarkGoldenrod | #B8B60B | AaBb..123 | AaBb..123 | ||
| DarkGray | #A9A9A9 | AaBb..123 | AaBb..123 | ||
| DarkGreen | #006400 | AaBb..123 | AaBb..123 | ||
| DarkKhaki | #BDB76B | AaBb..123 | AaBb..123 | ||
| DarkMagenta | #8B008B | AaBb..123 | AaBb..123 | ||
| DarkOliveGreen | #556B2F | AaBb..123 | AaBb..123 | ||
| DarkOrange | #FF8C00 | AaBb..123 | AaBb..123 | ||
| DarkOrchid | #9932CC | AaBb..123 | AaBb..123 | ||
| DarkRed | #8B0000 | AaBb..123 | AaBb..123 | ||
| DarkSalmon | #E9967A | AaBb..123 | AaBb..123 | ||
| DarkSeaGreen | #8FBC8F | AaBb..123 | AaBb..123 | ||
| DarkSlateBlue | #483D8B | AaBb..123 | AaBb..123 | ||
| DarkSlateGray | #2F4F4F | AaBb..123 | AaBb..123 | ||
| DarkTurquoise | #00CED1 | AaBb..123 | AaBb..123 | ||
| DarkViolet | #9400D3 | AaBb..123 | AaBb..123 | ||
| DeepPink | #FF1493 | AaBb..123 | AaBb..123 | ||
| DeepSkyBlue | #00BFFF | AaBb..123 | AaBb..123 | ||
| DimGray | #696969 | AaBb..123 | AaBb..123 | ||
| DodgerBlue | #1E90FF | AaBb..123 | AaBb..123 | ||
| FireBrick | #B22222 | AaBb..123 | AaBb..123 | ||
| FloralWhite | #FFFAF0 | AaBb..123 | AaBb..123 | ||
| ForestGreen | #228B22 | AaBb..123 | AaBb..123 | ||
| Fuchsia | #FF00FF | AaBb..123 | AaBb..123 | ||
| Gainsboro | #DCDCDC | AaBb..123 | AaBb..123 | ||
| GhostWhite | #F8F8FF | AaBb..123 | AaBb..123 | ||
| Gold | #FFD700 | AaBb..123 | AaBb..123 | ||
| Goldenrod | #DAA520 | AaBb..123 | AaBb..123 | ||
| Gray | #808080 | AaBb..123 | AaBb..123 | ||
| Green | #008000 | AaBb..123 | AaBb..123 | ||
| GreenYellow | #ADFF2F | AaBb..123 | AaBb..123 | ||
| Honeydew | #F0FFF0 | AaBb..123 | AaBb..123 | ||
| HotPink | #FF69B4 | AaBb..123 | AaBb..123 | ||
| IndianRed | #CD5C5C | AaBb..123 | AaBb..123 | ||
| Indigo | #4B0082 | AaBb..123 | AaBb..123 | ||
| Ivory | #FFFFF0 | AaBb..123 | AaBb..123 | ||
| Khaki | #F0E68C | AaBb..123 | AaBb..123 | ||
| Lavender | #E6E6FA | AaBb..123 | AaBb..123 | ||
| LavenderBlush | #FFF0F5 | AaBb..123 | AaBb..123 | ||
| LawnGreen | #7CFC00 | AaBb..123 | AaBb..123 | ||
| LemonChiffon | #FFFACD | AaBb..123 | AaBb..123 | ||
| LightBlue | #ADD8E6 | AaBb..123 | AaBb..123 | ||
| LightCoral | #F08080 | AaBb..123 | AaBb..123 | ||
| LightCyan | #E0FFFF | AaBb..123 | AaBb..123 | ||
| LightGoldenrodYellow | #FAFAD2 | AaBb..123 | AaBb..123 | ||
| LightGreen | #90EE90 | AaBb..123 | AaBb..123 | ||
| LightGrey | #D3D3D3 | AaBb..123 | AaBb..123 | ||
| LightPink | #FFB6C1 | AaBb..123 | AaBb..123 | ||
| LightSalmon | #FFA07A | AaBb..123 | AaBb..123 | ||
| LightSeaGreen | #20B2AA | AaBb..123 | AaBb..123 | ||
| LightSkyBlue | #87CEFA | AaBb..123 | AaBb..123 | ||
| LightSlateGray | #778899 | AaBb..123 | AaBb..123 | ||
| LightSteelBlue | #B0C4DE | AaBb..123 | AaBb..123 | ||
| LightYellow | #FFFFE0 | AaBb..123 | AaBb..123 | ||
| Lime | #00FF00 | AaBb..123 | AaBb..123 | ||
| LimeGreen | #32CD32 | AaBb..123 | AaBb..123 | ||
| Linen | #FAF0E6 | AaBb..123 | AaBb..123 | ||
| Magenta | #FF00FF | AaBb..123 | AaBb..123 | ||
| Maroon | #800000 | AaBb..123 | AaBb..123 | ||
| MediumAquamarine | #66CDAA | AaBb..123 | AaBb..123 | ||
| MediumBlue | #0000CD | AaBb..123 | AaBb..123 | ||
| MediumOrchid | #BA55D3 | AaBb..123 | AaBb..123 | ||
| MediumPurple | #9370DB | AaBb..123 | AaBb..123 | ||
| MediumSeaGreen | #3CB371 | AaBb..123 | AaBb..123 | ||
| MediumSlateBlue | #7B68EE | AaBb..123 | AaBb..123 | ||
| MediumSpringGreen | #00FA9A | AaBb..123 | AaBb..123 | ||
| MediumTurquoise | #48D1CC | AaBb..123 | AaBb..123 | ||
| MediumVioletRed | #C71585 | AaBb..123 | AaBb..123 | ||
| MidnightBlue | #191970 | AaBb..123 | AaBb..123 | ||
| MintCream | #F5FFFA | AaBb..123 | AaBb..123 | ||
| MistyRose | #FFE4E1 | AaBb..123 | AaBb..123 | ||
| Moccasin | #FFE4B5 | AaBb..123 | AaBb..123 | ||
| NavajoWhite | #FFDEAD | AaBb..123 | AaBb..123 | ||
| Navy | #000080 | AaBb..123 | AaBb..123 | ||
| OldLace | #FDF5E6 | AaBb..123 | AaBb..123 | ||
| Olive | #808000 | AaBb..123 | AaBb..123 | ||
| OliveDrab | #6B8E23 | AaBb..123 | AaBb..123 | ||
| Orange | #FFA500 | AaBb..123 | AaBb..123 | ||
| OrangeRed | #FF4500 | AaBb..123 | AaBb..123 | ||
| Orchid | #DA70D6 | AaBb..123 | AaBb..123 | ||
| PaleGoldenrod | #EEE8AA | AaBb..123 | AaBb..123 | ||
| PaleGreen | #98FB98 | AaBb..123 | AaBb..123 | ||
| PaleTurquoise | #AFEEEE | AaBb..123 | AaBb..123 | ||
| PaleVioletRed | #DB7093 | AaBb..123 | AaBb..123 | ||
| PapayaWhip | #FFEFD5 | AaBb..123 | AaBb..123 | ||
| PeachPuff | #FFDAB9 | AaBb..123 | AaBb..123 | ||
| Peru | #CD853F | AaBb..123 | AaBb..123 | ||
| Pink | #FFC0CD | AaBb..123 | AaBb..123 | ||
| Plum | #DDA0DD | AaBb..123 | AaBb..123 | ||
| PowderBlue | #B0E0E6 | AaBb..123 | AaBb..123 | ||
| Purple | #800080 | AaBb..123 | AaBb..123 | ||
| Red | #FF0000 | AaBb..123 | AaBb..123 | ||
| RosyBrown | #BC8F8F | AaBb..123 | AaBb..123 | ||
| RoyalBlue | #4169E1 | AaBb..123 | AaBb..123 | ||
| SaddleBrown | #8B4513 | AaBb..123 | AaBb..123 | ||
| Salmon | #FA8072 | AaBb..123 | AaBb..123 | ||
| SandyBrown | #F4A460 | AaBb..123 | AaBb..123 | ||
| SeaGreen | #2E8B57 | AaBb..123 | AaBb..123 | ||
| Seashell | #FFF5EE | AaBb..123 | AaBb..123 | ||
| Sienna | #A0522D | AaBb..123 | AaBb..123 | ||
| Silver | #C0C0C0 | AaBb..123 | AaBb..123 | ||
| SkyBlue | #87CEED | AaBb..123 | AaBb..123 | ||
| SlateBlue | #6A5ACD | AaBb..123 | AaBb..123 | ||
| SlateGray | #708090 | AaBb..123 | AaBb..123 | ||
| Snow | #FFFAFA | AaBb..123 | AaBb..123 | ||
| SpringGreen | #00FF7F | AaBb..123 | AaBb..123 | ||
| SteelBlue | #4682B4 | AaBb..123 | AaBb..123 | ||
| Tan | #D2B48C | AaBb..123 | AaBb..123 | ||
| Teal | #008080 | AaBb..123 | AaBb..123 | ||
| Thistle | #D8BFD8 | AaBb..123 | AaBb..123 | ||
| Tomato | #FF6347 | AaBb..123 | AaBb..123 | ||
| Turquoise | #40E0D0 | AaBb..123 | AaBb..123 | ||
| Violet | #EE82EE | AaBb..123 | AaBb..123 | ||
| Wheat | #F5DEB3 | AaBb..123 | AaBb..123 | ||
| White | #FFFFFF | AaBb..123 | AaBb..123 | ||
| WhiteSmoke | #F5F5F5 | AaBb..123 | AaBb..123 | ||
| Yellow | #FFFF00 | AaBb..123 | AaBb..123 | ||
| YellowGreen | #A9CD32 | AaBb..123 | AaBb..123 |
