# Basic color
Color | Color Name | Hex Value | RGB Value
----- | ----- | ----- | -----
<span style="height: 100%; width: 100%; background: aqua;"> </span>| aqua | #00FFFF | rgb(0, 255, 255)
<span style="height: 100%; width: 100%; background: black;"> </span>| black | #000000 | rgb(0, 0, 0)
<span style="height: 100%; width: 100%; background: blue;"> </span>| blue | #0000FF | rgb(0, 0, 255)
<span style="height: 100%; width: 100%; background: fuchsia;"> </span>| fuchsia | #FF00FF | rgb(255, 0, 255)
<span style="height: 100%; width: 100%; background: gray;"> </span>| gray | #808080 | rgb(128, 128, 128)
<span style="height: 100%; width: 100%; background: green;"> </span>| green | #008000 | rgb(0, 128, 0)
<span style="height: 100%; width: 100%; background: lime;"> </span>| lime | #00FF00 | rgb(0, 255, 0)
<span style="height: 100%; width: 100%; background: maroon;"> </span>| maroon | #800000 | rgb(128, 0, 0)
<span style="height: 100%; width: 100%; background: navy;"> </span>| navy | #000080 | rgb(0, 0, 128)
<span style="height: 100%; width: 100%; background: olive;"> </span>| olive | #808000 | rgb(128, 128, 0)
<span style="height: 100%; width: 100%; background: purple;"> </span>| purple | #800080 | rgb(128, 0, 128)
<span style="height: 100%; width: 100%; background: red;"> </span>| red | #FF0000 | rgb(255, 0, 0)
<span style="height: 100%; width: 100%; background: silver;"> </span>| silver | #C0C0C0 | rgb(192, 192, 192)
<span style="height: 100%; width: 100%; background: teal;"> </span>| teal | #008080 | rgb(0, 128, 128)
<span style="height: 100%; width: 100%; background: white;"> </span>| white | #FFFFFF | rgb(255, 255, 255)
<span style="height: 100%; width: 100%; background: yellow;"> </span>| yellow | #FFFF00 | rgb(255, 255, 0)
# Extended color keywords
The following table lists the extended color keywords defined in CSS3 specification.
Color | Color Name | Hex Value | RGB Value
----- | ----- | ----- | -----
<span style="height: 100%; width: 100%; background: aliceblue;"> </span>| aliceblue | #F0F8FF | rgb(240, 248, 255)
<span style="height: 100%; width: 100%; background: antiquewhite;"> </span>| antiquewhite | #FAEBD7 | rgb(250, 235, 215)
<span style="height: 100%; width: 100%; background: aqua;"> </span>| aqua | #00FFFF | rgb(0, 255, 255)
<span style="height: 100%; width: 100%; background: aquamarine;"> </span>| aquamarine | #7FFFD4 | rgb(127, 255, 212)
<span style="height: 100%; width: 100%; background: azure;"> </span>| azure | #F0FFFF | rgb(1240, 255, 255)
<span style="height: 100%; width: 100%; background: beige;"> </span>| beige | #F5F5DC | rgb(245, 245, 220)
<span style="height: 100%; width: 100%; background: bisque;"> </span>| bisque | #FFE4C4 | rgb(255, 228, 196)
<span style="height: 100%; width: 100%; background: black;"> </span>| black | #000000 | rgb(0, 0, 0)
<span style="height: 100%; width: 100%; background: blanchedalmond;"> </span>| blanchedalmond | #FFEBCD | rgb(255, 235, 205)
<span style="height: 100%; width: 100%; background: blue;"> </span>| blue | #0000FF | rgb(0, 0, 255)
<span style="height: 100%; width: 100%; background: blueviolet;"> </span>| blueviolet | #8A2BE2 | rgb(138, 43, 226)
<span style="height: 100%; width: 100%; background: brown;"> </span>| brown | #A52A2A | rgb(165, 42, 42)
<span style="height: 100%; width: 100%; background: burlywood;"> </span>| burlywood | #DEB887 | rgb(222, 184, 135)
<span style="height: 100%; width: 100%; background: cadetblue;"> </span>| cadetblue | #5F9EA0 | rgb(95, 158, 160)
<span style="height: 100%; width: 100%; background: chartreuse;"> </span>| chartreuse | #7FFF00 | rgb(95, 158, 160)
<span style="height: 100%; width: 100%; background: chocolate;"> </span>| chocolate | #D2691E | rgb(210, 105, 30)
<span style="height: 100%; width: 100%; background: coral;"> </span>| coral | #FF7F50 | rgb(255, 127, 80)
<span style="height: 100%; width: 100%; background: cornflowerblue;"> </span>| cornflowerblue | #6495ED | rgb(100, 149, 237)
<span style="height: 100%; width: 100%; background: cornsilk;"> </span>| cornsilk | #FFF8DC | rgb(255, 248, 220)
<span style="height: 100%; width: 100%; background: crimson;"> </span>| crimson | #DC143C | rgb(220, 20, 60)
<span style="height: 100%; width: 100%; background: cyan;"> </span>| cyan | #00FFFF | rgb(0, 255, 255)
<span style="height: 100%; width: 100%; background: darkblue;"> </span>| darkblue | #00008B | rgb(0, 0, 139)
<span style="height: 100%; width: 100%; background: darkcyan;"> </span>| darkcyan | #008B8B | rgb(0, 139, 139)
<span style="height: 100%; width: 100%; background: darkgoldenrod;"> </span>| darkgoldenrod | #B8860B | rgb(184, 134, 11)
<span style="height: 100%; width: 100%; background: darkgray;"> </span>| darkgray | #A9A9A9 | rgb(169, 169, 169)
<span style="height: 100%; width: 100%; background: darkgreen;"> </span>| darkgreen | #006400 | rgb(0, 100, 0)
<span style="height: 100%; width: 100%; background: darkkhaki;"> </span>| darkkhaki | #BDB76B | rgb(189, 183, 107)
<span style="height: 100%; width: 100%; background: darkmagenta;"> </span>| darkmagenta | #8B008B | rgb(139, 0, 139)
<span style="height: 100%; width: 100%; background: darkolivegreen;"> </span>| darkolivegreen | #556B2F | rgb(85, 107, 47)
<span style="height: 100%; width: 100%; background: darkorange;"> </span>| darkorange | #FF8C00 | rgb(255, 140, 0)
<span style="height: 100%; width: 100%; background: darkorchid;"> </span>| darkorchid | #9932CC | rgb(153, 50, 204)
<span style="height: 100%; width: 100%; background: darkred;"> </span>| darkred | #8B0000 | rgb(139, 0, 0)
<span style="height: 100%; width: 100%; background: darksalmon;"> </span>| darksalmon | #E9967A | rgb(233, 150, 122)
<span style="height: 100%; width: 100%; background: darkseagreen;"> </span>| darkseagreen | #8FBC8F | rgb(143, 188, 143)
<span style="height: 100%; width: 100%; background: darkslateblue;"> </span>| darkslateblue | #483D8B | rgb(72, 61, 139)
<span style="height: 100%; width: 100%; background: darkslategray;"> </span>| darkslategray | #2F4F4F | rgb(47, 79, 79)
<span style="height: 100%; width: 100%; background: darkturquoise;"> </span>| darkturquoise | #00CED1 | rgb(0, 206, 209)
<span style="height: 100%; width: 100%; background: darkviolet;"> </span>| darkviolet | #9400D3 | rgb(148, 0, 211)
<span style="height: 100%; width: 100%; background: deeppink;"> </span>| deeppink | #FF1493 | rgb(255, 20, 147)
<span style="height: 100%; width: 100%; background: deepskyblue;"> </span>| deepskyblue | #00BFFF | rgb(0, 191, 255)
<span style="height: 100%; width: 100%; background: dimgray;"> </span>| dimgray | #696969 | rgb(0, 191, 255)
<span style="height: 100%; width: 100%; background: dodgerblue;"> </span>| dodgerblue | #1E90FF | rgb(30, 144, 255)
<span style="height: 100%; width: 100%; background: firebrick;"> </span>| firebrick | #B22222 | rgb(178, 34, 34)
<span style="height: 100%; width: 100%; background: floralwhite;"> </span>| floralwhite | #FFFAF0 | rgb(255, 250, 240)
<span style="height: 100%; width: 100%; background: forestgreen;"> </span>| forestgreen | #228B22 | rgb(34, 139, 34)
<span style="height: 100%; width: 100%; background: fuchsia;"> </span>| fuchsia | #FF00FF | rgb(255, 0, 255)
<span style="height: 100%; width: 100%; background: gainsboro;"> </span>| gainsboro | #DCDCDC | rgb(220, 220, 220)
<span style="height: 100%; width: 100%; background: ghostwhite;"> </span>| ghostwhite | #F8F8FF | rgb(248, 248, 255)
<span style="height: 100%; width: 100%; background: gold;"> </span>| gold | #FFD700 | rgb(255, 215, 0)
<span style="height: 100%; width: 100%; background: goldenrod;"> </span>| goldenrod | #DAA520 | rgb(218, 165, 32)
<span style="height: 100%; width: 100%; background: gray;"> </span>| gray | #7F7F7F | rgb(127, 127, 127)
<span style="height: 100%; width: 100%; background: green;"> </span>| green | #008000 | rgb(0, 128, 0)
<span style="height: 100%; width: 100%; background: greenyellow;"> </span>| greenyellow | #ADFF2F | rgb(173, 255, 47)
<span style="height: 100%; width: 100%; background: honeydew;"> </span>| honeydew | #F0FFF0 | rgb(240, 255, 240)
<span style="height: 100%; width: 100%; background: hotpink;"> </span>| hotpink | #FF69B4 | rgb(255, 105, 180)
<span style="height: 100%; width: 100%; background: indianred;"> </span>| indianred | #CD5C5C | rgb(205, 92, 92)
<span style="height: 100%; width: 100%; background: indigo;"> </span>| indigo | #4B0082 | rgb(75, 0, 130)
<span style="height: 100%; width: 100%; background: ivory;"> </span>| ivory | #FFFFF0 | rgb(255, 255, 240)
<span style="height: 100%; width: 100%; background: khaki;"> </span>| khaki | #F0E68C | rgb(240, 230, 140)
<span style="height: 100%; width: 100%; background: lavender;"> </span>| lavender | #E6E6FA | rgb(230, 230, 250)
<span style="height: 100%; width: 100%; background: lavenderblush;"> </span>| lavenderblush | #FFF0F5 | rgb(255, 240, 245)
<span style="height: 100%; width: 100%; background: lawngreen;"> </span>| lawngreen | #7CFC00 | rgb(124, 252, 0)
<span style="height: 100%; width: 100%; background: lemonchiffon;"> </span>| lemonchiffon | #FFFACD | rgb(255, 250, 205)
<span style="height: 100%; width: 100%; background: lightblue;"> </span>| lightblue | #ADD8E6 | rgb(173, 216, 230)
<span style="height: 100%; width: 100%; background: lightcoral;"> </span>| lightcoral | #F08080 | rgb(240, 128, 128)
<span style="height: 100%; width: 100%; background: lightcyan;"> </span>| lightcyan | #E0FFFF | rgb(224, 255, 255)
<span style="height: 100%; width: 100%; background: lightgoldenrodyellow;"> </span>| lightgoldenrodyellow | #FAFAD2 | rgb(250, 250, 210)
<span style="height: 100%; width: 100%; background: lightgreen;"> </span>| lightgreen | #90EE90 | rgb(144, 238, 144)
<span style="height: 100%; width: 100%; background: lightgrey;"> </span>| lightgrey | #D3D3D3 | rgb(211, 211, 211)
<span style="height: 100%; width: 100%; background: lightpink;"> </span>| lightpink | #FFB6C1 | rgb(255, 182, 193)
<span style="height: 100%; width: 100%; background: lightsalmon;"> </span>| lightsalmon | #FFA07A | rgb(255, 160, 122)
<span style="height: 100%; width: 100%; background: lightseagreen;"> </span>| lightseagreen | #20B2AA | rgb(32, 178, 170)
<span style="height: 100%; width: 100%; background: lightskyblue;"> </span>| lightskyblue | #87CEFA | rgb(135, 206, 250)
<span style="height: 100%; width: 100%; background: lightslategray;"> </span>| lightslategray | #778899 | rgb(119, 136, 153)
<span style="height: 100%; width: 100%; background: lightsteelblue;"> </span>| lightsteelblue | #B0C4DE | rgb(176, 196, 222)
<span style="height: 100%; width: 100%; background: lightyellow;"> </span>| lightyellow | #FFFFE0 | rgb(255, 255, 224)
<span style="height: 100%; width: 100%; background: lime;"> </span>| lime | #00FF00 | rgb(0, 255, 0)
<span style="height: 100%; width: 100%; background: limegreen;"> </span>| limegreen | #32CD32 | rgb(50, 205, 50)
<span style="height: 100%; width: 100%; background: linen;"> </span>| linen | #FAF0E6 | rgb(250, 240, 230)
<span style="height: 100%; width: 100%; background: magenta;"> </span>| magenta | #FF00FF | rgb(255, 0, 255)
<span style="height: 100%; width: 100%; background: maroon;"> </span>| maroon | #800000 | rgb(128, 0, 0)
<span style="height: 100%; width: 100%; background: mediumaquamarine;"> </span>| mediumaquamarine | #66CDAA | rgb(102, 205, 170)
<span style="height: 100%; width: 100%; background: mediumblue;"> </span>| mediumblue | #0000CD | rgb(0, 0, 205)
<span style="height: 100%; width: 100%; background: mediumorchid;"> </span>| mediumorchid | #BA55D3 | rgb(186, 85, 211)
<span style="height: 100%; width: 100%; background: mediumpurple;"> </span>| mediumpurple | #9370DB | rgb(147, 112, 219)
<span style="height: 100%; width: 100%; background: mediumseagreen;"> </span>| mediumseagreen | #3CB371 | rgb(60, 179, 113)
<span style="height: 100%; width: 100%; background: mediumslateblue;"> </span>| mediumslateblue | #7B68EE | rgb(123, 104, 238)
<span style="height: 100%; width: 100%; background: mediumspringgreen;"> </span>| mediumspringgreen | #00FA9A | rgb(0, 250, 154)
<span style="height: 100%; width: 100%; background: mediumturquoise;"> </span>| mediumturquoise | #48D1CC | rgb(72, 209, 204)
<span style="height: 100%; width: 100%; background: mediumvioletred;"> </span>| mediumvioletred | #C71585 | rgb(199, 21, 133)
<span style="height: 100%; width: 100%; background: midnightblue;"> </span>| midnightblue | #191970 | rgb(25, 25, 112)
<span style="height: 100%; width: 100%; background: mintcream;"> </span>| mintcream | #F5FFFA | rgb(245, 255, 250)
<span style="height: 100%; width: 100%; background: mistyrose;"> </span>| mistyrose | #FFE4E1 | rgb(255, 228, 225)
<span style="height: 100%; width: 100%; background: moccasin;"> </span>| moccasin | #FFE4B5 | rgb(255, 228, 181)
<span style="height: 100%; width: 100%; background: navajowhite;"> </span>| navajowhite | #FFDEAD | rgb(255, 222, 173)
<span style="height: 100%; width: 100%; background: navy;"> </span>| navy | #000080 | rgb(0, 0, 128)
<span style="height: 100%; width: 100%; background: navyblue;"> </span>| navyblue | #9FAFDF | rgb(159, 175, 223)
<span style="height: 100%; width: 100%; background: oldlace;"> </span>| oldlace | #FDF5E6 | rgb(253, 245, 230)
<span style="height: 100%; width: 100%; background: olive;"> </span>| olive | #808000 | rgb(128, 128, 0)
<span style="height: 100%; width: 100%; background: olivedrab;"> </span>| olivedrab | #6B8E23 | rgb(107, 142, 35)
<span style="height: 100%; width: 100%; background: orange;"> </span>| orange | #FFA500 | rgb(255, 165, 0)
<span style="height: 100%; width: 100%; background: orangered;"> </span>| orangered | #FF4500 | rgb(255, 69, 0)
<span style="height: 100%; width: 100%; background: orchid;"> </span>| orchid | #DA70D6 | rgb(218, 112, 214)
<span style="height: 100%; width: 100%; background: palegoldenrod;"> </span>| palegoldenrod | #EEE8AA | rgb(238, 232, 170)
<span style="height: 100%; width: 100%; background: palegreen;"> </span>| palegreen | #98FB98 | rgb(152, 251, 152)
<span style="height: 100%; width: 100%; background: paleturquoise;"> </span>| paleturquoise | #AFEEEE | rgb(175, 238, 238)
<span style="height: 100%; width: 100%; background: palevioletred;"> </span>| palevioletred | #DB7093 | rgb(219, 112, 147)
<span style="height: 100%; width: 100%; background: papayawhip;"> </span>| papayawhip | #FFEFD5 | rgb(255, 239, 213)
<span style="height: 100%; width: 100%; background: peachpuff;"> </span>| peachpuff | #FFDAB9 | rgb(255, 218, 185)
<span style="height: 100%; width: 100%; background: peru;"> </span>| peru | #CD853F | rgb(205, 133, 63)
<span style="height: 100%; width: 100%; background: pink;"> </span>| pink | #FFC0CB | rgb(255, 192, 203)
<span style="height: 100%; width: 100%; background: plum;"> </span>| plum | #DDA0DD | rgb(221, 160, 221)
<span style="height: 100%; width: 100%; background: powderblue;"> </span>| powderblue | #B0E0E6 | rgb(176, 224, 230)
<span style="height: 100%; width: 100%; background: purple;"> </span>| purple | #800080 | rgb(128, 0, 128)
<span style="height: 100%; width: 100%; background: red;"> </span>| red | #FF0000 | rgb(255, 0, 0)
<span style="height: 100%; width: 100%; background: rosybrown;"> </span>| rosybrown | #BC8F8F | rgb(188, 143, 143)
<span style="height: 100%; width: 100%; background: royalblue;"> </span>| royalblue | #4169E1 | rgb(65, 105, 225)
<span style="height: 100%; width: 100%; background: saddlebrown;"> </span>| saddlebrown | #8B4513 | rgb(139, 69, 19)
<span style="height: 100%; width: 100%; background: salmon;"> </span>| salmon | #FA8072 | rgb(250, 128, 114)
<span style="height: 100%; width: 100%; background: sandybrown;"> </span>| sandybrown | #FA8072 | rgb(244, 164, 96)
<span style="height: 100%; width: 100%; background: seagreen;"> </span>| seagreen | #2E8B57 | rgb(46, 139, 87)
<span style="height: 100%; width: 100%; background: seashell;"> </span>| seashell | #FFF5EE | rgb(255, 245, 238)
<span style="height: 100%; width: 100%; background: sienna;"> </span>| sienna | #A0522D | rgb(160, 82, 45)
<span style="height: 100%; width: 100%; background: silver;"> </span>| silver | #C0C0C0 | rgb(192, 192, 192)
<span style="height: 100%; width: 100%; background: skyblue;"> </span>| skyblue | #87CEEB | rgb(135, 206, 235)
<span style="height: 100%; width: 100%; background: skyblue;"> </span>| skyblue | #6A5ACD | rgb(106, 90, 205)
<span style="height: 100%; width: 100%; background: slategray;"> </span>| slategray | #708090 | rgb(112, 128, 144)
<span style="height: 100%; width: 100%; background: snow;"> </span>| snow | #FFFAFA | rgb(255, 250, 250)
<span style="height: 100%; width: 100%; background: springgreen;"> </span>| springgreen | #00FF7F | rgb(0, 255, 127)
<span style="height: 100%; width: 100%; background: steelblue;"> </span>| steelblue | #4682B4 | rgb(70, 130, 180)
<span style="height: 100%; width: 100%; background: tan;"> </span>| tan | #D2B48C | rgb(210, 180, 140)
<span style="height: 100%; width: 100%; background: teal;"> </span>| teal | #008080 | rgb(0, 128, 128)
<span style="height: 100%; width: 100%; background: thistle;"> </span>| thistle | #D8BFD8 | rgb(216, 191, 216)
<span style="height: 100%; width: 100%; background: tomato;"> </span>| tomato | #FF6347 | rgb(255, 99, 71)
<span style="height: 100%; width: 100%; background: turquoise;"> </span>| turquoise | #40E0D0 | rgb(64, 224, 208)
<span style="height: 100%; width: 100%; background: violet;"> </span>| violet | #EE82EE | rgb(238, 130, 238)
<span style="height: 100%; width: 100%; background: wheat;"> </span>| wheat | #F5DEB3 | rgb(245, 222, 179)
<span style="height: 100%; width: 100%; background: white;"> </span>| white | #FFFFFF | rgb(255, 255, 255)
<span style="height: 100%; width: 100%; background: whitesmoke;"> </span>| whitesmoke | #F5F5F5 | rgb(245, 245, 245)
<span style="height: 100%; width: 100%; background: yellow;"> </span>| yellow | #FFFF00 | rgb(255, 255, 0)
<span style="height: 100%; width: 100%; background: yellowgreen;"> </span>| yellowgreen | #9ACD32 | rgb(139, 205, 50)