Color Tables
This page contains color tables for HTML, CSS and SVG.
Contents
VGA Color Range (16 colors)
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 |
Netscape Color Palette (216 colors)
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 330000 | 600 660000 | 900 990000 | c00 cc0000 | f00 ff0000 |
| 003 000033 | 303 330033 | 603 660033 | 903 990033 | c03 cc0033 | f03 ff0033 |
| 006 000066 | 306 330066 | 606 660066 | 906 990066 | c06 cc0066 | f06 ff0066 |
| 009 000099 | 309 330099 | 609 660099 | 909 990099 | c09 cc0099 | f09 ff0099 |
| 00c 0000cc | 30c 3300cc | 60c 6600cc | 90c 9900cc | c0c cc00cc | f0c ff00cc |
| 00f 0000ff | 30f 3300ff | 60f 6600ff | 90f 9900ff | c0f cc00ff | f0f ff00ff |
| 030 003300 | 330 333300 | 630 663300 | 930 993300 | c30 cc3300 | f30 ff3300 |
| 033 003333 | 333 333333 | 633 663333 | 933 993333 | c33 cc3333 | f33 ff3333 |
| 036 003366 | 336 333366 | 636 663366 | 936 993366 | c36 cc3366 | f36 ff3366 |
| 039 003399 | 339 333399 | 639 663399 | 939 993399 | c39 cc3399 | f39 ff3399 |
| 03c 0033cc | 33c 3333cc | 63c 6633cc | 93c 9933cc | c3c cc33cc | f3c ff33cc |
| 03f 0033ff | 33f 3333ff | 63f 6633ff | 93f 9933ff | c3f cc33ff | f3f ff33ff |
| 060 006600 | 360 336600 | 660 666600 | 960 996600 | c60 cc6600 | f60 ff6600 |
| 063 006633 | 363 336633 | 663 666633 | 963 996633 | c63 cc6633 | f63 ff6633 |
| 066 006666 | 366 336666 | 666 666666 | 966 996666 | c66 cc6666 | f66 ff6666 |
| 069 006699 | 369 336699 | 669 666699 | 969 996699 | c69 cc6699 | f69 ff6699 |
| 06c 0066cc | 36c 3366cc | 66c 6666cc | 96c 9966cc | c6c cc66cc | f6c ff66cc |
| 06f 0066ff | 36f 3366ff | 66f 6666ff | 96f 9966ff | c6f cc66ff | f6f ff66ff |
| 090 009900 | 390 339900 | 690 669900 | 990 999900 | c90 cc9900 | f90 ff9900 |
| 093 009933 | 393 339933 | 693 669933 | 993 999933 | c93 cc9933 | f93 ff9933 |
| 096 009966 | 396 339966 | 696 669966 | 996 999966 | c96 cc9966 | f96 ff9966 |
| 099 009999 | 399 339999 | 699 669999 | 999 999999 | c99 cc9999 | f99 ff9999 |
| 09c 0099cc | 39c 3399cc | 69c 6699cc | 99c 9999cc | c9c cc99cc | f9c ff99cc |
| 09f 0099ff | 39f 3399ff | 69f 6699ff | 99f 9999ff | c9f cc99ff | f9f ff99ff |
| 0c0 00cc00 | 3c0 33cc00 | 6c0 66cc00 | 9c0 99cc00 | cc0 cccc00 | fc0 ffcc00 |
| 0c3 00cc33 | 3c3 33cc33 | 6c3 66cc33 | 9c3 99cc33 | cc3 cccc33 | fc3 ffcc33 |
| 0c6 00cc66 | 3c6 33cc66 | 6c6 66cc66 | 9c6 99cc66 | cc6 cccc66 | fc6 ffcc66 |
| 0c9 00cc99 | 3c9 33cc99 | 6c9 66cc99 | 9c9 99cc99 | cc9 cccc99 | fc9 ffcc99 |
| 0cc 00cccc | 3cc 33cccc | 6cc 66cccc | 9cc 99cccc | ccc cccccc | fcc ffcccc |
| 0cf 00ccff | 3cf 33ccff | 6cf 66ccff | 9cf 99ccff | ccf ccccff | fcf ffccff |
| 0f0 00ff00 | 3f0 33ff00 | 6f0 66ff00 | 9f0 99ff00 | cf0 ccff00 | ff0 ffff00 |
| 0f3 00ff33 | 3f3 33ff33 | 6f3 66ff33 | 9f3 99ff33 | cf3 ccff33 | ff3 ffff33 |
| 0f6 00ff66 | 3f6 33ff66 | 6f6 66ff66 | 9f6 99ff66 | cf6 ccff66 | ff6 ffff66 |
| 0f9 00ff99 | 3f9 33ff99 | 6f9 66ff99 | 9f9 99ff99 | cf9 ccff99 | ff9 ffff99 |
| 0fc 00ffcc | 3fc 33ffcc | 6fc 66ffcc | 9fc 99ffcc | cfc ccffcc | ffc ffffcc |
| 0ff 00ffff | 3ff 33ffff | 6ff 66ffff | 9ff 99ffff | cff ccffff | fff ffffff |
Named Colors
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%) |
Tip: With the online tool Color Picker colors can be selected quickly and easily especially for web development.
Were the free content on my website helpful for you?
Support the further free publication with a donation via PayPal.