Copyright © tutorialspoint.com

CSS Color References

previous next


Advertisements

The following table shows the 16 color names that were introduced in HTML 3.2 to support the 16 colors that 8-bit graphics cards offered. Same set of color can be used in CSS:

Color NameHex ValueColorShow
aqua#00ffffDemo
black#000000Demo
blue#0000ffDemo
fuchsia#ff00ffDemo
green#008000Demo
gray#808080Demo
lime#00ff00Demo
maroon#800000Demo
navy#000080Demo
olive#808000Demo
purple#800080Demo
red#ff0000Demo
silver#c0c0c0Demo
teal#008080Demo
white#ffffffDemo
yellow#ffff00Demo

There are other colors which are not part of HTML or XHTML but they are supported by most of the versions of IE or Netscape. These color names can be used in CSS as well.

Color NameHex ValueColorShow
aliceblue#f0f8ffDemo
antiquewhite#faebd7Demo
aquamarine#7fffd4Demo
azure#f0ffffDemo
beige#f5f5dcDemo
bisque#ffe4c4Demo
blanchedalmond#ffebcdDemo
blueviolet#8a2be2Demo
brown#a52a2aDemo
burlywood#deb887Demo
cadetblue#5f9ea0Demo
chartreuse#7fff00Demo
chocolate#d2691eDemo
coral#ff7f50Demo
cornflowerblue#6495edDemo
cornsilk#fff8dcDemo
crimson#dc143cDemo
cyan#00ffffDemo
darkblue#00008bDemo
darkcyan#008b8bDemo
darkgoldenrod#b8860bDemo
darkgray#a9a9a9Demo
darkgreen#006400Demo
darkkhaki#bdb76bDemo
darkmagenta#8b008bDemo
darkolivegreen#556b2fDemo
darkorange#ff8c00Demo
darkorchid#9932ccDemo
darkred#8b0000Demo
darksalmon#e9967aDemo
darkseagreen#8fbc8fDemo
darkslateblue#483d8bDemo
darkslategray#2f4f4fDemo
darkturquoise#00ced1Demo
darkviolet#9400d3Demo
deeppink#ff1493Demo
deepskyblue#00bfffDemo
dimgray#696969Demo
dodgerblue#1e90ffDemo
firebrick#b22222Demo
floralwhite#fffaf0Demo
forestgreen#228b22Demo
gainsboro#dcdcdcDemo
ghostwhite#f8f8ffDemo
gold#ffd700Demo
goldenrod#daa520Demo
gray#808080Demo
greenyellow#adff2fDemo
honeydew#f0fff0Demo
hotpink#ff69b4Demo
indianred#cd5c5cDemo
indigo#4b0082Demo
ivory#fffff0Demo
khaki#f0e68cDemo
lavender#e6e6faDemo
lavenderblush#fff0f5Demo
lawngreen#7cfc00Demo
lemonchiffon#fffacdDemo
lightblue#add8e6Demo
lightcoral#f08080Demo
lightcyan#e0ffffDemo
lightgoldenrodyellow#fafad2Demo
lightgreen#90ee90Demo
lightgrey#d3d3d3Demo
lightpink#ffb6c1Demo
lightsalmon#ffa07aDemo
lightseagreen#20b2aaDemo
lightskyblue#87cefaDemo
lightslategray#778899Demo
lightsteelblue#b0c4deDemo
lightyellow#ffffe0Demo
limegreen#32cd32Demo
linen#faf0e6Demo
magenta#ff00ffDemo
mediumblue#0000cdDemo
mediumorchid#ba55d3Demo
mediumpurple#9370dbDemo
midnightblue#191970Demo
mistyrose#ffe4e1Demo
moccasin#ffe4b5Demo
oldlace#fdf5e6Demo
orange#ffa500Demo
orchid#da70d6Demo
peachpuff#ffdab9Demo
peru#cd853fDemo
pink#ffc0cbDemo
plum#dda0ddDemo
purple#800080Demo
rosybrown#bc8f8fDemo
royalblue#4169e1Demo
salmon#fa8072Demo
sandybrown#f4a460Demo
seagreen#2e8b57Demo
sienna#a0522dDemo
skyblue#87ceebDemo
slateblue#6a5acdDemo
steelblue#4682b4Demo
tan#d2b48cDemo
thistle#d8bfd8Demo
tomato#ff6347Demo
violet#ee82eeDemo
wheat#f5deb3Demo
whitesmoke#f5f5f5Demo
yellow#ffff00Demo
yellowgreen#9acd32Demo
previous next

Copyright © tutorialspoint.com