Web Pages Designed With Your Wallet In Mind!
Color Chart Tool
The following table displays all the colors in the so-called X11 color set. You can use either the Color Name or the RGB Value in the <font> (deprecated) tag's or the <span> tag's color attribute, or in a style sheet's color property. To view the colors in this table, I recommend the Firefox browser.
For accessibility issues related to color-blindness (Dyschromatopsia) use the following online tools to check your web page:
- Colorblind Web Page Filter: This is a web-based system, which re-renders a live page in different
hues.
- ColorDoctor: A windows-only tool for checking the accessibility of colors in a site.
- Sim Daltonism: Named after the grandaddy of scientific research into color-blindness, this mac-only software creates a small window which shows the area under the mouse as seen by a person with color-blindness.
- Design for Color-blindness
| Color |
Color Name |
RGB Value |
|
LightPink |
#ffb6c1 |
|
Pink |
#ffc0cb |
|
Crimson |
#dc143c |
|
LavenderBlush |
#fff0f5 |
|
PaleVioletRed |
#db7093 |
|
HotPink |
#ff69b4 |
|
DeepPink |
#ff1493 |
|
MediumVioletRed |
#c71585 |
|
Orchid |
#da70d6 |
|
Thistle |
#d8bfd8 |
|
Plum |
#dda0dd |
|
Violet |
#ee82ee |
|
Magenta |
#ff00ff |
|
Fuchsia |
#ff00ff |
|
DarkMagenta |
#8b008b |
|
Purple |
#800080 |
|
MediumOrchid |
#ba55d3 |
|
DarkViolet |
#9400d3 |
|
DarkOrchid |
#9932cc |
|
Indigo |
#4b0082 |
|
BlueViolet |
#8a2be2 |
|
MediumPurple |
#9370db |
|
MediumSlateBlue |
#7b68ee |
|
SlateBlue |
#6a5acd |
|
DarkSlateBlue |
#483d8b |
|
Lavender |
#e6e6fa |
|
GhostWhite |
#f8f8ff |
|
Blue |
#0000ff |
|
MediumBlue |
#0000cd |
|
MidnightBlue |
#191970 |
|
DarkBlue |
#00008b |
|
Navy |
#000080 |
|
RoyalBlue |
#4169e1 |
|
CornflowerBlue |
#6495ed |
|
LightSteelBlue |
#b0c4de |
|
LightSlateGray |
#778899 |
|
SlateGray |
#708090 |
|
DodgerBlue |
#1e90ff |
|
AliceBlue |
#f0f8ff |
|
SteelBlue |
#4682b4 |
|
LightSkyBlue |
#87cefa |
|
SkyBlue |
#87ceeb |
|
DeepSkyBlue |
#00bfff |
|
LightBlue |
#add8e6 |
|
PowderBlue |
#bdb76b |
|
CadetBlue |
#5f9ea0 |
|
Azure |
#f0ffff |
|
LightCyan |
#e0ffff |
|
PaleTurquoise |
#afeeee |
|
Cyan |
#00ffff |
|
Aqua |
#00ffff |
|
DarkTurquoise |
#00ced1 |
|
DarkSlateGray |
#2f4f4f |
|
DarkCyan |
#008b8b |
|
Teal |
#008080 |
|
MediumTurquoise |
#48d1cc |
|
LightSeaGreen |
#20b2aa |
|
Turquoise |
#40e0d0 |
|
Aquamarine |
#7fffd4 |
|
MediumAquamarine |
#66cdaa |
|
MediumSpringGreen |
#00fa9a |
|
MintCream |
#f5fffa |
|
SpringGreen |
#00ff7f |
|
MediumSeaGreen |
#3cb371 |
|
SeaGreen |
#2e8b57 |
|
Honeydew |
#f0fff0 |
|
LightGreen |
#90ee90 |
|
PaleGreen |
#98fb98 |
|
DarkSeaGreen |
#8fbc8f |
|
LimeGreen |
#32cd32 |
|
| Color |
Color Name |
RGB Value |
|
Lime |
#00ff00 |
|
ForestGreen |
#228b22 |
|
Green |
#008000 |
|
DarkGreen |
#006400 |
|
Chartreuse |
#7fff00 |
|
LawnGreen |
#7cfc00 |
|
GreenYellow |
#adff2f |
|
DarkOliveGreen |
#556b2f |
|
YellowGreen |
#9acd32 |
|
OliveDrab |
#6b8e23 |
|
Beige |
#f5f5dc |
|
LightGoldenrodYellow |
#fafad2 |
|
Ivory |
#fffff0 |
|
LightYellow |
#ffffe0 |
|
Yellow |
#ffff00 |
|
Olive |
#808000 |
|
DarkKhaki |
#bdb76b |
|
LemonChiffon |
#fffaCd |
|
PaleGoldenrod |
#eee8aa |
|
Khaki |
#f0e68c |
|
Gold |
#ffd700 |
|
Cornsilk |
#fff8dc |
|
Goldenrod |
#daa520 |
|
DarkGoldenrod |
#b8860b |
|
FloralWhite |
#fffaf0 |
|
OldLace |
#fdf5e6 |
|
Wheat |
#f5deb3 |
|
Moccasin |
#ffe4b5 |
|
Orange |
#ffa500 |
|
PapayaWhip |
#ffefd5 |
|
BlanchedAlmond |
#ffebcd |
|
NavajoWhite |
#ffdead |
|
AntiqueWhite |
#faebd7 |
|
Tan |
#d2b48c |
|
BurlyWood |
#deb887 |
|
Bisque |
#ffe4c4 |
|
DarkOrange |
#ff8C00 |
|
Linen |
#faf0e6 |
|
Peru |
#cd853f |
|
PeachPuff |
#ffdab9 |
|
SandyBrown |
#f4a460 |
|
Chocolate |
#d2691e |
|
SaddleBrown |
#8b4513 |
|
Seashell |
#fff5ee |
|
Sienna |
#a0522d |
|
LightSalmon |
#ffa07a |
|
Coral |
#ff7f50 |
|
OrangeRed |
#ff4500 |
|
DarkSalmon |
#e9967a |
|
Tomato |
#ff6347 |
|
MistyRose |
#ffe4e1 |
|
Salmon |
#fa8072 |
|
Snow |
#fffafa |
|
LightCoral |
#f08080 |
|
RosyBrown |
#bc8f8f |
|
IndianRed |
#cd5c5c |
|
Red |
#ff0000 |
|
Brown |
#a52a2a |
|
FireBrick |
#b22222 |
|
DarkRed |
#8b0000 |
|
Maroon |
#800000 |
|
White |
#ffffff |
|
WhiteSmoke |
#f5f5f5 |
|
Gainsboro |
#dcdcdc |
|
LightGrey |
#d3d3d3 |
|
Silver |
#c0c0c0 |
|
DarkGray |
#a9a9a9 |
|
Gray |
#808080 |
|
DimGray |
#696969 |
|
Black |
#000000 |
|
