Color codes for common color names
The hex code and RGB value for the colors people look up most. Each name is a CSS keyword, so color: teal; and color: #008080; are identical.
| Color | CSS keyword | HEX | RGB | HSL | Note |
|---|---|---|---|---|---|
| red color | red | #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | |
| orange color | orange | #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) | |
| yellow color | yellow | #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) | |
| gold color | gold | #FFD700 | rgb(255, 215, 0) | hsl(51, 100%, 50%) | |
| green color | green | #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) | CSS green is a dark green; lime is pure #00FF00. |
| teal color | teal | #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) | |
| turquoise color | turquoise | #40E0D0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) | |
| cyan color | cyan | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) | Same value as aqua. |
| blue color | blue | #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) | |
| purple color | purple | #800080 | rgb(128, 0, 128) | hsl(300, 100%, 25%) | |
| lavender color | lavender | #E6E6FA | rgb(230, 230, 250) | hsl(240, 67%, 94%) | |
| magenta color | magenta | #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) | Same value as fuchsia. |
| pink color | pink | #FFC0CB | rgb(255, 192, 203) | hsl(350, 100%, 88%) | |
| maroon color | maroon | #800000 | rgb(128, 0, 0) | hsl(0, 100%, 25%) | |
| brown color | brown | #A52A2A | rgb(165, 42, 42) | hsl(0, 59%, 41%) | |
| tan color | tan | #D2B48C | rgb(210, 180, 140) | hsl(34, 44%, 69%) | |
| beige color | beige | #F5F5DC | rgb(245, 245, 220) | hsl(60, 56%, 91%) | |
| ivory color | ivory | #FFFFF0 | rgb(255, 255, 240) | hsl(60, 100%, 97%) | |
| peach color | peachpuff | #FFDAB9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) | CSS has no "peach" keyword; peachpuff is the closest named color. |
| white color | white | #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) | |
| silver color | silver | #C0C0C0 | rgb(192, 192, 192) | hsl(0, 0%, 75%) | |
| gray color | gray | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | grey is an accepted spelling with the same value. |
| black color | black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
All CSS named colors
CSS defines 148 named color keywords, listed alphabetically. They describe 139 distinct colors, because nine colors have two names each: aqua and cyan, fuchsia and magenta, and the gray/grey spellings of gray, darkgray, darkslategray, dimgray, lightgray, lightslategray and slategray. Sixteen of the names come from the original HTML VGA palette; most of the rest come from the X11 color list.
Names are case-insensitive. The keywords transparent and currentcolor are also valid CSS colors but are not fixed RGB values, so they are not in the table.
| Name | HEX | RGB | HSL |
|---|---|---|---|
| aliceblue | #F0F8FF | rgb(240, 248, 255) | hsl(208, 100%, 97%) |
| antiquewhite | #FAEBD7 | rgb(250, 235, 215) | hsl(34, 78%, 91%) |
| aqua | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| aquamarine | #7FFFD4 | rgb(127, 255, 212) | hsl(160, 100%, 75%) |
| azure | #F0FFFF | rgb(240, 255, 255) | hsl(180, 100%, 97%) |
| beige | #F5F5DC | rgb(245, 245, 220) | hsl(60, 56%, 91%) |
| bisque | #FFE4C4 | rgb(255, 228, 196) | hsl(33, 100%, 88%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
| blanchedalmond | #FFEBCD | rgb(255, 235, 205) | hsl(36, 100%, 90%) |
| blue | #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| blueviolet | #8A2BE2 | rgb(138, 43, 226) | hsl(271, 76%, 53%) |
| brown | #A52A2A | rgb(165, 42, 42) | hsl(0, 59%, 41%) |
| burlywood | #DEB887 | rgb(222, 184, 135) | hsl(34, 57%, 70%) |
| cadetblue | #5F9EA0 | rgb(95, 158, 160) | hsl(182, 25%, 50%) |
| chartreuse | #7FFF00 | rgb(127, 255, 0) | hsl(90, 100%, 50%) |
| chocolate | #D2691E | rgb(210, 105, 30) | hsl(25, 75%, 47%) |
| coral | #FF7F50 | rgb(255, 127, 80) | hsl(16, 100%, 66%) |
| cornflowerblue | #6495ED | rgb(100, 149, 237) | hsl(219, 79%, 66%) |
| cornsilk | #FFF8DC | rgb(255, 248, 220) | hsl(48, 100%, 93%) |
| crimson | #DC143C | rgb(220, 20, 60) | hsl(348, 83%, 47%) |
| cyan | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| darkblue | #00008B | rgb(0, 0, 139) | hsl(240, 100%, 27%) |
| darkcyan | #008B8B | rgb(0, 139, 139) | hsl(180, 100%, 27%) |
| darkgoldenrod | #B8860B | rgb(184, 134, 11) | hsl(43, 89%, 38%) |
| darkgray | #A9A9A9 | rgb(169, 169, 169) | hsl(0, 0%, 66%) |
| darkgreen | #006400 | rgb(0, 100, 0) | hsl(120, 100%, 20%) |
| darkgrey | #A9A9A9 | rgb(169, 169, 169) | hsl(0, 0%, 66%) |
| darkkhaki | #BDB76B | rgb(189, 183, 107) | hsl(56, 38%, 58%) |
| darkmagenta | #8B008B | rgb(139, 0, 139) | hsl(300, 100%, 27%) |
| darkolivegreen | #556B2F | rgb(85, 107, 47) | hsl(82, 39%, 30%) |
| darkorange | #FF8C00 | rgb(255, 140, 0) | hsl(33, 100%, 50%) |
| darkorchid | #9932CC | rgb(153, 50, 204) | hsl(280, 61%, 50%) |
| darkred | #8B0000 | rgb(139, 0, 0) | hsl(0, 100%, 27%) |
| darksalmon | #E9967A | rgb(233, 150, 122) | hsl(15, 72%, 70%) |
| darkseagreen | #8FBC8F | rgb(143, 188, 143) | hsl(120, 25%, 65%) |
| darkslateblue | #483D8B | rgb(72, 61, 139) | hsl(248, 39%, 39%) |
| darkslategray | #2F4F4F | rgb(47, 79, 79) | hsl(180, 25%, 25%) |
| darkslategrey | #2F4F4F | rgb(47, 79, 79) | hsl(180, 25%, 25%) |
| darkturquoise | #00CED1 | rgb(0, 206, 209) | hsl(181, 100%, 41%) |
| darkviolet | #9400D3 | rgb(148, 0, 211) | hsl(282, 100%, 41%) |
| deeppink | #FF1493 | rgb(255, 20, 147) | hsl(328, 100%, 54%) |
| deepskyblue | #00BFFF | rgb(0, 191, 255) | hsl(195, 100%, 50%) |
| dimgray | #696969 | rgb(105, 105, 105) | hsl(0, 0%, 41%) |
| dimgrey | #696969 | rgb(105, 105, 105) | hsl(0, 0%, 41%) |
| dodgerblue | #1E90FF | rgb(30, 144, 255) | hsl(210, 100%, 56%) |
| firebrick | #B22222 | rgb(178, 34, 34) | hsl(0, 68%, 42%) |
| floralwhite | #FFFAF0 | rgb(255, 250, 240) | hsl(40, 100%, 97%) |
| forestgreen | #228B22 | rgb(34, 139, 34) | hsl(120, 61%, 34%) |
| fuchsia | #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| gainsboro | #DCDCDC | rgb(220, 220, 220) | hsl(0, 0%, 86%) |
| ghostwhite | #F8F8FF | rgb(248, 248, 255) | hsl(240, 100%, 99%) |
| gold | #FFD700 | rgb(255, 215, 0) | hsl(51, 100%, 50%) |
| goldenrod | #DAA520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) |
| gray | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
| green | #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) |
| greenyellow | #ADFF2F | rgb(173, 255, 47) | hsl(84, 100%, 59%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
| honeydew | #F0FFF0 | rgb(240, 255, 240) | hsl(120, 100%, 97%) |
| hotpink | #FF69B4 | rgb(255, 105, 180) | hsl(330, 100%, 71%) |
| indianred | #CD5C5C | rgb(205, 92, 92) | hsl(0, 53%, 58%) |
| indigo | #4B0082 | rgb(75, 0, 130) | hsl(275, 100%, 25%) |
| ivory | #FFFFF0 | rgb(255, 255, 240) | hsl(60, 100%, 97%) |
| khaki | #F0E68C | rgb(240, 230, 140) | hsl(54, 77%, 75%) |
| lavender | #E6E6FA | rgb(230, 230, 250) | hsl(240, 67%, 94%) |
| lavenderblush | #FFF0F5 | rgb(255, 240, 245) | hsl(340, 100%, 97%) |
| lawngreen | #7CFC00 | rgb(124, 252, 0) | hsl(90, 100%, 49%) |
| lemonchiffon | #FFFACD | rgb(255, 250, 205) | hsl(54, 100%, 90%) |
| lightblue | #ADD8E6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) |
| lightcoral | #F08080 | rgb(240, 128, 128) | hsl(0, 79%, 72%) |
| lightcyan | #E0FFFF | rgb(224, 255, 255) | hsl(180, 100%, 94%) |
| lightgoldenrodyellow | #FAFAD2 | rgb(250, 250, 210) | hsl(60, 80%, 90%) |
| lightgray | #D3D3D3 | rgb(211, 211, 211) | hsl(0, 0%, 83%) |
| lightgreen | #90EE90 | rgb(144, 238, 144) | hsl(120, 73%, 75%) |
| lightgrey | #D3D3D3 | rgb(211, 211, 211) | hsl(0, 0%, 83%) |
| lightpink | #FFB6C1 | rgb(255, 182, 193) | hsl(351, 100%, 86%) |
| lightsalmon | #FFA07A | rgb(255, 160, 122) | hsl(17, 100%, 74%) |
| lightseagreen | #20B2AA | rgb(32, 178, 170) | hsl(177, 70%, 41%) |
| lightskyblue | #87CEFA | rgb(135, 206, 250) | hsl(203, 92%, 75%) |
| lightslategray | #778899 | rgb(119, 136, 153) | hsl(210, 14%, 53%) |
| lightslategrey | #778899 | rgb(119, 136, 153) | hsl(210, 14%, 53%) |
| lightsteelblue | #B0C4DE | rgb(176, 196, 222) | hsl(214, 41%, 78%) |
| lightyellow | #FFFFE0 | rgb(255, 255, 224) | hsl(60, 100%, 94%) |
| lime | #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| limegreen | #32CD32 | rgb(50, 205, 50) | hsl(120, 61%, 50%) |
| linen | #FAF0E6 | rgb(250, 240, 230) | hsl(30, 67%, 94%) |
| magenta | #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| maroon | #800000 | rgb(128, 0, 0) | hsl(0, 100%, 25%) |
| mediumaquamarine | #66CDAA | rgb(102, 205, 170) | hsl(160, 51%, 60%) |
| mediumblue | #0000CD | rgb(0, 0, 205) | hsl(240, 100%, 40%) |
| mediumorchid | #BA55D3 | rgb(186, 85, 211) | hsl(288, 59%, 58%) |
| mediumpurple | #9370DB | rgb(147, 112, 219) | hsl(260, 60%, 65%) |
| mediumseagreen | #3CB371 | rgb(60, 179, 113) | hsl(147, 50%, 47%) |
| mediumslateblue | #7B68EE | rgb(123, 104, 238) | hsl(249, 80%, 67%) |
| mediumspringgreen | #00FA9A | rgb(0, 250, 154) | hsl(157, 100%, 49%) |
| mediumturquoise | #48D1CC | rgb(72, 209, 204) | hsl(178, 60%, 55%) |
| mediumvioletred | #C71585 | rgb(199, 21, 133) | hsl(322, 81%, 43%) |
| midnightblue | #191970 | rgb(25, 25, 112) | hsl(240, 64%, 27%) |
| mintcream | #F5FFFA | rgb(245, 255, 250) | hsl(150, 100%, 98%) |
| mistyrose | #FFE4E1 | rgb(255, 228, 225) | hsl(6, 100%, 94%) |
| moccasin | #FFE4B5 | rgb(255, 228, 181) | hsl(38, 100%, 85%) |
| navajowhite | #FFDEAD | rgb(255, 222, 173) | hsl(36, 100%, 84%) |
| navy | #000080 | rgb(0, 0, 128) | hsl(240, 100%, 25%) |
| oldlace | #FDF5E6 | rgb(253, 245, 230) | hsl(39, 85%, 95%) |
| olive | #808000 | rgb(128, 128, 0) | hsl(60, 100%, 25%) |
| olivedrab | #6B8E23 | rgb(107, 142, 35) | hsl(80, 60%, 35%) |
| orange | #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) |
| orangered | #FF4500 | rgb(255, 69, 0) | hsl(16, 100%, 50%) |
| orchid | #DA70D6 | rgb(218, 112, 214) | hsl(302, 59%, 65%) |
| palegoldenrod | #EEE8AA | rgb(238, 232, 170) | hsl(55, 67%, 80%) |
| palegreen | #98FB98 | rgb(152, 251, 152) | hsl(120, 93%, 79%) |
| paleturquoise | #AFEEEE | rgb(175, 238, 238) | hsl(180, 65%, 81%) |
| palevioletred | #DB7093 | rgb(219, 112, 147) | hsl(340, 60%, 65%) |
| papayawhip | #FFEFD5 | rgb(255, 239, 213) | hsl(37, 100%, 92%) |
| peachpuff | #FFDAB9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) |
| peru | #CD853F | rgb(205, 133, 63) | hsl(30, 59%, 53%) |
| pink | #FFC0CB | rgb(255, 192, 203) | hsl(350, 100%, 88%) |
| plum | #DDA0DD | rgb(221, 160, 221) | hsl(300, 47%, 75%) |
| powderblue | #B0E0E6 | rgb(176, 224, 230) | hsl(187, 52%, 80%) |
| purple | #800080 | rgb(128, 0, 128) | hsl(300, 100%, 25%) |
| rebeccapurple | #663399 | rgb(102, 51, 153) | hsl(270, 50%, 40%) |
| red | #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| rosybrown | #BC8F8F | rgb(188, 143, 143) | hsl(0, 25%, 65%) |
| royalblue | #4169E1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) |
| saddlebrown | #8B4513 | rgb(139, 69, 19) | hsl(25, 76%, 31%) |
| salmon | #FA8072 | rgb(250, 128, 114) | hsl(6, 93%, 71%) |
| sandybrown | #F4A460 | rgb(244, 164, 96) | hsl(28, 87%, 67%) |
| seagreen | #2E8B57 | rgb(46, 139, 87) | hsl(146, 50%, 36%) |
| seashell | #FFF5EE | rgb(255, 245, 238) | hsl(25, 100%, 97%) |
| sienna | #A0522D | rgb(160, 82, 45) | hsl(19, 56%, 40%) |
| silver | #C0C0C0 | rgb(192, 192, 192) | hsl(0, 0%, 75%) |
| skyblue | #87CEEB | rgb(135, 206, 235) | hsl(197, 71%, 73%) |
| slateblue | #6A5ACD | rgb(106, 90, 205) | hsl(248, 53%, 58%) |
| slategray | #708090 | rgb(112, 128, 144) | hsl(210, 13%, 50%) |
| slategrey | #708090 | rgb(112, 128, 144) | hsl(210, 13%, 50%) |
| snow | #FFFAFA | rgb(255, 250, 250) | hsl(0, 100%, 99%) |
| springgreen | #00FF7F | rgb(0, 255, 127) | hsl(150, 100%, 50%) |
| steelblue | #4682B4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) |
| tan | #D2B48C | rgb(210, 180, 140) | hsl(34, 44%, 69%) |
| teal | #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) |
| thistle | #D8BFD8 | rgb(216, 191, 216) | hsl(300, 24%, 80%) |
| tomato | #FF6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) |
| turquoise | #40E0D0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) |
| violet | #EE82EE | rgb(238, 130, 238) | hsl(300, 76%, 72%) |
| wheat | #F5DEB3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) |
| white | #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| whitesmoke | #F5F5F5 | rgb(245, 245, 245) | hsl(0, 0%, 96%) |
| yellow | #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) |
| yellowgreen | #9ACD32 | rgb(154, 205, 50) | hsl(80, 61%, 50%) |
Reading color codes
A hex color #RRGGBB gives red, green and blue as two hex digits each, from 00 (none) to FF (255, full). rgb(r, g, b) writes the same three channels in decimal. HSL describes the same color as hue (0–360°), saturation and lightness percentages. All three formats name the same sRGB color.
Sources: W3C: CSS Color Module Level 4: The RGB hexadecimal notations