CSS/Properties/color/keywords
Color keywords
Basic Colors
| Named | Numeric | Color name | Hex rgb | Decimal |
|---|---|---|---|---|
| black | #000000 | 0,0,0 | ||
|
| silver | #C0C0C0 | 192,192,192 | |
|
| gray | #808080 | 128,128,128 | |
| white | #FFFFFF | 255,255,255 | ||
| maroon | #800000 | 128,0,0 | ||
| red | #FF0000 | 255,0,0 | ||
|
| purple | #800080 | 128,0,128 | |
|
| fuchsia | #FF00FF | 255,0,255 | |
| green | #008000 | 0,128,0 | ||
| lime | #00FF00 | 0,255,0 | ||
| olive | #808000 | 128,128,0 | ||
|
| yellow | #FFFF00 | 255,255,0 | |
|
| navy | #000080 | 0,0,128 | |
| blue | #0000FF | 0,0,255 | ||
| teal | #008080 | 0,128,128 | ||
| aqua | #00FFFF | 0,255,255 |
Extended colors
| Named | Numeric | Color name | Hex rgb | Decimal |
|---|---|---|---|---|
| aliceblue | #f0f8ff | 240,248,255 | ||
| antiquewhite | #faebd7 | 250,235,215 | ||
| aqua | #00ffff | 0,255,255 | ||
| aquamarine | #7fffd4 | 127,255,212 | ||
|
| azure | #f0ffff | 240,255,255 | |
|
| beige | #f5f5dc | 245,245,220 | |
| bisque | #ffe4c4 | 255,228,196 | ||
| black | #000000 | 0,0,0 | ||
| blanchedalmond | #ffebcd | 255,235,205 | ||
|
| blue | #0000ff | 0,0,255 | |
|
| blueviolet | #8a2be2 | 138,43,226 | |
| brown | #a52a2a | 165,42,42 | ||
| burlywood | #deb887 | 222,184,135 | ||
| cadetblue | #5f9ea0 | 95,158,160 | ||
|
| chartreuse | #7fff00 | 127,255,0 | |
|
| chocolate | #d2691e | 210,105,30 | |
| coral | #ff7f50 | 255,127,80 | ||
| cornflowerblue | #6495ed | 100,149,237 | ||
| cornsilk | #fff8dc | 255,248,220 | ||
|
| crimson | #dc143c | 220,20,60 | |
|
| cyan | #00ffff | 0,255,255 | |
| darkblue | #00008b | 0,0,139 | ||
| darkcyan | #008b8b | 0,139,139 | ||
| darkgoldenrod | #b8860b | 184,134,11 | ||
|
| darkgray | #a9a9a9 | 169,169,169 | |
|
| darkgreen | #006400 | 0,100,0 | |
| darkgrey | #a9a9a9 | 169,169,169 | ||
| darkkhaki | #bdb76b | 189,183,107 | ||
| darkmagenta | #8b008b | 139,0,139 | ||
|
| darkolivegreen | #556b2f | 85,107,47 | |
|
| darkorange | #ff8c00 | 255,140,0 | |
| darkorchid | #9932cc | 153,50,204 | ||
| darkred | #8b0000 | 139,0,0 | ||
| darksalmon | #e9967a | 233,150,122 | ||
|
| darkseagreen | #8fbc8f | 143,188,143 | |
|
| darkslateblue | #483d8b | 72,61,139 | |
| darkslategray | #2f4f4f | 47,79,79 | ||
| darkslategrey | #2f4f4f | 47,79,79 | ||
| darkturquoise | #00ced1 | 0,206,209 | ||
|
| darkviolet | #9400d3 | 148,0,211 | |
|
| deeppink | #ff1493 | 255,20,147 | |
| deepskyblue | #00bfff | 0,191,255 | ||
| dimgray | #696969 | 105,105,105 | ||
| dimgrey | #696969 | 105,105,105 | ||
|
| dodgerblue | #1e90ff | 30,144,255 | |
|
| firebrick | #b22222 | 178,34,34 | |
| floralwhite | #fffaf0 | 255,250,240 | ||
| forestgreen | #228b22 | 34,139,34 | ||
| fuchsia | #ff00ff | 255,0,255 | ||
|
| gainsboro | #dcdcdc | 220,220,220 | |
|
| ghostwhite | #f8f8ff | 248,248,255 | |
| gold | #ffd700 | 255,215,0 | ||
| goldenrod | #daa520 | 218,165,32 | ||
| gray | #808080 | 128,128,128 | ||
|
| green | #008000 | 0,128,0 | |
|
| greenyellow | #adff2f | 173,255,47 | |
| grey | #808080 | 128,128,128 | ||
| honeydew | #f0fff0 | 240,255,240 | ||
| hotpink | #ff69b4 | 255,105,180 | ||
|
| indianred | #cd5c5c | 205,92,92 | |
|
| indigo | #4b0082 | 75,0,130 | |
| ivory | #fffff0 | 255,255,240 | ||
| khaki | #f0e68c | 240,230,140 | ||
| lavender | #e6e6fa | 230,230,250 | ||
|
| lavenderblush | #fff0f5 | 255,240,245 | |
|
| lawngreen | #7cfc00 | 124,252,0 | |
| lemonchiffon | #fffacd | 255,250,205 | ||
| lightblue | #add8e6 | 173,216,230 | ||
| lightcoral | #f08080 | 240,128,128 | ||
|
| lightcyan | #e0ffff | 224,255,255 | |
|
| lightgoldenrodyellow | #fafad2 | 250,250,210 | |
| lightgray | #d3d3d3 | 211,211,211 | ||
| lightgreen | #90ee90 | 144,238,144 | ||
| lightgrey | #d3d3d3 | 211,211,211 | ||
|
| lightpink | #ffb6c1 | 255,182,193 | |
|
| lightsalmon | #ffa07a | 255,160,122 | |
| lightseagreen | #20b2aa | 32,178,170 | ||
| lightskyblue | #87cefa | 135,206,250 | ||
| lightslategray | #778899 | 119,136,153 | ||
|
| lightslategrey | #778899 | 119,136,153 | |
|
| lightsteelblue | #b0c4de | 176,196,222 | |
| lightyellow | #ffffe0 | 255,255,224 | ||
| lime | #00ff00 | 0,255,0 | ||
| limegreen | #32cd32 | 50,205,50 | ||
|
| linen | #faf0e6 | 250,240,230 | |
|
| magenta | #ff00ff | 255,0,255 | |
| maroon | #800000 | 128,0,0 | ||
| mediumaquamarine | #66cdaa | 102,205,170 | ||
| mediumblue | #0000cd | 0,0,205 | ||
|
| mediumorchid | #ba55d3 | 186,85,211 | |
|
| mediumpurple | #9370db | 147,112,219 | |
| mediumseagreen | #3cb371 | 60,179,113 | ||
| mediumslateblue | #7b68ee | 123,104,238 | ||
| mediumspringgreen | #00fa9a | 0,250,154 | ||
|
| mediumturquoise | #48d1cc | 72,209,204 | |
|
| mediumvioletred | #c71585 | 199,21,133 | |
| midnightblue | #191970 | 25,25,112 | ||
| mintcream | #f5fffa | 245,255,250 | ||
| mistyrose | #ffe4e1 | 255,228,225 | ||
|
| moccasin | #ffe4b5 | 255,228,181 | |
|
| navajowhite | #ffdead | 255,222,173 | |
| navy | #000080 | 0,0,128 | ||
| oldlace | #fdf5e6 | 253,245,230 | ||
| olive | #808000 | 128,128,0 | ||
|
| olivedrab | #6b8e23 | 107,142,35 | |
|
| orange | #ffa500 | 255,165,0 | |
| orangered | #ff4500 | 255,69,0 | ||
| orchid | #da70d6 | 218,112,214 | ||
| palegoldenrod | #eee8aa | 238,232,170 | ||
|
| palegreen | #98fb98 | 152,251,152 | |
|
| paleturquoise | #afeeee | 175,238,238 | |
| palevioletred | #db7093 | 219,112,147 | ||
| papayawhip | #ffefd5 | 255,239,213 | ||
| peachpuff | #ffdab9 | 255,218,185 | ||
|
| peru | #cd853f | 205,133,63 | |
|
| pink | #ffc0cb | 255,192,203 | |
| plum | #dda0dd | 221,160,221 | ||
| powderblue | #b0e0e6 | 176,224,230 | ||
| purple | #800080 | 128,0,128 | ||
|
| red | #ff0000 | 255,0,0 | |
|
| rosybrown | #bc8f8f | 188,143,143 | |
| royalblue | #4169e1 | 65,105,225 | ||
| saddlebrown | #8b4513 | 139,69,19 | ||
| salmon | #fa8072 | 250,128,114 | ||
|
| sandybrown | #f4a460 | 244,164,96 | |
|
| seagreen | #2e8b57 | 46,139,87 | |
| seashell | #fff5ee | 255,245,238 | ||
| sienna | #a0522d | 160,82,45 | ||
| silver | #c0c0c0 | 192,192,192 | ||
|
| skyblue | #87ceeb | 135,206,235 | |
|
| slateblue | #6a5acd | 106,90,205 | |
| slategray | #708090 | 112,128,144 | ||
| slategrey | #708090 | 112,128,144 | ||
| snow | #fffafa | 255,250,250 | ||
|
| springgreen | #00ff7f | 0,255,127 | |
|
| steelblue | #4682b4 | 70,130,180 | |
| tan | #d2b48c | 210,180,140 | ||
| teal | #008080 | 0,128,128 | ||
| thistle | #d8bfd8 | 216,191,216 | ||
|
| tomato | #ff6347 | 255,99,71 | |
|
| turquoise | #40e0d0 | 64,224,208 | |
| violet | #ee82ee | 238,130,238 | ||
| wheat | #f5deb3 | 245,222,179 | ||
| white | #ffffff | 255,255,255 | ||
|
| whitesmoke | #f5f5f5 | 245,245,245 | |
|
| yellow | #ffff00 | 255,255,0 | |
| yellowgreen | #9acd32 | 154,205,50 |
System Colors
Note: As of [CSS Color], the CSS2 System Color values have been deprecated in favor of the CSS3 UI ‘[appearance]’ property.
ActiveBorder
Active window border.
ActiveCaption
Active window caption.
AppWorkspace
Background color of multiple document interface.
Background
Desktop background.
ButtonFace
The face background color for 3-D elements that appear 3-D due to one layer of surrounding border.
ButtonHighlight
The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border.
ButtonShadow
The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border.
ButtonText
Text on push buttons.
CaptionText
Text in caption, size box, and scrollbar arrow box.
GrayText
Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.
Highlight
Item(s) selected in a control.
HighlightText
Text of item(s) selected in a control.
InactiveBorder
Inactive window border.
InactiveCaption
Inactive window caption.
InactiveCaptionText
Color of text in an inactive caption.
InfoBackground
Background color for tooltip controls.
InfoText
Text color for tooltip controls.
Menu
Menu background.
MenuText
Text in menus.
Scrollbar
Scroll bar gray area.
ThreeDDarkShadow
The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
ThreeDFace
The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
ThreeDHighlight
The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
ThreeDLightShadow
The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
ThreeDShadow
The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
Window
Window background.
WindowFrame
Window frame.
WindowText
Text in windows.