HTML 3.2 specifications
define sixteen color names that can be used
to define a color in an HTML attribute:
|
aqua | black |
blue | fuchsia |
|
gray | green | lime | maroon
|
|
navy | olive | purple | red |
|
|
silver | teal | white | yellow |
Other browsers may recognize a variety of
named colors, but beware when using named colors.
Older versions of browsers may interpret a named
color as a hexadecimal code. The result is that
your colored background "yellow" is interpreted
as hexadecimal "#YELLOW"--a very dark blue! The
result of this is that I don't reccommend using
the named colors--use the hexadecimal codes
instead.
All browsers that render colors should recognize
hexadecimal codes for colors.
The code following the color names in the chart below
are the hexadecimal digits
for the red, green, and blue values for these colors.
You can view
a list of soft colors
useful for background highlights.
To see other colors demonstrated, see
ColorServe
Pro
or Lem
Apperson's Color Index.
| black | #000000 | example |
| navy | #000080 | example |
| blue4 | #00008B | example |
| medium blue | #0000CD | example |
| blue2 | #0000EE | example |
| blue | #0000FF | example |
| dark green | #006400 | example |
| deepskyblue4 | #00688B | example |
| turquoise4 | #00868B | example |
| green4 | #008B00 | example |
| springgreen4 | #008B45 | example |
| cyan4 | #008B8B | example |
| deepskyblue3 | #009ACD | example |
| deepskyblue2 | #00B2EE | example |
| deep sky blue | #00BFFF | example |
| turquoise3 | #00C5CD | example |
| green3 | #00CD00 | example |
| springgreen3 | #00CD66 | example |
| cyan3 | #00CDCD | example |
| dark turquoise | #00CED1 | example |
| turquoise2 | #00E5EE | example |
| green2 | #00EE00 | example |
| springgreen2 | #00EE76 | example |
| cyan2 | #00EEEE | example |
| turquoise1 | #00F5FF | example |
| medium spring green | #00FA9A | example |
| green | #00FF00 | example |
| spring green | #00FF7F | example |
| cyan | #00FFFF | example |
| gray1 | #030303 | example |
| gray2 | #050505 | example |
| gray3 | #080808 | example |
| gray4 | #0A0A0A | example |
| gray5 | #0D0D0D | example |
| gray6 | #0F0F0F | example |
| dodgerblue4 | #104E8B | example |
| gray7 | #121212 | example |
| gray8 | #141414 | example |
| gray9 | #171717 | example |
| dodgerblue3 | #1874CD | example |
| midnight blue | #191970 | example |
| gray10 | #1A1A1A | example |
| gray11 | #1C1C1C | example |
| dodgerblue2 | #1C86EE | example |
| dodger blue | #1E90FF | example |
| gray12 | #1F1F1F | example |
| light sea green | #20B2AA | example |
| gray13 | #212121 | example |
| forest green | #228B22 | example |
| gray14 | #242424 | example |
| gray15 | #262626 | example |
| royalblue4 | #27408B | example |
| gray16 | #292929 | example |
| gray17 | #2B2B2B | example |
| gray18 | #2E2E2E | example |
| sea green | #2E8B57 | example |
| dark slate gray | #2F4F4F | example |
| gray19 | #303030 | example |
| lime green | #32CD32 | example |
| gray20 | #333333 | example |
| gray21 | #363636 | example |
| steelblue4 | #36648B | example |
| gray22 | #383838 | example |
| royalblue3 | #3A5FCD | example |
| gray23 | #3B3B3B | example |
| medium sea green | #3CB371 | example |
| gray24 | #3D3D3D | example |
| gray25 | #404040 | example |
| turquoise | #40E0D0 | example |
| royal blue | #4169E1 | example |
| gray26 | #424242 | example |
| royalblue2 | #436EEE | example |
| seagreen3 | #43CD80 | example |
| gray27 | #454545 | example |
| chartreuse4 | #458B00 | example |
| aquamarine4 | #458B74 | example |
| steel blue | #4682B4 | example |
| slateblue4 | #473C8B | example |
| gray28 | #474747 | example |
| dark slate blue | #483D8B | example |
| royalblue1 | #4876FF | example |
| medium turquoise | #48D1CC | example |
| grey29 | #4A4A4A | example |
| skyblue4 | #4A708B | example |
| grey30 | #4D4D4D | example |
| seagreen2 | #4EEE94 | example |
| grey31 | #4F4F4F | example |
| steelblue3 | #4F94CD | example |
| grey32 | #525252 | example |
| darkslategray4 | #528B8B | example |
| cadetblue4 | #53868B | example |
| grey33 | #545454 | example |
| palegreen4 | #548B54 | example |
| seagreen1 | #54FF9F | example |
| purple4 | #551A8B | example |
| dark olive green | #556B2F | example |
| gray34 | #575757 | example |
| gray35 | #595959 | example |
| gray36 | #5C5C5C | example |
| steelblue2 | #5CACEE | example |
| mediumpurple4 | #5D478B | example |
| gray37 | #5E5E5E | example |
| cadet blue | #5F9EA0 | example |
| lightskyblue4 | #607B8B | example |
| gray38 | #616161 | example |
| gray39 | #636363 | example |
| steelblue1 | #63B8FF | example |
| cornflower blue | #6495ED | example |
| gray40 | #666666 | example |
| paleturquoise4 | #668B8B | example |
| chartreuse3 | #66CD00 | example |
| aquamarine3 | #66CDAA | example |
| medium aquamarine | #66CDAA | duplicate |
| darkorchid4 | #68228B | example |
| lightblue4 | #68838B | example |
| slateblue3 | #6959CD | example |
| dim gray | #696969 | example |
| gray41 | #696969 | duplicate |
| olivedrab4 | #698B22 | example |
| darkseagreen4 | #698B69 | example |
| slate blue | #6A5ACD | example |
| slateblue | #6A5ACD | duplicate |
| gray42 | #6B6B6B | example |
| olive drab | #6B8E23 | example |
| slategray4 | #6C7B8B | example |
| skyblue3 | #6CA6CD | example |
| gray43 | #6E6E6E | example |
| lightsteelblue4 | #6E7B8B | example |
| darkolivegreen4 | #6E8B3D | example |
| gray44 | #707070 | example |
| slate gray | #708090 | example |
| gray45 | #737373 | example |
| gray46 | #757575 | example |
| chartreuse2 | #76EE00 | example |
| aquamarine2 | #76EEC6 | example |
| light slate gray | #778899 | example |
| gray47 | #787878 | example |
| darkslategray3 | #79CDCD | example |
| mediumorchid4 | #7A378B | example |
| slateblue2 | #7A67EE | example |
| gray48 | #7A7A7A | example |
| lightcyan4 | #7A8B8B | example |
| cadetblue3 | #7AC5CD | example |
| medium slate blue | #7B68EE | example |
| palegreen3 | #7CCD7C | example |
| lawn green | #7CFC00 | example |
| purple3 | #7D26CD | example |
| gray49 | #7D7D7D | example |
| skyblue2 | #7EC0EE | example |
| gray50 | #7F7F7F | example |
| chartreuse | #7FFF00 | example |
| aquamarine | #7FFFD4 | example |
| gray51 | #828282 | example |
| slateblue1 | #836FFF | example |
| honeydew4 | #838B83 | example |
| azure4 | #838B8B | example |
| light slate blue | #8470FF | example |
| gray52 | #858585 | example |
| gray53 | #878787 | example |
| sky blue | #87CEEB | example |
| light sky blue | #87CEFA | example |
| skyblue1 | #87CEFF | example |
| mediumpurple3 | #8968CD | example |
| blue violet | #8A2BE2 | example |
| gray54 | #8A8A8A | example |
| red4 | #8B0000 | example |
| magenta4 | #8B008B | example |
| deeppink4 | #8B0A50 | example |
| firebrick4 | #8B1A1A | example |
| maroon4 | #8B1C62 | example |
| violetred4 | #8B2252 | example |
| brown4 | #8B2323 | example |
| orangered4 | #8B2500 | example |
| tomato4 | #8B3626 | example |
| indianred4 | #8B3A3A | example |
| hotpink4 | #8B3A62 | example |
| coral4 | #8B3E2F | example |
| darkorange4 | #8B4500 | example |
| chocolate4 | #8B4513 | example |
| saddle brown | #8B4513 | duplicate |
| sienna4 | #8B4726 | example |
| palevioletred4 | #8B475D | example |
| orchid4 | #8B4789 | example |
| salmon4 | #8B4C39 | example |
| lightsalmon4 | #8B5742 | example |
| orange4 | #8B5A00 | example |
| tan4 | #8B5A2B | example |
| lightpink4 | #8B5F65 | example |
| pink4 | #8B636C | example |
| darkgoldenrod4 | #8B6508 | example |
| plum4 | #8B668B | example |
| goldenrod4 | #8B6914 | example |
| rosybrown4 | #8B6969 | example |
| burlywood4 | #8B7355 | example |
| gold4 | #8B7500 | example |
| peachpuff4 | #8B7765 | example |
| navajowhite4 | #8B795E | example |
| thistle4 | #8B7B8B | example |
| bisque4 | #8B7D6B | example |
| mistyrose4 | #8B7D7B | example |
| wheat4 | #8B7E66 | example |
| lightgoldenrod4 | #8B814C | example |
| antiquewhite4 | #8B8378 | example |
| lavenderblush4 | #8B8386 | example |
| khaki4 | #8B864E | example |
| seashell4 | #8B8682 | example |
| cornsilk4 | #8B8878 | example |
| lemonchiffon4 | #8B8970 | example |
| snow4 | #8B8989 | example |
| yellow4 | #8B8B00 | example |
| lightyellow4 | #8B8B7A | example |
| ivory4 | #8B8B83 | example |
| gray55 | #8C8C8C | example |
| lightskyblue3 | #8DB6CD | example |
| darkslategray2 | #8DEEEE | example |
| cadetblue2 | #8EE5EE | example |
| gray56 | #8F8F8F | example |
| dark sea green | #8FBC8F | example |
| darkseagreen | #8FBC8F | duplicate |
| palegreen2 | #90EE90 | example |
| purple2 | #912CEE | example |
| gray57 | #919191 | example |
| medium purple | #9370DB | example |
| dark violet | #9400D3 | example |
| gray58 | #949494 | example |
| gray59 | #969696 | example |
| paleturquoise3 | #96CDCD | example |
| darkslategray1 | #97FFFF | example |
| cadetblue1 | #98F5FF | example |
| pale green | #98FB98 | example |
| dark orchid | #9932CC | example |
| gray60 | #999999 | example |
| darkorchid3 | #9A32CD | example |
| lightblue3 | #9AC0CD | example |
| olivedrab3 | #9ACD32 | example |
| yellow green | #9ACD32 | duplicate |
| palegreen1 | #9AFF9A | example |
| purple1 | #9B30FF | example |
| darkseagreen3 | #9BCD9B | example |
| gray61 | #9C9C9C | example |
| gray62 | #9E9E9E | example |
| mediumpurple2 | #9F79EE | example |
| slategray3 | #9FB6CD | example |
| purple | #A020F0 | example |
| sienna | #A0522D | example |
| gray63 | #A1A1A1 | example |
| lightsteelblue3 | #A2B5CD | example |
| darkolivegreen3 | #A2CD5A | example |
| gray64 | #A3A3A3 | example |
| lightskyblue2 | #A4D3EE | example |
| brown | #A52A2A | example |
| gray65 | #A6A6A6 | example |
| gray66 | #A8A8A8 | example |
| mediumpurple1 | #AB82FF | example |
| gray67 | #ABABAB | example |
|
| gray68 | #ADADAD | example |
| light blue | #ADD8E6 | example |
| green yellow | #ADFF2F | example |
| pale turquoise | #AFEEEE | example |
| maroon | #B03060 | example |
| gray69 | #B0B0B0 | example |
| light steel blue | #B0C4DE | example |
| powder blue | #B0E0E6 | example |
| lightskyblue1 | #B0E2FF | example |
| firebrick | #B22222 | example |
| darkorchid2 | #B23AEE | example |
| lightblue2 | #B2DFEE | example |
| gray70 | #B3B3B3 | example |
| olivedrab2 | #B3EE3A | example |
| mediumorchid3 | #B452CD | example |
| lightcyan3 | #B4CDCD | example |
| darkseagreen2 | #B4EEB4 | example |
| gray71 | #B5B5B5 | example |
| dark goldenrod | #B8860B | example |
| gray72 | #B8B8B8 | example |
| slategray2 | #B9D3EE | example |
| medium orchid | #BA55D3 | example |
| gray73 | #BABABA | example |
| paleturquoise1 | #BBFFFF | example |
| rosy brown | #BC8F8F | example |
| lightsteelblue2 | #BCD2EE | example |
| darkolivegreen2 | #BCEE68 | example |
| dark khaki | #BDB76B | example |
| gray74 | #BDBDBD | example |
| gray | #BEBEBE | example |
| darkorchid1 | #BF3EFF | example |
| gray75 | #BFBFBF | example |
| lightblue1 | #BFEFFF | example |
| olivedrab1 | #C0FF3E | example |
| honeydew3 | #C1CDC1 | example |
| azure3 | #C1CDCD | example |
| darkseagreen1 | #C1FFC1 | example |
| gray76 | #C2C2C2 | example |
| gray77 | #C4C4C4 | example |
| slategray1 | #C6E2FF | example |
| medium violet red | #C71585 | example |
| gray78 | #C7C7C7 | example |
| gray79 | #C9C9C9 | example |
| lightsteelblue1 | #CAE1FF | example |
| darkolivegreen1 | #CAFF70 | example |
| gray80 | #CCCCCC | example |
| red3 | #CD0000 | example |
| magenta3 | #CD00CD | example |
| deeppink3 | #CD1076 | example |
| firebrick3 | #CD2626 | example |
| maroon3 | #CD2990 | example |
| violetred3 | #CD3278 | example |
| brown3 | #CD3333 | example |
| orangered3 | #CD3700 | example |
| tomato3 | #CD4F39 | example |
| indianred3 | #CD5555 | example |
| coral3 | #CD5B45 | example |
| indian red | #CD5C5C | example |
| hotpink3 | #CD6090 | example |
| darkorange3 | #CD6600 | example |
| chocolate3 | #CD661D | example |
| sienna3 | #CD6839 | example |
| palevioletred3 | #CD6889 | example |
| orchid3 | #CD69C9 | example |
| salmon3 | #CD7054 | example |
| lightsalmon3 | #CD8162 | example |
| orange3 | #CD8500 | example |
| peru | #CD853F | example |
| tan3 | #CD853F | duplicate |
| lightpink3 | #CD8C95 | example |
| pink3 | #CD919E | example |
| darkgoldenrod3 | #CD950C | example |
| plum3 | #CD96CD | example |
| goldenrod3 | #CD9B1D | example |
| rosybrown3 | #CD9B9B | example |
| burlywood3 | #CDAA7D | example |
| gold3 | #CDAD00 | example |
| peachpuff3 | #CDAF95 | example |
| navajowhite3 | #CDB38B | example |
| thistle3 | #CDB5CD | example |
| bisque3 | #CDB79E | example |
| mistyrose3 | #CDB7B5 | example |
| wheat3 | #CDBA96 | example |
| lightgoldenrod3 | #CDBE70 | example |
| antiquewhite3 | #CDC0B0 | example |
| lavenderblush3 | #CDC1C5 | example |
| seashell3 | #CDC5BF | example |
| khaki3 | #CDC673 | example |
| cornsilk3 | #CDC8B1 | example |
| lemonchiffon3 | #CDC9A5 | example |
| snow3 | #CDC9C9 | example |
| yellow3 | #CDCD00 | example |
| lightyellow3 | #CDCDB4 | example |
| ivory3 | #CDCDC1 | example |
| gray81 | #CFCFCF | example |
| violet red | #D02090 | example |
| mediumorchid2 | #D15FEE | example |
| gray82 | #D1D1D1 | example |
| lightcyan2 | #D1EEEE | example |
| chocolate | #D2691E | example |
| tan | #D2B48C | example |
| light gray | #D3D3D3 | example |
| gray83 | #D4D4D4 | example |
| gray84 | #D6D6D6 | example |
| thistle | #D8BFD8 | example |
| gray85 | #D9D9D9 | example |
| orchid | #DA70D6 | example |
| goldenrod | #DAA520 | example |
| pale violet red | #DB7093 | example |
| gray86 | #DBDBDB | example |
| gainsboro | #DCDCDC | example |
| plum | #DDA0DD | example |
| burlywood | #DEB887 | example |
| gray87 | #DEDEDE | example |
| mediumorchid1 | #E066FF | example |
| gray88 | #E0E0E0 | example |
| honeydew2 | #E0EEE0 | example |
| azure2 | #E0EEEE | example |
| light cyan | #E0FFFF | example |
| gray89 | #E3E3E3 | example |
| gray90 | #E5E5E5 | example |
| lavender | #E6E6FA | example |
| gray91 | #E8E8E8 | example |
| dark salmon | #E9967A | example |
| gray92 | #EBEBEB | example |
| gray93 | #EDEDED | example |
| red2 | #EE0000 | example |
| magenta2 | #EE00EE | example |
| deeppink2 | #EE1289 | example |
| firebrick2 | #EE2C2C | example |
| maroon2 | #EE30A7 | example |
| violetred2 | #EE3A8C | example |
| brown2 | #EE3B3B | example |
| orangered2 | #EE4000 | example |
| tomato2 | #EE5C42 | example |
| indianred2 | #EE6363 | example |
| coral2 | #EE6A50 | example |
| hotpink2 | #EE6AA7 | example |
| darkorange2 | #EE7600 | example |
| chocolate2 | #EE7621 | example |
| sienna2 | #EE7942 | example |
| palevioletred2 | #EE799F | example |
| orchid2 | #EE7AE9 | example |
| salmon2 | #EE8262 | example |
| violet | #EE82EE | example |
| lightsalmon2 | #EE9572 | example |
| orange2 | #EE9A00 | example |
| tan2 | #EE9A49 | example |
| lightpink2 | #EEA2AD | example |
| pink2 | #EEA9B8 | example |
| darkgoldenrod2 | #EEAD0E | example |
| plum2 | #EEAEEE | example |
| goldenrod2 | #EEB422 | example |
| rosybrown2 | #EEB4B4 | example |
| burlywood2 | #EEC591 | example |
| gold2 | #EEC900 | example |
| peachpuff2 | #EECBAD | example |
| navajowhite2 | #EECFA1 | example |
| thistle2 | #EED2EE | example |
| bisque2 | #EED5B7 | example |
| mistyrose2 | #EED5D2 | example |
| wheat2 | #EED8AE | example |
| lightgoldenrod2 | #EEDC82 | example |
| light goldenrod | #EEDD82 | example |
| antiquewhite2 | #EEDFCC | example |
| lavenderblush2 | #EEE0E5 | example |
| seashell2 | #EEE5DE | example |
| khaki2 | #EEE685 | example |
| pale goldenrod | #EEE8AA | example |
| cornsilk2 | #EEE8CD | example |
| lemonchiffon2 | #EEE9BF | example |
| snow2 | #EEE9E9 | example |
| yellow2 | #EEEE00 | example |
| lightyellow2 | #EEEED1 | example |
| ivory2 | #EEEEE0 | example |
| light coral | #F08080 | example |
| lightcoral | #F08080 | duplicate |
| khaki | #F0E68C | example |
| gray94 | #F0F0F0 | example |
| alice blue | #F0F8FF | example |
| honeydew | #F0FFF0 | example |
| azure | #F0FFFF | example |
| gray95 | #F2F2F2 | example |
| sandy brown | #F4A460 | example |
| wheat | #F5DEB3 | example |
| beige | #F5F5DC | example |
| grey96 | #F5F5F5 | example |
| white smoke | #F5F5F5 | duplicate |
| mint cream | #F5FFFA | example |
| gray97 | #F7F7F7 | example |
| ghost white | #F8F8FF | example |
| salmon | #FA8072 | example |
| antique white | #FAEBD7 | example |
| linen | #FAF0E6 | example |
| light goldenrod yelow | #FAFAD2 | example |
| gray98 | #FAFAFA | example |
| gray99 | #FCFCFC | example |
| old lace | #FDF5E6 | example |
| red | #FF0000 | example |
| magenta | #FF00FF | example |
| deep pink | #FF1493 | example |
| deeppink | #FF1493 | duplicate |
| firebrick1 | #FF3030 | example |
| maroon1 | #FF34B3 | example |
| violetred1 | #FF3E96 | example |
| brown1 | #FF4040 | example |
| orange red | #FF4500 | example |
| tomato | #FF6347 | example |
| hot pink | #FF69B4 | example |
| indianred1 | #FF6A6A | example |
| hotpink1 | #FF6EB4 | example |
| coral1 | #FF7256 | example |
| darkorange1 | #FF7F00 | example |
| chocolate1 | #FF7F24 | example |
| coral | #FF7F50 | example |
| sienna1 | #FF8247 | example |
| palevioletred1 | #FF82AB | example |
| orchid1 | #FF83FA | example |
| dark orange | #FF8C00 | example |
| salmon1 | #FF8C69 | example |
| light salmon | #FFA07A | example |
| orange | #FFA500 | example |
| tan1 | #FFA54F | example |
| lightpink1 | #FFAEB9 | example |
| pink1 | #FFB5C5 | example |
| light pink | #FFB6C1 | example |
| darkgoldenrod1 | #FFB90F | example |
| plum1 | #FFBBFF | example |
| pink | #FFC0CB | example |
| goldenrod1 | #FFC125 | example |
| rosybrown1 | #FFC1C1 | example |
| burlywood1 | #FFD39B | example |
| gold | #FFD700 | example |
| peach puff | #FFDAB9 | example |
| navajo white | #FFDEAD | example |
| thistle1 | #FFE1FF | example |
| moccasin | #FFE4B5 | example |
| bisque | #FFE4C4 | example |
| misty rose | #FFE4E1 | example |
| wheat1 | #FFE7BA | example |
| blanched almond | #FFEBCD | example |
| lightgoldenrod1 | #FFEC8B | example |
| papaya whip | #FFEFD5 | example |
| antiquewhite1 | #FFEFDB | example |
| lavender blush | #FFF0F5 | example |
| seashell | #FFF5EE | example |
| khaki1 | #FFF68F | example |
| cornsilk | #FFF8DC | example |
| lemon chiffon | #FFFACD | example |
| floral white | #FFFAF0 | example |
| snow | #FFFAFA | example |
| yellow | #FFFF00 | example |
| light yellow | #FFFFE0 | example |
| ivory | #FFFFF0 | example |
| white | #FFFFFF | example |
|