VGA Color Range (16 colors)
Netscape Color Palette (216 colors)
Named Colors
This page contains color tables for HTML, CSS and SVG.
Did you like my page, one of my freeware applications or online tools?
Then, please donate via PayPal in order to help keeping its content free - each amount is welcome!
These 16 colors are standard colors in CSS and are also used in DOS and Windows.
black #000000 |
white #ffffff |
gray #808080 |
silver #c0c0c0 |
maroon #800000 |
red #ff0000 |
olive #808000 |
yellow #ffff00 |
green #008000 |
lime #00ff00 |
teal #008080 |
aqua #00ffff |
navy #000080 |
blue #0000ff |
purple #800080 |
fuchsia #ff00ff |
The 216 colors are composed of 6 equally distributed color values each for red, green and blue. Since each color value ranges from 0 to 255 (FF hexadecimal), the following color values are possible:
Hex. | Hexadecimal | Decimal | Percent |
---|---|---|---|
0 | 00 | 0 | 0% |
3 | 33 | 51 | 20% |
6 | 66 | 102 | 40% |
9 | 99 | 153 | 60% |
C | CC | 204 | 80% |
F | FF | 255 | 100% |
These so-called "web-safe" colors were previously supposed to ensure an almost identical display on graphics cards with a color depth of 8 bits (256 colors). Today, these colors are mainly used as three-digit CSS color values or because of the appearance of the repeated color values in the 6-digit hexadecimal representation.
000 000000 | 300 300000 | 600 600000 | 900 900000 | c00 c00000 | f00 f00000 |
003 000030 | 303 300030 | 603 600030 | 903 900030 | c03 c00030 | f03 f00030 |
006 000060 | 306 300060 | 606 600060 | 906 900060 | c06 c00060 | f06 f00060 |
009 000090 | 309 300090 | 609 600090 | 909 900090 | c09 c00090 | f09 f00090 |
00c 0000c0 | 30c 3000c0 | 60c 6000c0 | 90c 9000c0 | c0c c000c0 | f0c f000c0 |
00f 0000f0 | 30f 3000f0 | 60f 6000f0 | 90f 9000f0 | c0f c000f0 | f0f f000f0 |
030 003000 | 330 303000 | 630 603000 | 930 903000 | c30 c03000 | f30 f03000 |
033 003030 | 333 303030 | 633 603030 | 933 903030 | c33 c03030 | f33 f03030 |
036 003060 | 336 303060 | 636 603060 | 936 903060 | c36 c03060 | f36 f03060 |
039 003090 | 339 303090 | 639 603090 | 939 903090 | c39 c03090 | f39 f03090 |
03c 0030c0 | 33c 3030c0 | 63c 6030c0 | 93c 9030c0 | c3c c030c0 | f3c f030c0 |
03f 0030f0 | 33f 3030f0 | 63f 6030f0 | 93f 9030f0 | c3f c030f0 | f3f f030f0 |
060 006000 | 360 306000 | 660 606000 | 960 906000 | c60 c06000 | f60 f06000 |
063 006030 | 363 306030 | 663 606030 | 963 906030 | c63 c06030 | f63 f06030 |
066 006060 | 366 306060 | 666 606060 | 966 906060 | c66 c06060 | f66 f06060 |
069 006090 | 369 306090 | 669 606090 | 969 906090 | c69 c06090 | f69 f06090 |
06c 0060c0 | 36c 3060c0 | 66c 6060c0 | 96c 9060c0 | c6c c060c0 | f6c f060c0 |
06f 0060f0 | 36f 3060f0 | 66f 6060f0 | 96f 9060f0 | c6f c060f0 | f6f f060f0 |
090 009000 | 390 309000 | 690 609000 | 990 909000 | c90 c09000 | f90 f09000 |
093 009030 | 393 309030 | 693 609030 | 993 909030 | c93 c09030 | f93 f09030 |
096 009060 | 396 309060 | 696 609060 | 996 909060 | c96 c09060 | f96 f09060 |
099 009090 | 399 309090 | 699 609090 | 999 909090 | c99 c09090 | f99 f09090 |
09c 0090c0 | 39c 3090c0 | 69c 6090c0 | 99c 9090c0 | c9c c090c0 | f9c f090c0 |
09f 0090f0 | 39f 3090f0 | 69f 6090f0 | 99f 9090f0 | c9f c090f0 | f9f f090f0 |
0c0 00c000 | 3c0 30c000 | 6c0 60c000 | 9c0 90c000 | cc0 c0c000 | fc0 f0c000 |
0c3 00c030 | 3c3 30c030 | 6c3 60c030 | 9c3 90c030 | cc3 c0c030 | fc3 f0c030 |
0c6 00c060 | 3c6 30c060 | 6c6 60c060 | 9c6 90c060 | cc6 c0c060 | fc6 f0c060 |
0c9 00c090 | 3c9 30c090 | 6c9 60c090 | 9c9 90c090 | cc9 c0c090 | fc9 f0c090 |
0cc 00c0c0 | 3cc 30c0c0 | 6cc 60c0c0 | 9cc 90c0c0 | ccc c0c0c0 | fcc f0c0c0 |
0cf 00c0f0 | 3cf 30c0f0 | 6cf 60c0f0 | 9cf 90c0f0 | ccf c0c0f0 | fcf f0c0f0 |
0f0 00f000 | 3f0 30f000 | 6f0 60f000 | 9f0 90f000 | cf0 c0f000 | ff0 f0f000 |
0f3 00f030 | 3f3 30f030 | 6f3 60f030 | 9f3 90f030 | cf3 c0f030 | ff3 f0f030 |
0f6 00f060 | 3f6 30f060 | 6f6 60f060 | 9f6 90f060 | cf6 c0f060 | ff6 f0f060 |
0f9 00f090 | 3f9 30f090 | 6f9 60f090 | 9f9 90f090 | cf9 c0f090 | ff9 f0f090 |
0fc 00f0c0 | 3fc 30f0c0 | 6fc 60f0c0 | 9fc 90f0c0 | cfc c0f0c0 | ffc f0f0c0 |
0ff 00f0f0 | 3ff 30f0f0 | 6ff 60f0f0 | 9ff 90f0f0 | cff c0f0f0 | fff f0f0f0 |
The W3C defines named colors, which are mostly based on the colors of the X Window System (X11) and the VGA colors.
The color of the individual cells is created with the respective CSS specification in the text.
HTML Color Name | Hexadecimal | RGB Decimal / Percent | |
---|---|---|---|
black | #000000 #000000 | rgb(0, 0, 0) rgb(0%, 0%, 0%) | |
white | #ffffff #FFFFFF | rgb(255, 255, 255) rgb(100%, 100%, 100%) | |
maroon | #800000 #800000 | rgb(128, 0, 0) rgb(50%, 0%, 0%) | |
red | #ff0000 #FF0000 | rgb(255, 0, 0) rgb(100%, 0%, 0%) | |
olive | #808000 #808000 | rgb(128, 128, 0) rgb(50%, 50%, 0%) | |
yellow | #ffff00 #FFFF00 | rgb(255, 255, 0) rgb(100%, 100%, 0%) | |
green | #008000 #008000 | rgb(0, 128, 0) rgb(0%, 50%, 0%) | |
lime | #00ff00 #00FF00 | rgb(0, 255, 0) rgb(0%, 100%, 0%) | |
teal | #008080 #008080 | rgb(0, 128, 128) rgb(0%, 50%, 50%) | |
aqua, cyan | #00ffff #00FFFF | rgb(0, 255, 255) rgb(0%, 100%, 100%) | |
navy | #000080 #000080 | rgb(0, 0, 128) rgb(0%, 0%, 50%) | |
blue | #0000ff #0000FF | rgb(0, 0, 255) rgb(0%, 0%, 100%) | |
purple | #800080 #800080 | rgb(128, 0, 128) rgb(50%, 0%, 50%) | |
fuchsia, magenta | #ff00ff #FF00FF | rgb(255, 0, 255) rgb(100%, 0%, 100%) | |
Gray | |||
dimgray, dimgrey | #696969 #696969 | rgb(105, 105, 105) rgb(42%, 42%, 42%) | |
gray, grey | #808080 #808080 | rgb(128, 128, 128) rgb(50%, 50%, 50%) | |
darkgray, darkgrey | #a9a9a9 #A9A9A9 | rgb(169, 169, 169) rgb(67%, 67%, 67%) | |
silver | #c0c0c0 #C0C0C0 | rgb(192, 192, 192) rgb(75%, 75%, 75%) | |
lightgray, lightgrey | #d3d3d3 #D3D3D3 | rgb(211, 211, 211) rgb(83%, 83%, 83%) | |
gainsboro | #dcdcdc #DCDCDC | rgb(220, 220, 220) rgb(86%, 86%, 86%) | |
whitesmoke | #f5f5f5 #F5F5F5 | rgb(245, 245, 245) rgb(96%, 96%, 96%) | |
Red | |||
darkred | #8b0000 #8B0000 | rgb(139, 0, 0) rgb(55%, 0%, 0%) | |
firebrick | #b22222 #B22222 | rgb(178, 34, 34) rgb(70%, 14%, 14%) | |
crimson | #dc143c #DC143C | rgb(220, 20, 60) rgb(86%, 8%, 24%) | |
indianred | #cd5c5c #CD5C5C | rgb(205, 92, 92) rgb(81%, 36%, 36%) | |
lightcoral | #f08080 #F08080 | rgb(240, 128, 128) rgb(94%, 50%, 50%) | |
salmon | #fa8072 #FA8072 | rgb(250, 128, 114) rgb(98%, 50%, 45%) | |
darksalmon | #e9967a #E9967A | rgb(233, 150, 122) rgb(92%, 59%, 48%) | |
lightsalmon | #ffa07a #FFA07A | rgb(255, 160, 122) rgb(100%, 63%, 48%) | |
mistyrose | #ffe4e1 #FFE4E1 | rgb(255, 228, 225) rgb(100%, 90%, 88%) | |
snow | #fffafa #FFFAFA | rgb(255, 250, 250) rgb(100%, 98%, 98%) | |
Orange | |||
orangered | #ff4500 #FF4500 | rgb(255, 69, 0) rgb(100%, 27%, 0%) | |
tomato | #ff6347 #FF6347 | rgb(255, 99, 71) rgb(100%, 39%, 28%) | |
coral | #ff7f50 #FF7F50 | rgb(255, 127, 80) rgb(100%, 50%, 32%) | |
darkorange | #ff8c00 #FF8C00 | rgb(255, 140, 0) rgb(100%, 55%, 0%) | |
orange | #ffa500 #FFA500 | rgb(255, 165, 0) rgb(100%, 65%, 0%) | |
peachpuff | #ffdab9 #FFDAB9 | rgb(255, 218, 185) rgb(100%, 86%, 73%) | |
moccasin | #ffe4b5 #FFE4B5 | rgb(255, 228, 181) rgb(100%, 90%, 71%) | |
papayawhip | #ffefd5 #FFEFD5 | rgb(255, 239, 213) rgb(100%, 94%, 84%) | |
Yellow | |||
gold | #ffd700 #FFD700 | rgb(255, 215, 0) rgb(100%, 84%, 0%) | |
khaki | #f0e68c #F0E68C | rgb(240, 230, 140) rgb(94%, 90%, 55%) | |
palegoldenrod | #eee8aa #EEE8AA | rgb(238, 232, 170) rgb(93%, 91%, 67%) | |
beige | #f5f5dc #F5F5DC | rgb(245, 245, 220) rgb(96%, 96%, 86%) | |
lightgoldenrodyellow | #fafad2 #FAFAD2 | rgb(250, 250, 210) rgb(98%, 98%, 83%) | |
lemonchiffon | #fffacd #FFFACD | rgb(255, 250, 205) rgb(100%, 98%, 81%) | |
lightyellow | #ffffe0 #FFFFE0 | rgb(255, 255, 224) rgb(100%, 100%, 88%) | |
ivory | #fffff0 #FFFFF0 | rgb(255, 255, 240) rgb(100%, 100%, 94%) | |
Brown | |||
brown | #a52a2a #A52A2A | rgb(165, 42, 42) rgb(65%, 17%, 17%) | |
sienna | #a0522d #A0522D | rgb(160, 82, 45) rgb(63%, 33%, 18%) | |
saddlebrown | #8b4513 #8B4513 | rgb(139, 69, 19) rgb(55%, 27%, 8%) | |
chocolate | #d2691e #D2691E | rgb(210, 105, 30) rgb(83%, 42%, 12%) | |
peru | #cd853f #CD853F | rgb(205, 133, 63) rgb(81%, 52%, 25%) | |
darkgoldenrod | #b8860b #B8860B | rgb(184, 134, 11) rgb(72%, 53%, 5%) | |
goldenrod | #daa520 #DAA520 | rgb(218, 165, 32) rgb(86%, 65%, 13%) | |
darkkhaki | #bdb76b #BDB76B | rgb(189, 183, 107) rgb(74%, 72%, 42%) | |
sandybrown | #f4a460 #F4A460 | rgb(244, 164, 96) rgb(96%, 65%, 38%) | |
rosybrown | #bc8f8f #BC8F8F | rgb(188, 143, 143) rgb(74%, 56%, 56%) | |
tan | #d2b48c #D2B48C | rgb(210, 180, 140) rgb(83%, 71%, 55%) | |
burlywood | #deb887 #DEB887 | rgb(222, 184, 135) rgb(87%, 72%, 53%) | |
wheat | #f5deb3 #F5DEB3 | rgb(245, 222, 179) rgb(96%, 87%, 70%) | |
navajowhite | #ffdead #FFDEAD | rgb(255, 222, 173) rgb(100%, 87%, 68%) | |
bisque | #ffe4c4 #FFE4C4 | rgb(255, 228, 196) rgb(100%, 90%, 77%) | |
blanchedalmond | #ffebcd #FFEBCD | rgb(255, 235, 205) rgb(100%, 92%, 81%) | |
cornsilk | #fff8dc #FFF8DC | rgb(255, 248, 220) rgb(100%, 97%, 86%) | |
linen | #faf0e6 #FAF0E6 | rgb(250, 240, 230) rgb(98%, 94%, 90%) | |
antiquewhite | #faebd7 #FAEBD7 | rgb(250, 235, 215) rgb(98%, 92%, 84%) | |
oldlace | #fdf5e6 #FDF5E6 | rgb(253, 245, 230) rgb(99%, 96%, 90%) | |
seashell | #fff5ee #FFF5EE | rgb(255, 245, 238) rgb(100%, 96%, 93%) | |
floralwhite | #fffaf0 #FFFAF0 | rgb(255, 250, 240) rgb(100%, 98%, 94%) | |
Green | |||
darkolivegreen | #556b2f #556B2F | rgb(85, 107, 47) rgb(34%, 42%, 19%) | |
olivedrab | #6b8e23 #6B8E23 | rgb(107, 142, 35) rgb(42%, 56%, 14%) | |
yellowgreen | #9acd32 #9ACD32 | rgb(154, 205, 50) rgb(61%, 81%, 20%) | |
greenyellow | #adff2f #ADFF2F | rgb(173, 255, 47) rgb(68%, 100%, 19%) | |
darkgreen | #006400 #006400 | rgb(0, 100, 0) rgb(0%, 40%, 0%) | |
forestgreen | #228b22 #228B22 | rgb(34, 139, 34) rgb(14%, 55%, 14%) | |
limegreen | #32cd32 #32CD32 | rgb(50, 205, 50) rgb(20%, 81%, 20%) | |
lawngreen | #7cfc00 #7CFC00 | rgb(124, 252, 0) rgb(49%, 99%, 0%) | |
chartreuse | #7fff00 #7FFF00 | rgb(127, 255, 0) rgb(50%, 100%, 0%) | |
honeydew | #f0fff0 #F0FFF0 | rgb(240, 255, 240) rgb(94%, 100%, 94%) | |
seagreen | #2e8b57 #2E8B57 | rgb(46, 139, 87) rgb(18%, 55%, 34%) | |
mediumseagreen | #3cb371 #3CB371 | rgb(60, 179, 113) rgb(24%, 70%, 45%) | |
darkseagreen | #8fbc8f #8FBC8F | rgb(143, 188, 143) rgb(56%, 74%, 56%) | |
mediumspringgreen | #00fa9a #00FA9A | rgb(0, 250, 154) rgb(0%, 98%, 61%) | |
springgreen | #00ff7f #00FF7F | rgb(0, 255, 127) rgb(0%, 100%, 50%) | |
lightgreen | #90ee90 #90EE90 | rgb(144, 238, 144) rgb(57%, 93%, 57%) | |
palegreen | #98fb98 #98FB98 | rgb(152, 251, 152) rgb(60%, 99%, 60%) | |
mintcream | #f5fffa #F5FFFA | rgb(245, 255, 250) rgb(96%, 100%, 98%) | |
Cyan | |||
darkslategray, darkslategrey | #2f4f4f #2F4F4F | rgb(47, 79, 79) rgb(19%, 31%, 31%) | |
slategray, slategrey | #708090 #708090 | rgb(112, 128, 144) rgb(44%, 50%, 57%) | |
lightslategray, lightslategrey | #778899 #778899 | rgb(119, 136, 153) rgb(47%, 54%, 60%) | |
darkcyan | #008b8b #008B8B | rgb(0, 139, 139) rgb(0%, 55%, 55%) | |
lightseagreen | #20b2aa #20B2AA | rgb(32, 178, 170) rgb(13%, 70%, 67%) | |
darkturquoise | #00ced1 #00CED1 | rgb(0, 206, 209) rgb(0%, 81%, 82%) | |
mediumturquoise | #48d1cc #48D1CC | rgb(72, 209, 204) rgb(29%, 82%, 80%) | |
turquoise | #40e0d0 #40E0D0 | rgb(64, 224, 208) rgb(25%, 88%, 82%) | |
aqua, cyan | #00ffff #00FFFF | rgb(0, 255, 255) rgb(0%, 100%, 100%) | |
mediumaquamarine | #66cdaa #66CDAA | rgb(102, 205, 170) rgb(40%, 81%, 67%) | |
aquamarine | #7fffd4 #7FFFD4 | rgb(127, 255, 212) rgb(50%, 100%, 83%) | |
paleturquoise | #afeeee #AFEEEE | rgb(175, 238, 238) rgb(69%, 93%, 93%) | |
lightcyan | #e0ffff #E0FFFF | rgb(224, 255, 255) rgb(88%, 100%, 100%) | |
azure | #f0ffff #F0FFFF | rgb(240, 255, 255) rgb(94%, 100%, 100%) | |
Blue | |||
midnightblue | #191970 #191970 | rgb(25, 25, 112) rgb(10%, 10%, 44%) | |
darkblue | #00008b #00008B | rgb(0, 0, 139) rgb(0%, 0%, 55%) | |
mediumblue | #0000cd #0000CD | rgb(0, 0, 205) rgb(0%, 0%, 81%) | |
royalblue | #4169e1 #4169E1 | rgb(65, 105, 225) rgb(26%, 42%, 88%) | |
cornflowerblue | #6495ed #6495ED | rgb(100, 149, 237) rgb(40%, 59%, 93%) | |
dodgerblue | #1e90ff #1E90FF | rgb(30, 144, 255) rgb(12%, 57%, 100%) | |
deepskyblue | #00bfff #00BFFF | rgb(0, 191, 255) rgb(0%, 75%, 100%) | |
skyblue | #87ceeb #87CEEB | rgb(135, 206, 235) rgb(53%, 81%, 92%) | |
lightskyblue | #87cefa #87CEFA | rgb(135, 206, 250) rgb(53%, 81%, 98%) | |
cadetblue | #5f9ea0 #5F9EA0 | rgb(95, 158, 160) rgb(38%, 62%, 63%) | |
lightblue | #add8e6 #ADD8E6 | rgb(173, 216, 230) rgb(68%, 85%, 90%) | |
powderblue | #b0e0e6 #B0E0E6 | rgb(176, 224, 230) rgb(69%, 88%, 90%) | |
aliceblue | #f0f8ff #F0F8FF | rgb(240, 248, 255) rgb(94%, 97%, 100%) | |
ghostwhite | #f8f8ff #F8F8FF | rgb(248, 248, 255) rgb(97%, 97%, 100%) | |
steelblue | #4682b4 #4682B4 | rgb(70, 130, 180) rgb(28%, 51%, 71%) | |
lightsteelblue | #b0c4de #B0C4DE | rgb(176, 196, 222) rgb(69%, 77%, 87%) | |
lavender | #e6e6fa #E6E6FA | rgb(230, 230, 250) rgb(90%, 90%, 98%) | |
Purple | |||
indigo | #4b0082 #4B0082 | rgb(75, 0, 130) rgb(30%, 0%, 51%) | |
darkslateblue | #483d8b #483D8B | rgb(72, 61, 139) rgb(29%, 24%, 55%) | |
slateblue | #6a5acd #6A5ACD | rgb(106, 90, 205) rgb(42%, 36%, 81%) | |
mediumslateblue | #7b68ee #7B68EE | rgb(123, 104, 238) rgb(49%, 41%, 93%) | |
mediumpurple | #9370db #9370DB | rgb(147, 112, 219) rgb(58%, 44%, 86%) | |
darkmagenta | #8b008b #8B008B | rgb(139, 0, 139) rgb(55%, 0%, 55%) | |
blueviolet | #8a2be2 #8A2BE2 | rgb(138, 43, 226) rgb(54%, 17%, 89%) | |
darkviolet | #9400d3 #9400D3 | rgb(148, 0, 211) rgb(58%, 0%, 83%) | |
darkorchid | #9932cc #9932CC | rgb(153, 50, 204) rgb(60%, 20%, 80%) | |
mediumorchid | #ba55d3 #BA55D3 | rgb(186, 85, 211) rgb(73%, 34%, 83%) | |
fuchsia, magenta | #ff00ff #FF00FF | rgb(255, 0, 255) rgb(100%, 0%, 100%) | |
violet | #ee82ee #EE82EE | rgb(238, 130, 238) rgb(93%, 51%, 93%) | |
orchid | #da70d6 #DA70D6 | rgb(218, 112, 214) rgb(86%, 44%, 84%) | |
plum | #dda0dd #DDA0DD | rgb(221, 160, 221) rgb(87%, 63%, 87%) | |
thistle | #d8bfd8 #D8BFD8 | rgb(216, 191, 216) rgb(85%, 75%, 85%) | |
Pink | |||
mediumvioletred | #c71585 #C71585 | rgb(199, 21, 133) rgb(78%, 9%, 52%) | |
palevioletred | #db7093 #DB7093 | rgb(219, 112, 147) rgb(86%, 44%, 58%) | |
deeppink | #ff1493 #FF1493 | rgb(255, 20, 147) rgb(100%, 8%, 58%) | |
hotpink | #ff69b4 #FF69B4 | rgb(255, 105, 180) rgb(100%, 42%, 71%) | |
lightpink | #ffb6c1 #FFB6C1 | rgb(255, 182, 193) rgb(100%, 72%, 76%) | |
pink | #ffc0cb #FFC0CB | rgb(255, 192, 203) rgb(100%, 75%, 80%) | |
lavenderblush | #fff0f5 #FFF0F5 | rgb(255, 240, 245) rgb(100%, 94%, 96%) | |
Other | |||
rebeccapurple | #663399 #663399 | rgb(102, 51, 153) rgb(40%, 20%, 60%) |
Did you like my page, one of my freeware applications or online tools?
Then, please donate via PayPal in order to help keeping its content free - each amount is welcome!