The color name is also known as the color keyword, like black for our familiar, white for whites, blue for blues, and so on. In fact, in the CSS color definition, a total of 147 color keywords, the owner of 147 color names are taken from the X Windows system, x color name, so even if the 147 color names do not look very standard, support is very good.
It should be noted that under IE, about the gray, where the letter "E" is not recognized, it only recognized Gray "a" and do not recognize the "E" in grey, so in the IE browser, CSS3 in the color name is actually only 140, instead of 147.
Other than that, about these 147 color name keywords, see the following table:
Name |
16 binary |
Percent score |
Integer value |
16 binary Abbreviations |
Example |
AliceBlue |
#f0f8ff |
RGB (94.1%,96.9%,100%) |
RGB (240,248,255) |
|
|
Antiquewhite |
#faebd7 |
RGB (98%,92.2%,84.3%) |
RGB (250,235,215) |
|
|
Aqua |
#00ffff |
RGB (0%,100%,100%) |
RGB (0,255,255) |
#0ff |
|
Aquamarine |
#7fffd4 |
RGB (49.8%,100%,83.1%) |
RGB (127,255,212) |
|
|
Azure |
#f0ffff |
RGB (94.1%,100%,100%) |
RGB (240,255,255) |
|
|
Beige |
#f5f5dc |
RGB (96.1%,96.1%,86.3%) |
RGB (245,245,220) |
|
|
Bisque |
#ffe4c4 |
RGB (100%,89.4%,76.9%) |
RGB (255,228,196) |
|
|
Black |
#000000 |
RGB (0%,0%,0%) |
RGB (0,0,0) |
#000 |
|
Blanchedalmond |
#ffebcd |
RGB (100%,92.2%,80.4%) |
RGB (255,235,205) |
|
|
Blue |
#0000ff |
RGB (0%,0%,100%) |
RGB (0,0,255) |
#00f |
|
Blueviolet |
#8a2be2 |
RGB (54.1%,16.9%,88.6%) |
RGB (138,43,226) |
|
|
Brown |
#a52a2a |
RGB (64.7%,16.5%,16.5%) |
RGB (165,42,42) |
|
|
Burlywood |
#deb887 |
RGB (87.1%,72.2%,52.9%) |
RGB (222,184,135) |
|
|
Cadetblue |
#5f9ea0 |
RGB (37.3%,62%,62.7%) |
RGB (95,158,160) |
|
|
Chartreuse |
#7fff00 |
RGB (49.8%,100%,0%) |
RGB (127,255,0) |
|
|
Chocolate |
#d2691e |
RGB (82.4%,41.1%,11.8%) |
RGB (210,105,30) |
|
|
Coral |
#ff7f50 |
RGB (100%,49.8%,31.4%) |
RGB (255,127,80) |
|
|
Cornflowerblue |
#6495ed |
RGB (39.2%,58.4%,92.9%) |
RGB (100,149,237) |
|
|
Cornsilk |
#fff8dc |
RGB (100%,97.3%,86.3%) |
RGB (255,248,220) |
|
|
Crimson |
#dc143c |
RGB (86.3%,7.8%,23.5%) |
RGB (220,20,60) |
|
|
Cyan |
#00ffff |
RGB (0%,100%,100%) |
RGB (0,255,255) |
#0ff |
|
Darkblue |
#00008b |
RGB (0%,0%,54.5%) |
RGB (0,0,139) |
|
|
Darkcyan |
#008b8b |
RGB (0%,54.5%,54.5%) |
RGB (0,139,139) |
|
|
Darkgoldenrod |
#b8860b |
RGB (72.2%,52.5%,4.3%) |
RGB (184,134,11) |
|
|
Darkgray |
#a9a9a9 |
RGB (66.3%,66.3%,66.3%) |
RGB (169,169,169) |
|
|
Darkgreen |
#006400 |
RGB (0%,39.2%,0%) |
RGB (0,100,0) |
|
|
Darkgrey |
#a9a9a9 |
RGB (66.3%,66.3%,66.3%) |
RGB (169,169,169) |
|
|
Darkkhaki |
#bdb76b |
RGB (74.1%,71.8%,42%) |
RGB (189,183,107) |
|
|
Darkmagenta |
#8b008b |
RGB (54.5%,0%,54.5%) |
RGB (139,0,139) |
|
|
Darkolivegreen |
#556b2f |
RGB (33.3%,42%,18.4%) |
RGB (85,107,47) |
|
|
Darkorange |
#ff8c00 |
RGB (100%,54.9%,0%) |
RGB (255,140,0) |
|
|
DarkOrchid |
#9932cc |
RGB (60%,19.6%,80%) |
RGB (153,50,204) |
|
|
Darkred |
#8b0000 |
RGB (54.5%,0%,0%) |
RGB (139,0,0) |
|
|
DarkSalmon |
#e9967a |
RGB (91.4%,58.8%,47.8%) |
RGB (233,150,122) |
|
|
Darkseagreen |
#8fbc8f |
RGB (56.1%,73.7%,56.1%) |
RGB (143,188,143) |
|
|
Darkslateblue |
#483d8b |
RGB (28.2%,23.9%,54.5%) |
RGB (72,61,139) |
|
|
Darkslategray |
#2f4f4f |
RGB (18.4%,31%,31%) |
RGB (47,79,79) |
|
|
Darkslategrey |
#2f4f4f |
RGB (18.4%,31%,31%) |
RGB (47,79,79) |
|
|
Darkturquoise |
#00ced1 |
RGB (0%,80.8%,82%) |
RGB (0,206,209) |
|
|
Darkviolet |
#9400d3 |
RGB (58%,0%,82.7%) |
RGB (148,0,211) |
|
|
Deeppink |
#ff1493 |
RGB (100%,7.8%,57.6%) |
RGB (255,20,147) |
|
|
Deepskyblue |
#00bfff |
RGB (0%,74.9%,100%) |
RGB (0,191,255) |
|
|
Dimgray |
#696969 |
RGB (41.1%,41.1%,41.1%) |
RGB (105,105,105) |
|
|
Dimgrey |
#696969 |
RGB (41.1%,41.1%,41.1%) |
RGB (105,105,105) |
|
|
DodgerBlue |
#1e90ff |
RGB (11.8%,56.5%,100%) |
RGB (30,144,255) |
|
|
Firebrick |
#b22222 |
RGB (69.8%,13.3%,13.3%) |
RGB (178,34,34) |
|
|
Floralwhite |
#fffaf0 |
RGB (100%,98%,94.1%) |
RGB (255,250,240) |
|
|
Forestgreen |
#228b22 |
RGB (13.3%,54.5%,13.3%) |
RGB (34,139,34) |
|
|
Fuchsia |
#ff00ff |
RGB (100%,0%,100%) |
RGB (255,0,255) |
#f0f |
|
Gainsboro |
#dcdcdc |
RGB (86.3%,86.3%,86.3%) |
RGB (220,220,220) |
|
|
Ghostwhite |
#f8f8ff |
RGB (97.3%,97.3%,100%) |
RGB (248,248,255) |
|
|
Gold |
#ffd700 |
RGB (100%,84.3%,0%) |
RGB (255,215,0) |
|
|
Goldenrod |
#daa520 |
RGB (85.5%,64.7%,12.5%) |
RGB (218,165,32) |
|
|
Gray |
#808080 |
RGB (50.2%,50.2%,50.2%) |
RGB (128,128,128) |
|
|
Green |
#008000 |
RGB (0%,50.2%,0%) |
RGB (0,128,0) |
|
|
Greenyellow |
#adff2f |
RGB (67.8%,100%,18.4%) |
RGB (173,255,47) |
|
|
Grey |
#808080 |
RGB (50.2%,50.2%,50.2%) |
RGB (128,128,128) |
|
|
Honeydew |
#f0fff0 |
RGB (94.1%,100%,94.1%) |
RGB (240,255,240) |
|
|
Hotpink |
#ff69b4 |
RGB (100%,41.1%,70.6%) |
RGB (255,105,180) |
|
|
Indianred |
#cd5c5c |
RGB (80.4%,36%,36%) |
RGB (205,92,92) |
|
|
Indigo |
#4b0082 |
RGB (29.4%,0%,51%) |
RGB (75,0,130) |
|
|
Ivory |
#fffff0 |
RGB (100%,100%,94.1%) |
RGB (255,255,240) |
|
|
Khaki |
#f0e68c |
RGB (94.1%,90.2%,54.9%) |
RGB (240,230,140) |
|
|
Lavender |
#e6e6fa |
RGB (90.2%,90.2%,98%) |
RGB (230,230,250) |
|
|
Lavenderblush |
#fff0f5 |
RGB (100%,94.1%,96.1%) |
RGB (255,240,245) |
|
|
Lawngreen |
#7cfc00 |
RGB (48.6%,98.8%,0%) |
RGB (124,252,0) |
|
|
LemonChiffon |
#fffacd |
RGB (100%,98%,80.4%) |
RGB (255,250,205) |
|
|
LightBlue |
#add8e6 |
RGB (67.8%,84.7%,90.2%) |
RGB (173,216,230) |
|
|
Lightcoral |
#f08080 |
RGB (94.1%,50.2%,50.2%) |
RGB (240,128,128) |
|
|
Lightcyan |
#e0ffff |
RGB (87.8%,100%,100%) |
RGB (224,255,255) |
|
|
Lightgoldenrodyellow |
#fafad2 |
RGB (98%,98%,82.4%) |
RGB (250,250,210) |
|
|
Lightgray |
#d3d3d3 |
RGB (82.7%,82.7%,82.7%) |
RGB (211,211,211) |
|
|
LightGreen |
#90ee90 |
RGB (56.5%,93.3%,56.5%) |
RGB (144,238,144) |
|
|
Lightgrey |
#d3d3d3 |
RGB (82.7%,82.7%,82.7%) |
RGB (211,211,211) |
|
|
Lightpink |
#ffb6c1 |
RGB (100%,71.4%,75.7%) |
RGB (255,182,193) |
|
|
Lightsalmon |
#ffa07a |
RGB (100%,62.7%,47.8%) |
RGB (255,160,122) |
|
|
Lightseagreen |
#20b2aa |
RGB (12.5%,69.8%,66.7%) |
RGB (32,178,170) |
|
|
Lightskyblue |
#87cefa |
RGB (52.9%,80.8%,98%) |
RGB (135,206,250) |
|
|
Lightslategray |
#778899 |
RGB (46.7%,53.3%,60%) |
RGB (119,136,153) |
#789 |
|
Lightslategrey |
#778899 |
RGB (46.7%,53.3%,60%) |
RGB (119,136,153) |
#789 |
|
Lightsteelblue |
#b0c4de |
RGB (69%,76.9%,87.1%) |
RGB (176,196,222) |
|
|
Lightyellow |
#ffffe0 |
RGB (100%,100%,87.8%) |
RGB (255,255,224) |
|
|
Lime |
#00ff00 |
RGB (0%,100%,0%) |
RGB (0,255,0) |
#0f0 |
|
Limegreen |
#32cd32 |
RGB (19.6%,80.4%,19.6%) |
RGB (50,205,50) |
|
|
Linen |
#faf0e6 |
RGB (98%,94.1%,90.2%) |
RGB (250,240,230) |
|
|
Magenta |
#ff00ff |
RGB (100%,0%,100%) |
RGB (255,0,255) |
#f0f |
|
Maroon |
#800000 |
RGB (50.2%,0%,0%) |
RGB (128,0,0) |
|
|
Mediumaquamarine |
#66cdaa |
RGB (40%,80.4%,66.7%) |
RGB (102,205,170) |
|
|
MediumBlue |
#0000cd |
RGB (0%,0%,80.4%) |
RGB (0,0,205) |
|
|
Mediumorchid |
#ba55d3 |
RGB (72.9%,33.3%,82.7%) |
RGB (186,85,211) |
|
|
Mediumpurple |
#9370db |
RGB (57.6%,43.9%,85.9%) |
RGB (147,112,219) |
|
|
Mediumseagreen |
#3cb371 |
RGB (23.5%,70.2%,44.3%) |
RGB (60,179,113) |
|
|
Mediumslateblue |
#7b68ee |
RGB (48.2%,40.8%,93.3%) |
RGB (123,104,238) |
|
|
Mediumspringgreen |
#00fa9a |
RGB (0%,98%,60.4%) |
RGB (0,250,154) |
|
|
Mediumturquoise |
#48d1cc |
RGB (28.2%,82%,80%) |
RGB (72,209,204) |
|
|
Mediumvioletred |
#c71585 |
RGB (78%,8.2%,52.2%) |
RGB (199,21,133) |
|
|
Midnightblue |
#191970 |
RGB (9.8%,9.8%,43.9%) |
RGB (25,25,112) |
|
|
Mintcream |
#f5fffa |
RGB (96.1%,100%,98%) |
RGB (245,255,250) |
|
|
Mistyrose |
#ffe4e1 |
RGB (100%,89.4%,88.2%) |
RGB (255,228,225) |
|
|
Moccasin |
#ffe4b5 |
RGB (100%,89.4%,71%) |
RGB (255,228,181) |
|
|
Navajowhite |
#ffdead |
RGB (100%,87.1%,67.8%) |
RGB (255,222,173) |
|
|
Navy |
#000080 |
RGB (0%,0%,50.2%) |
RGB (0,0,128) |
|
|
Oldlace |
#fdf5e6 |
RGB (99.2%,96.1%,90.2%) |
RGB (253,245,230) |
|
|
Olive |
#808000 |
RGB (50.2%,50.2%,0%) |
RGB (128,128,0) |
|
|
Olivedrab |
#6b8e23 |
RGB (42%,55.7%,13.7%) |
RGB (107,142,35) |
|
|
Orange |
#ffa500 |
RGB (100%,64.7%,0%) |
RGB (255,165,0) |
|
|
Orangered |
#ff4500 |
RGB (100%,27.1%,0%) |
RGB (255,69,0) |
|
|
Orchid |
#da70d6 |
RGB (85.5%,43.9%,83.9%) |
RGB (218,112,214) |
|
|
Palegoldenrod |
#eee8aa |
RGB (93.3%,91%,66.7%) |
RGB (238,232,170) |
|
|
Palegreen |
#98fb98 |
RGB (59.6%,98.4%,59.6%) |
RGB (152,251,152) |
|
|
Paleturquoise |
#afeeee |
RGB (68.6%,93.3%,93.3%) |
RGB (175,238,238) |
|
|
Palevioletred |
#db7093 |
RGB (85.9%,43.9%,57.6%) |
RGB (219,112,147) |
|
|
Papayawhip |
#ffefd5 |
RGB (100%,93.7%,83.5%) |
RGB (255,239,213) |
|
|
Peachpuff |
#ffdab9 |
RGB (100%,85.5%,72.5%) |
RGB (255,218,185) |
|
|
Peru |
#cd853f |
RGB (80.4%,52.2%,24.7%) |
RGB (205,133,63) |
|
|
Pink |
#ffc0cb |
RGB (100%,75.3%,79.6%) |
RGB (255,192,203) |
|
|
Plum |
#dda0dd |
RGB (86.7%,62.7%,86.7%) |
RGB (221,160,221) |
|
|
Powderblue |
#b0e0e6 |
RGB (69%,87.8%,90.2%) |
RGB (176,224,230) |
|
|
Purple |
#800080 |
RGB (50.2%,0%,50.2%) |
RGB (128,0,128) |
|
|
Red |
#ff0000 |
RGB (100%,0%,0%) |
RGB (255,0,0) |
#f00 |
|
Rosybrown |
#bc8f8f |
RGB (73.7%,56.1%,56.1%) |
RGB (188,143,143) |
|
|
Royalblue |
#4169e1 |
RGB (25.5%,41.1%,100%) |
RGB (65,105,225) |
|
|
SaddleBrown |
#8b4513 |
RGB (54.5%,27.1%,7.5%) |
RGB (139,69,19) |
|
|
Salmon |
#fa8072 |
RGB (98%,50.2%,44.7%) |
RGB (250,128,114) |
|
|
Sandybrown |
#f4a460 |
RGB (95.7%,64.3%,37.6%) |
RGB (244,164,96) |
|
|
Seagreen |
#2e8b57 |
RGB (18%,54.5%,34.1%) |
RGB (46,139,87) |
|
|
Seashell |
#fff5ee |
RGB (100%,96.1%,93.3%) |
RGB (255,245,238) |
|
|
Sienna |
#a0522d |
RGB (62.7%,32.2%,17.6%) |
RGB (160,82,45) |
|
|
Silver |
#c0c0c0 |
RGB (75.3%,75.3%,75.3%) |
RGB (192,192,192) |
|
|
Skyblue |
#87ceeb |
RGB (52.9%,80.8%,92.2%) |
RGB (135,206,235) |
|
|
Slateblue |
#6a5acd |
RGB (41.6%,35.3%,80.4%) |
RGB (106,90,205) |
|
|
Slategray |
#708090 |
RGB (43.9%,50.2%,56.5%) |
RGB (112,128,144) |
|
|
Slategrey |
#708090 |
RGB (43.9%,50.2%,56.5%) |
RGB (112,128,144) |
|
|
Snow |
#fffafa |
RGB (100%,98%,98%) |
RGB (255,250,250) |
|
|
Springgreen |
#00ff7f |
RGB (0%,100%,49.8%) |
RGB (0,255,127) |
|
|
Steelblue |
#4682b4 |
RGB (27.5%,51%,70.6%) |
RGB (70,130,180) |
|
|
Tan |
#d2b48c |
RGB (82.4%,70.6%,54.9%) |
RGB (210,180,140) |
|
|
Teal |
#008080 |
RGB (0%,50.2%,50.2%) |
RGB (0,128,128) |
|
|
Thistle |
#d8bfd8 |
RGB (84.7%,74.9%,84.7%) |
RGB (216,191,216) |
|
|
Tomato |
#ff6347 |
RGB (100%,38.8%%,27.8%) |
RGB (255,99,71) |
|
|
Turquoise |
#40e0d0 |
RGB (25.1%,87.7%,81.6%) |
RGB (64,224,208) |
|
|
Violet |
#ee82ee |
RGB (93.3%,51%,93.3%) |
RGB (238,130,238) |
|
|
Wheat |
#f5deb3 |
RGB (96.1%,87.1%,70.2%) |
RGB (245,222,179) |
|
|
White |
#ffffff |
RGB (100%,100%,100%) |
RGB (255,255,255) |
#fff |
|
WhiteSmoke |
#f5f5f5 |
RGB (96.1%,96.1%,96.1%) |
RGB (245,245,245) |
|
|
Yellow |
#ffff00 |
RGB (100%,100%,0%) |
RGB (255,255,0) |
#ff0 |
|
Yellowgreen |
#9acd32 |
RGB (60.4%,80.4%,19.6%) |
RGB (154,205,50) |
|
|
CSS3 color name and corresponding color value