VGA Color Range (16 colors)
Netscape Color Palette (216 colors)
Named Colors
This page contains color tables for HTML, CSS and SVG.
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 | 003 000033 | 006 000066 | 009 000099 | 00C 0000CC | 00F 0000FF |
030 003300 | 033 003333 | 036 003366 | 039 003399 | 03C 0033CC | 03F 0033FF |
060 006600 | 063 006633 | 066 006666 | 069 006699 | 06C 0066CC | 06F 0066FF |
090 009900 | 093 009933 | 096 009966 | 099 009999 | 09C 0099CC | 09F 0099FF |
0C0 00CC00 | 0C3 00CC33 | 0C6 00CC66 | 0C9 00CC99 | 0CC 00CCCC | 0CF 00CCFF |
0F0 00FF00 | 0F3 00FF33 | 0F6 00FF66 | 0F9 00FF99 | 0FC 00FFCC | 0FF 00FFFF |
300 330000 | 303 330033 | 306 330066 | 309 330099 | 30C 3300CC | 30F 3300FF |
330 333300 | 333 333333 | 336 333366 | 339 333399 | 33C 3333CC | 33F 3333FF |
360 336600 | 363 336633 | 366 336666 | 369 336699 | 36C 3366CC | 36F 3366FF |
390 339900 | 393 339933 | 396 339966 | 399 339999 | 39C 3399CC | 39F 3399FF |
3C0 33CC00 | 3C3 33CC33 | 3C6 33CC66 | 3C9 33CC99 | 3CC 33CCCC | 3CF 33CCFF |
3F0 33FF00 | 3F3 33FF33 | 3F6 33FF66 | 3F9 33FF99 | 3FC 33FFCC | 3FF 33FFFF |
600 660000 | 603 660033 | 606 660066 | 609 660099 | 60C 6600CC | 60F 6600FF |
630 663300 | 633 663333 | 636 663366 | 639 663399 | 63C 6633CC | 63F 6633FF |
660 666600 | 663 666633 | 666 666666 | 669 666699 | 66C 6666CC | 66F 6666FF |
690 669900 | 693 669933 | 696 669966 | 699 669999 | 69C 6699CC | 69F 6699FF |
6C0 66CC00 | 6C3 66CC33 | 6C6 66CC66 | 6C9 66CC99 | 6CC 66CCCC | 6CF 66CCFF |
6F0 66FF00 | 6F3 66FF33 | 6F6 66FF66 | 6F9 66FF99 | 6FC 66FFCC | 6FF 66FFFF |
900 990000 | 903 990033 | 906 990066 | 909 990099 | 90C 9900CC | 90F 9900FF |
930 993300 | 933 993333 | 936 993366 | 939 993399 | 93C 9933CC | 93F 9933FF |
960 996600 | 963 996633 | 966 996666 | 969 996699 | 96C 9966CC | 96F 9966FF |
990 999900 | 993 999933 | 996 999966 | 999 999999 | 99C 9999CC | 99F 9999FF |
9C0 99CC00 | 9C3 99CC33 | 9C6 99CC66 | 9C9 99CC99 | 9CC 99CCCC | 9CF 99CCFF |
9F0 99FF00 | 9F3 99FF33 | 9F6 99FF66 | 9F9 99FF99 | 9FC 99FFCC | 9FF 99FFFF |
C00 CC0000 | C03 CC0033 | C06 CC0066 | C09 CC0099 | C0C CC00CC | C0F CC00FF |
C30 CC3300 | C33 CC3333 | C36 CC3366 | C39 CC3399 | C3C CC33CC | C3F CC33FF |
C60 CC6600 | C63 CC6633 | C66 CC6666 | C69 CC6699 | C6C CC66CC | C6F CC66FF |
C90 CC9900 | C93 CC9933 | C96 CC9966 | C99 CC9999 | C9C CC99CC | C9F CC99FF |
CC0 CCCC00 | CC3 CCCC33 | CC6 CCCC66 | CC9 CCCC99 | CCC CCCCCC | CCF CCCCFF |
CF0 CCFF00 | CF3 CCFF33 | CF6 CCFF66 | CF9 CCFF99 | CFC CCFFCC | CFF CCFFFF |
F00 FF0000 | F03 FF0033 | F06 FF0066 | F09 FF0099 | F0C FF00CC | F0F FF00FF |
F30 FF3300 | F33 FF3333 | F36 FF3366 | F39 FF3399 | F3C FF33CC | F3F FF33FF |
F60 FF6600 | F63 FF6633 | F66 FF6666 | F69 FF6699 | F6C FF66CC | F6F FF66FF |
F90 FF9900 | F93 FF9933 | F96 FF9966 | F99 FF9999 | F9C FF99CC | F9F FF99FF |
FC0 FFCC00 | FC3 FFCC33 | FC6 FFCC66 | FC9 FFCC99 | FCC FFCCCC | FCF FFCCFF |
FF0 FFFF00 | FF3 FFFF33 | FF6 FFFF66 | FF9 FFFF99 | FFC FFFFCC | FFF FFFFFF |
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 | RGB Percent |
---|---|---|---|
black | #000000 | rgb(0, 0, 0) | rgb(0%, 0%, 0%) |
white | #FFFFFF | rgb(255, 255, 255) | rgb(100%, 100%, 100%) |
maroon | #800000 | rgb(128, 0, 0) | rgb(50%, 0%, 0%) |
red | #FF0000 | rgb(255, 0, 0) | rgb(100%, 0%, 0%) |
olive | #808000 | rgb(128, 128, 0) | rgb(50%, 50%, 0%) |
yellow | #FFFF00 | rgb(255, 255, 0) | rgb(100%, 100%, 0%) |
green | #008000 | rgb(0, 128, 0) | rgb(0%, 50%, 0%) |
lime | #00FF00 | rgb(0, 255, 0) | rgb(0%, 100%, 0%) |
teal | #008080 | rgb(0, 128, 128) | rgb(0%, 50%, 50%) |
cyan | #00FFFF | rgb(0, 255, 255) | rgb(0%, 100%, 100%) |
navy | #000080 | rgb(0, 0, 128) | rgb(0%, 0%, 50%) |
blue | #0000FF | rgb(0, 0, 255) | rgb(0%, 0%, 100%) |
purple | #800080 | rgb(128, 0, 128) | rgb(50%, 0%, 50%) |
magenta | #FF00FF | rgb(255, 0, 255) | rgb(100%, 0%, 100%) |
Gray | |||
dimgray | #696969 | rgb(105, 105, 105) | rgb(42%, 42%, 42%) |
gray | #808080 | rgb(128, 128, 128) | rgb(50%, 50%, 50%) |
darkgray | #A9A9A9 | rgb(169, 169, 169) | rgb(67%, 67%, 67%) |
silver | #C0C0C0 | rgb(192, 192, 192) | rgb(75%, 75%, 75%) |
lightgray | #D3D3D3 | rgb(211, 211, 211) | rgb(83%, 83%, 83%) |
gainsboro | #DCDCDC | rgb(220, 220, 220) | rgb(86%, 86%, 86%) |
whitesmoke | #F5F5F5 | rgb(245, 245, 245) | rgb(96%, 96%, 96%) |
Red | |||
darkred | #8B0000 | rgb(139, 0, 0) | rgb(55%, 0%, 0%) |
firebrick | #B22222 | rgb(178, 34, 34) | rgb(70%, 14%, 14%) |
crimson | #DC143C | rgb(220, 20, 60) | rgb(86%, 8%, 24%) |
indianred | #CD5C5C | rgb(205, 92, 92) | rgb(81%, 36%, 36%) |
lightcoral | #F08080 | rgb(240, 128, 128) | rgb(94%, 50%, 50%) |
salmon | #FA8072 | rgb(250, 128, 114) | rgb(98%, 50%, 45%) |
darksalmon | #E9967A | rgb(233, 150, 122) | rgb(92%, 59%, 48%) |
lightsalmon | #FFA07A | rgb(255, 160, 122) | rgb(100%, 63%, 48%) |
mistyrose | #FFE4E1 | rgb(255, 228, 225) | rgb(100%, 90%, 88%) |
snow | #FFFAFA | rgb(255, 250, 250) | rgb(100%, 98%, 98%) |
Orange | |||
orangered | #FF4500 | rgb(255, 69, 0) | rgb(100%, 27%, 0%) |
tomato | #FF6347 | rgb(255, 99, 71) | rgb(100%, 39%, 28%) |
coral | #FF7F50 | rgb(255, 127, 80) | rgb(100%, 50%, 32%) |
darkorange | #FF8C00 | rgb(255, 140, 0) | rgb(100%, 55%, 0%) |
orange | #FFA500 | rgb(255, 165, 0) | rgb(100%, 65%, 0%) |
peachpuff | #FFDAB9 | rgb(255, 218, 185) | rgb(100%, 86%, 73%) |
moccasin | #FFE4B5 | rgb(255, 228, 181) | rgb(100%, 90%, 71%) |
papayawhip | #FFEFD5 | rgb(255, 239, 213) | rgb(100%, 94%, 84%) |
Yellow | |||
gold | #FFD700 | rgb(255, 215, 0) | rgb(100%, 84%, 0%) |
khaki | #F0E68C | rgb(240, 230, 140) | rgb(94%, 90%, 55%) |
palegoldenrod | #EEE8AA | rgb(238, 232, 170) | rgb(93%, 91%, 67%) |
beige | #F5F5DC | rgb(245, 245, 220) | rgb(96%, 96%, 86%) |
lightgoldenrodyellow | #FAFAD2 | rgb(250, 250, 210) | rgb(98%, 98%, 83%) |
lemonchiffon | #FFFACD | rgb(255, 250, 205) | rgb(100%, 98%, 81%) |
lightyellow | #FFFFE0 | rgb(255, 255, 224) | rgb(100%, 100%, 88%) |
ivory | #FFFFF0 | rgb(255, 255, 240) | rgb(100%, 100%, 94%) |
Brown | |||
brown | #A52A2A | rgb(165, 42, 42) | rgb(65%, 17%, 17%) |
sienna | #A0522D | rgb(160, 82, 45) | rgb(63%, 33%, 18%) |
saddlebrown | #8B4513 | rgb(139, 69, 19) | rgb(55%, 27%, 8%) |
chocolate | #D2691E | rgb(210, 105, 30) | rgb(83%, 42%, 12%) |
peru | #CD853F | rgb(205, 133, 63) | rgb(81%, 52%, 25%) |
darkgoldenrod | #B8860B | rgb(184, 134, 11) | rgb(72%, 53%, 5%) |
goldenrod | #DAA520 | rgb(218, 165, 32) | rgb(86%, 65%, 13%) |
darkkhaki | #BDB76B | rgb(189, 183, 107) | rgb(74%, 72%, 42%) |
sandybrown | #F4A460 | rgb(244, 164, 96) | rgb(96%, 65%, 38%) |
rosybrown | #BC8F8F | rgb(188, 143, 143) | rgb(74%, 56%, 56%) |
tan | #D2B48C | rgb(210, 180, 140) | rgb(83%, 71%, 55%) |
burlywood | #DEB887 | rgb(222, 184, 135) | rgb(87%, 72%, 53%) |
wheat | #F5DEB3 | rgb(245, 222, 179) | rgb(96%, 87%, 70%) |
navajowhite | #FFDEAD | rgb(255, 222, 173) | rgb(100%, 87%, 68%) |
bisque | #FFE4C4 | rgb(255, 228, 196) | rgb(100%, 90%, 77%) |
blanchedalmond | #FFEBCD | rgb(255, 235, 205) | rgb(100%, 92%, 81%) |
cornsilk | #FFF8DC | rgb(255, 248, 220) | rgb(100%, 97%, 86%) |
linen | #FAF0E6 | rgb(250, 240, 230) | rgb(98%, 94%, 90%) |
antiquewhite | #FAEBD7 | rgb(250, 235, 215) | rgb(98%, 92%, 84%) |
oldlace | #FDF5E6 | rgb(253, 245, 230) | rgb(99%, 96%, 90%) |
seashell | #FFF5EE | rgb(255, 245, 238) | rgb(100%, 96%, 93%) |
floralwhite | #FFFAF0 | rgb(255, 250, 240) | rgb(100%, 98%, 94%) |
Green | |||
darkolivegreen | #556B2F | rgb(85, 107, 47) | rgb(34%, 42%, 19%) |
olivedrab | #6B8E23 | rgb(107, 142, 35) | rgb(42%, 56%, 14%) |
yellowgreen | #9ACD32 | rgb(154, 205, 50) | rgb(61%, 81%, 20%) |
greenyellow | #ADFF2F | rgb(173, 255, 47) | rgb(68%, 100%, 19%) |
darkgreen | #006400 | rgb(0, 100, 0) | rgb(0%, 40%, 0%) |
forestgreen | #228B22 | rgb(34, 139, 34) | rgb(14%, 55%, 14%) |
limegreen | #32CD32 | rgb(50, 205, 50) | rgb(20%, 81%, 20%) |
lawngreen | #7CFC00 | rgb(124, 252, 0) | rgb(49%, 99%, 0%) |
chartreuse | #7FFF00 | rgb(127, 255, 0) | rgb(50%, 100%, 0%) |
honeydew | #F0FFF0 | rgb(240, 255, 240) | rgb(94%, 100%, 94%) |
seagreen | #2E8B57 | rgb(46, 139, 87) | rgb(18%, 55%, 34%) |
mediumseagreen | #3CB371 | rgb(60, 179, 113) | rgb(24%, 70%, 45%) |
darkseagreen | #8FBC8F | rgb(143, 188, 143) | rgb(56%, 74%, 56%) |
mediumspringgreen | #00FA9A | rgb(0, 250, 154) | rgb(0%, 98%, 61%) |
springgreen | #00FF7F | rgb(0, 255, 127) | rgb(0%, 100%, 50%) |
lightgreen | #90EE90 | rgb(144, 238, 144) | rgb(57%, 93%, 57%) |
palegreen | #98FB98 | rgb(152, 251, 152) | rgb(60%, 99%, 60%) |
mintcream | #F5FFFA | rgb(245, 255, 250) | rgb(96%, 100%, 98%) |
Cyan | |||
darkslategray | #2F4F4F | rgb(47, 79, 79) | rgb(19%, 31%, 31%) |
slategray | #708090 | rgb(112, 128, 144) | rgb(44%, 50%, 57%) |
lightslategray | #778899 | rgb(119, 136, 153) | rgb(47%, 54%, 60%) |
darkcyan | #008B8B | rgb(0, 139, 139) | rgb(0%, 55%, 55%) |
lightseagreen | #20B2AA | rgb(32, 178, 170) | rgb(13%, 70%, 67%) |
darkturquoise | #00CED1 | rgb(0, 206, 209) | rgb(0%, 81%, 82%) |
mediumturquoise | #48D1CC | rgb(72, 209, 204) | rgb(29%, 82%, 80%) |
turquoise | #40E0D0 | rgb(64, 224, 208) | rgb(25%, 88%, 82%) |
aqua | #00FFFF | rgb(0, 255, 255) | rgb(0%, 100%, 100%) |
mediumaquamarine | #66CDAA | rgb(102, 205, 170) | rgb(40%, 81%, 67%) |
aquamarine | #7FFFD4 | rgb(127, 255, 212) | rgb(50%, 100%, 83%) |
paleturquoise | #AFEEEE | rgb(175, 238, 238) | rgb(69%, 93%, 93%) |
lightcyan | #E0FFFF | rgb(224, 255, 255) | rgb(88%, 100%, 100%) |
azure | #F0FFFF | rgb(240, 255, 255) | rgb(94%, 100%, 100%) |
Blue | |||
midnightblue | #191970 | rgb(25, 25, 112) | rgb(10%, 10%, 44%) |
darkblue | #00008B | rgb(0, 0, 139) | rgb(0%, 0%, 55%) |
mediumblue | #0000CD | rgb(0, 0, 205) | rgb(0%, 0%, 81%) |
royalblue | #4169E1 | rgb(65, 105, 225) | rgb(26%, 42%, 88%) |
cornflowerblue | #6495ED | rgb(100, 149, 237) | rgb(40%, 59%, 93%) |
dodgerblue | #1E90FF | rgb(30, 144, 255) | rgb(12%, 57%, 100%) |
deepskyblue | #00BFFF | rgb(0, 191, 255) | rgb(0%, 75%, 100%) |
skyblue | #87CEEB | rgb(135, 206, 235) | rgb(53%, 81%, 92%) |
lightskyblue | #87CEFA | rgb(135, 206, 250) | rgb(53%, 81%, 98%) |
cadetblue | #5F9EA0 | rgb(95, 158, 160) | rgb(38%, 62%, 63%) |
lightblue | #ADD8E6 | rgb(173, 216, 230) | rgb(68%, 85%, 90%) |
powderblue | #B0E0E6 | rgb(176, 224, 230) | rgb(69%, 88%, 90%) |
aliceblue | #F0F8FF | rgb(240, 248, 255) | rgb(94%, 97%, 100%) |
ghostwhite | #F8F8FF | rgb(248, 248, 255) | rgb(97%, 97%, 100%) |
steelblue | #4682B4 | rgb(70, 130, 180) | rgb(28%, 51%, 71%) |
lightsteelblue | #B0C4DE | rgb(176, 196, 222) | rgb(69%, 77%, 87%) |
lavender | #E6E6FA | rgb(230, 230, 250) | rgb(90%, 90%, 98%) |
Purple | |||
indigo | #4B0082 | rgb(75, 0, 130) | rgb(30%, 0%, 51%) |
darkslateblue | #483D8B | rgb(72, 61, 139) | rgb(29%, 24%, 55%) |
slateblue | #6A5ACD | rgb(106, 90, 205) | rgb(42%, 36%, 81%) |
mediumslateblue | #7B68EE | rgb(123, 104, 238) | rgb(49%, 41%, 93%) |
mediumpurple | #9370DB | rgb(147, 112, 219) | rgb(58%, 44%, 86%) |
darkmagenta | #8B008B | rgb(139, 0, 139) | rgb(55%, 0%, 55%) |
blueviolet | #8A2BE2 | rgb(138, 43, 226) | rgb(54%, 17%, 89%) |
darkviolet | #9400D3 | rgb(148, 0, 211) | rgb(58%, 0%, 83%) |
darkorchid | #9932CC | rgb(153, 50, 204) | rgb(60%, 20%, 80%) |
mediumorchid | #BA55D3 | rgb(186, 85, 211) | rgb(73%, 34%, 83%) |
fuchsia | #FF00FF | rgb(255, 0, 255) | rgb(100%, 0%, 100%) |
violet | #EE82EE | rgb(238, 130, 238) | rgb(93%, 51%, 93%) |
orchid | #DA70D6 | rgb(218, 112, 214) | rgb(86%, 44%, 84%) |
plum | #DDA0DD | rgb(221, 160, 221) | rgb(87%, 63%, 87%) |
thistle | #D8BFD8 | rgb(216, 191, 216) | rgb(85%, 75%, 85%) |
Pink | |||
mediumvioletred | #C71585 | rgb(199, 21, 133) | rgb(78%, 9%, 52%) |
palevioletred | #DB7093 | rgb(219, 112, 147) | rgb(86%, 44%, 58%) |
deeppink | #FF1493 | rgb(255, 20, 147) | rgb(100%, 8%, 58%) |
hotpink | #FF69B4 | rgb(255, 105, 180) | rgb(100%, 42%, 71%) |
lightpink | #FFB6C1 | rgb(255, 182, 193) | rgb(100%, 72%, 76%) |
pink | #FFC0CB | rgb(255, 192, 203) | rgb(100%, 75%, 80%) |
lavenderblush | #FFF0F5 | rgb(255, 240, 245) | rgb(100%, 94%, 96%) |
Other | |||
rebeccapurple | #663399 | rgb(102, 51, 153) | rgb(40%, 20%, 60%) |
In the color names "grey" can be used instead of "gray".
Hint: With the portable Freeware application ColorPicker colors can be selected quickly and easily especially for web development.