HTML extended color names

If you have worked with using colors in HTML, you may agree that the easiest way to reference colors is to use the actual color names. HTML recognizes the following 16 color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. In addition to these HTML-defined colors, Microsoft Internet Explorer and Netscape Navigator recognize 140 standard color names.

Some color names include a combination of words such as sandybrown, honeydew, dimgray, etc. Although these are separate words, the color name when used in your HTML code, should be used as one word (without any space characters separating color names).

The table below provides extended color names. The table displays the name of the color, its hexadecimal value and its preview. To use a color in your HTML document, use either the color name or the hexadecimal value. For example, to use the color “Alice Blue” as a background color for an HTML table, you can set the <table> tag as

<table bgcolor="AliceBlue"> or <table bgcolor="#F0F8FE">

If you decide to use a color name, remember to not separate the color name with a space if the color name consists of more than one word. For instance, use “AliceBlue” instead of “Alice Blue”. Although a color name is easier to remember than a hexadecimal value, use of color name should be avoided because all browsers may not support all the color names. Thus use a hexadecimal value and check the color in different browsers, if possible, because different browsers may render the color differently, or not at all.

For your convenience, the following shows a list of some of named colors: aliceblue, aqua, aquamarine, azure, beige, bisque, black, blueviolet, blueviolet, brown, burlywood, chartreuse, chocolate, coral, crimson, cyan, darkblue, darkcyan, darkgoldenrod, darkgray, darkgreen, darkorange, darkorchid, darkseagreen, darkslateblue, darkslategray, darkviolet, dimgray, dodgerblue, firebrick, florawhite, forestgreen, ghostwhite, gold, goldenrod, gray, green, greenyellow, honedew, hotpink, indianred, indigo, ivory, khaki, lemonchiffon, lightblue, lightcoral, lightcyan, lightgoldenrodyellow, lightgreen, lightgrey, lightpink, lightsalmon, lightseagreen, lightskyblue, lightslategray, lightsteelblue, lightyellow, limegreen, linen, maroon, mediumaquamarine, mediumblue, mediumpurple, mediumseagreen, mediumslateblue, mediumturquoise, mediumvioletred, midnightblue, mintcream, mistyrose, moccasin, navajowhite, navy, olivedrab, olivedrab, orange, orangered, orchid, palegreen, palevioletred, peachpuff, peru, pink, plum, powderblue, purple, royalblue, salmon, sandybrown, silver, skyblue, slateblue, slategray, snow, springgreen, steelblue, tan, teal, tomato, turquoise, wheat, white, whitesmoke, yellow, and yellowgreen.

Hex color values

When you specify colors by using six-digit hexadecimal value, you are specifying the amounts of red, green and blue. In a hexadecimal value, the first two digits represent the amount of red, the second two represent green, and the final two represent blue. For each color, the hexadecimal values can range from 00 for no color to FF for full color. FF0000, for instance, represents red, 00FF00 represents green, 0000FF represents blue, 000000 represents black, FFFFFF represents white, and 808080 represents gray. When you combine colors, you create a new color; for instance, combining red and blue creates magenta, and combining green and blue creates cyan.

Color NameHex ValueColor Preview
AliceBlue#F0F8FE
AntiqueWhite#FAEBD7
Aqua#00FFFF
Aquamarine#70DB93
Azure#F0FFFF
Beige#F5F5DC
Black#000000
Blue#0000FF
BlueViolet#9F5F9F
Brass#B5A642
BrightGold#D9D919
Bronze#8C7853
Brown#A52A2A
CadetBlue#5F9EA0
Chocolate#D2691E
Copper#B87333
Coral#FF7F50
Crimson#DC143C
Cyan#00FFFF
DarkBlue#00008B
DarkBrown#5C4033
DarkCyan#008B8B
DarkGoldenRod#B8860B
DarkGray#A9A9A9
DarkGreen#006400
DarkKhaki#BDB76B
DarkMagenta#8B008B
DarkOliveGreen#4F4F2F
DarkOrange#FF8C00
DarkOrchid#9932CD
DarkPurple#871F78
DarkSalmon#E9967A
DarkSlateBlue#6B238E
DarkSlateGray#2F4F4F
DarkTan#97694F
DarkTurquoise#7093DB
DarkViolet#9400D3
DarkWood#855E42
DimGray#545454
DustyRose#856363
FeldSpar#D19275
FireBrick#B22222
ForestGreen#238E23
Gold#CD7F32
GoldenRod#DBDB70
Gray#C0C0C0
Green#00FF00
GreenCopper#527F76
GreenYellow#93DB70
HotPink#FF69B4
HunterGreen#215E21
IndianRed#CD5C5C
Indigo#4B0082
Ivory#FFFFF0
Khaki#9F9F5F
Lavender#E6E6FA
LightBlue#C0D9D9
LightCoral#F08080
LightCyan#E0FFFF
LightGray#A8A8A8
LightGreen#90EE90
LightPink#FFB6C1
LightSteelBlue#8F8FBD
LightWood#E9C2A6
Lime#00FF00
LimeGreen#32CD32
Magenta#FF00FF
MandarinOrange#E47833
Maroon#8E236B
MediumAquaMarine#32CD99
MediumBlue#3232CD
MediumForestGreen#6B8E23
MediumGoldenRod#EAEAAE
MediumOrchid#9370DB
MediumSeaGreen#426F42
MediumSlateBlue#7F00FF
MediumSpringGreen#7FFF00
MediumTurquoise#70DBDB
MediumVioletRed#DB7093
MediumWood#A68064
MidNightBlue#2F2F4F
MintCream#F5FFFA
MistyRose#FFE4E1
NavyBlue#23238E
NeonBlue#4D4DFF
NeonPink#FF6EC7
NewMidnightBlue#00009C
NewTan#EBC79E
OldGold#CFB53B
Olive#808000
Orange#FF7F00
OrangeRed#FF2400
Orchid#DB70DB
PaleGoldenRod#EEE8AA
PaleGreen#8FBC8F
PaleTurquoise#AFEEEE
Pink#BC8F8F
Plum#EAADEA
PowderBlue#B0E0E6
Purple#800080
Quartz#D9D9F3
Red#FF0000
RichBlue#5959AB
RoyalBlue#4169E1
SaddleBrown#8B4513
Salmon#6F4242
SandyBrown#F4A460
Scarlet#8C1717
SeaGreen#238E68
Seinna#8E6B23
Silver#E6E8FA
SkyBlue#3299CC
SlateBlue#007FFF
Snow#FFFAFA
SpicyPink#FF1CAE
SpringGreen#00FF7F
SteelBlue#236B8E
SummerSky#38B0DE
Tan#DB9370
Teal#008080
Thistle#D8BFD8
Tomato#FF6347
Turquoise#ADEAEA
VeryDarkBrown#5C4033
VeryDarkGray#5C4033
Violet#422F4F
VioletRed#CC3299
Wheat#D8D8BF
White#FFFFFF
Yellow#FFFF00
YellowGreen#99CC32