Color equivalents table
The 147 color keywords defined in SVG plus one more, as defined in the CSS Color Module Level 4, along with their various numeric equivalents. The Keyword, Decimal RGB, and HSL columns are sortable; click on the column header to sort by that column (or reverse the sort if it’s already sorted).
| Keyword | Decimal RGB | Percentage RGB | HSL | Hex | Short |
|---|---|---|---|---|---|
| aliceblue | rgb(240,248,255) | rgb(94.1%,97.3%,100%) | hsl(208,100%,97.1%) | #F0F8FF | |
| antiquewhite | rgb(250,235,215) | rgb(98%,92.2%,84.3%) | hsl(34,77.8%,91.2%) | #FAEBD7 | |
| aqua | rgb(0,255,255) | rgb(0%,100%,100%) | hsl(180,100%,50%) | #00FFFF | #0FF |
| aquamarine | rgb(127,255,212) | rgb(49.8%,100%,83.1%) | hsl(160,100%,74.9%) | #7FFFD4 | |
| azure | rgb(240,255,255) | rgb(94.1%,100%,100%) | hsl(180,100%,97.1%) | #F0FFFF | |
| beige | rgb(245,245,220) | rgb(96.1%,96.1%,86.3%) | hsl(60,55.6%,91.2%) | #F5F5DC | |
| bisque | rgb(255,228,196) | rgb(100%,89.4%,76.9%) | hsl(33,100%,88.4%) | #FFE4C4 | |
| black | rgb(0,0,0) | rgb(0%,0%,0%) | hsl(0,0%,0%) | #000000 | #000 |
| blanchedalmond | rgb(255,235,205) | rgb(100%,92.2%,80.4%) | hsl(36,100%,90.2%) | #FFEBCD | |
| blue | rgb(0,0,255) | rgb(0%,0%,100%) | hsl(240,100%,50%) | #0000FF | #00F |
| blueviolet | rgb(138,43,226) | rgb(54.1%,16.9%,88.6%) | hsl(271,75.9%,52.7%) | #8A2BE2 | |
| brown | rgb(165,42,42) | rgb(64.7%,16.5%,16.5%) | hsl(0,59.4%,40.6%) | #A52A2A | |
| burlywood | rgb(222,184,135) | rgb(87.1%,72.2%,52.9%) | hsl(34,56.9%,70%) | #DEB887 | |
| cadetblue | rgb(95,158,160) | rgb(37.3%,62%,62.7%) | hsl(182,25.5%,50%) | #5F9EA0 | |
| chartreuse | rgb(127,255,0) | rgb(49.8%,100%,0%) | hsl(90,100%,50%) | #7FFF00 | |
| chocolate | rgb(210,105,30) | rgb(82.4%,41.2%,11.8%) | hsl(25,75%,47.1%) | #D2691E | |
| coral | rgb(255,127,80) | rgb(100%,49.8%,31.4%) | hsl(16,100%,65.7%) | #FF7F50 | |
| cornflowerblue | rgb(100,149,237) | rgb(39.2%,58.4%,92.9%) | hsl(219,79.2%,66.1%) | #6495ED | |
| cornsilk | rgb(255,248,220) | rgb(100%,97.3%,86.3%) | hsl(48,100%,93.1%) | #FFF8DC | |
| crimson | rgb(220,20,60) | rgb(86.3%,7.8%,23.5%) | hsl(348,83.3%,47.1%) | #DC143C | |
| cyan | rgb(0,255,255) | rgb(0%,100%,100%) | hsl(180,100%,50%) | #00FFFF | #0FF |
| darkblue | rgb(0,0,139) | rgb(0%,0%,54.5%) | hsl(240,100%,27.3%) | #00008B | |
| darkcyan | rgb(0,139,139) | rgb(0%,54.5%,54.5%) | hsl(180,100%,27.3%) | #008B8B | |
| darkgoldenrod | rgb(184,134,11) | rgb(72.2%,52.5%,4.3%) | hsl(43,88.7%,38.2%) | #B8860B | |
| darkgray | rgb(169,169,169) | rgb(66.3%,66.3%,66.3%) | hsl(0,0%,66.3%) | #A9A9A9 | |
| darkgreen | rgb(0,100,0) | rgb(0%,39.2%,0%) | hsl(120,100%,19.6%) | #006400 | |
| darkgrey | rgb(169,169,169) | rgb(66.3%,66.3%,66.3%) | hsl(0,0%,66.3%) | #A9A9A9 | |
| darkkhaki | rgb(189,183,107) | rgb(74.1%,71.8%,42%) | hsl(56,38.3%,58%) | #BDB76B | |
| darkmagenta | rgb(139,0,139) | rgb(54.5%,0%,54.5%) | hsl(300,100%,27.3%) | #8B008B | |
| darkolivegreen | rgb(85,107,47) | rgb(33.3%,42%,18.4%) | hsl(82,39%,30.2%) | #556B2F | |
| darkorange | rgb(255,140,0) | rgb(100%,54.9%,0%) | hsl(33,100%,50%) | #FF8C00 | |
| darkorchid | rgb(153,50,204) | rgb(60%,19.6%,80%) | hsl(280,60.6%,49.8%) | #9932CC | |
| darkred | rgb(139,0,0) | rgb(54.5%,0%,0%) | hsl(0,100%,27.3%) | #8B0000 | |
| darksalmon | rgb(233,150,122) | rgb(91.4%,58.8%,47.8%) | hsl(15,71.6%,69.6%) | #E9967A | |
| darkseagreen | rgb(143,188,143) | rgb(56.1%,73.7%,56.1%) | hsl(120,25.1%,64.9%) | #8FBC8F | |
| darkslateblue | rgb(72,61,139) | rgb(28.2%,23.9%,54.5%) | hsl(248,39%,39.2%) | #483D8B | |
| darkslategray | rgb(47,79,79) | rgb(18.4%,31%,31%) | hsl(180,25.4%,24.7%) | #2F4F4F | |
| darkslategrey | rgb(47,79,79) | rgb(18.4%,31%,31%) | hsl(180,25.4%,24.7%) | #2F4F4F | |
| darkturquoise | rgb(0,206,209) | rgb(0%,80.8%,82%) | hsl(181,100%,41%) | #00CED1 | |
| darkviolet | rgb(148,0,211) | rgb(58%,0%,82.7%) | hsl(282,100%,41.4%) | #9400D3 | |
| deeppink | rgb(255,20,147) | rgb(100%,7.8%,57.6%) | hsl(328,100%,53.9%) | #FF1493 | |
| deepskyblue | rgb(0,191,255) | rgb(0%,74.9%,100%) | hsl(195,100%,50%) | #00BFFF | |
| dimgray | rgb(105,105,105) | rgb(41.2%,41.2%,41.2%) | hsl(0,0%,41.2%) | #696969 | |
| dimgrey | rgb(105,105,105) | rgb(41.2%,41.2%,41.2%) | hsl(0,0%,41.2%) | #696969 | |
| dodgerblue | rgb(30,144,255) | rgb(11.8%,56.5%,100%) | hsl(210,100%,55.9%) | #1E90FF | |
| firebrick | rgb(178,34,34) | rgb(69.8%,13.3%,13.3%) | hsl(0,67.9%,41.6%) | #B22222 | |
| floralwhite | rgb(255,250,240) | rgb(100%,98%,94.1%) | hsl(40,100%,97.1%) | #FFFAF0 | |
| forestgreen | rgb(34,139,34) | rgb(13.3%,54.5%,13.3%) | hsl(120,60.7%,33.9%) | #228B22 | |
| fuchsia | rgb(255,0,255) | rgb(100%,0%,100%) | hsl(300,100%,50%) | #FF00FF | #F0F |
| gainsboro | rgb(220,220,220) | rgb(86.3%,86.3%,86.3%) | hsl(0,0%,86.3%) | #DCDCDC | |
| ghostwhite | rgb(248,248,255) | rgb(97.3%,97.3%,100%) | hsl(240,100%,98.6%) | #F8F8FF | |
| gold | rgb(255,215,0) | rgb(100%,84.3%,0%) | hsl(51,100%,50%) | #FFD700 | |
| goldenrod | rgb(218,165,32) | rgb(85.5%,64.7%,12.5%) | hsl(43,74.4%,49%) | #DAA520 | |
| gray | rgb(128,128,128) | rgb(50.2%,50.2%,50.2%) | hsl(0,0%,50.2%) | #808080 | |
| green | rgb(0,128,0) | rgb(0%,50.2%,0%) | hsl(120,100%,25.1%) | #008000 | |
| greenyellow | rgb(173,255,47) | rgb(67.8%,100%,18.4%) | hsl(84,100%,59.2%) | #ADFF2F | |
| grey | rgb(128,128,128) | rgb(50.2%,50.2%,50.2%) | hsl(0,0%,50.2%) | #808080 | |
| honeydew | rgb(240,255,240) | rgb(94.1%,100%,94.1%) | hsl(120,100%,97.1%) | #F0FFF0 | |
| hotpink | rgb(255,105,180) | rgb(100%,41.2%,70.6%) | hsl(330,100%,70.6%) | #FF69B4 | |
| indianred | rgb(205,92,92) | rgb(80.4%,36.1%,36.1%) | hsl(0,53.1%,58.2%) | #CD5C5C | |
| indigo | rgb(75,0,130) | rgb(29.4%,0%,51%) | hsl(275,100%,25.5%) | #4B0082 | |
| ivory | rgb(255,255,240) | rgb(100%,100%,94.1%) | hsl(60,100%,97.1%) | #FFFFF0 | |
| khaki | rgb(240,230,140) | rgb(94.1%,90.2%,54.9%) | hsl(54,76.9%,74.5%) | #F0E68C | |
| lavender | rgb(230,230,250) | rgb(90.2%,90.2%,98%) | hsl(240,66.7%,94.1%) | #E6E6FA | |
| lavenderblush | rgb(255,240,245) | rgb(100%,94.1%,96.1%) | hsl(340,100%,97.1%) | #FFF0F5 | |
| lawngreen | rgb(124,252,0) | rgb(48.6%,98.8%,0%) | hsl(90,100%,49.4%) | #7CFC00 | |
| lemonchiffon | rgb(255,250,205) | rgb(100%,98%,80.4%) | hsl(54,100%,90.2%) | #FFFACD | |
| lightblue | rgb(173,216,230) | rgb(67.8%,84.7%,90.2%) | hsl(195,53.3%,79%) | #ADD8E6 | |
| lightcoral | rgb(240,128,128) | rgb(94.1%,50.2%,50.2%) | hsl(0,78.9%,72.2%) | #F08080 | |
| lightcyan | rgb(224,255,255) | rgb(87.8%,100%,100%) | hsl(180,100%,93.9%) | #E0FFFF | |
| lightgoldenrodyellow | rgb(250,250,210) | rgb(98%,98%,82.4%) | hsl(60,80%,90.2%) | #FAFAD2 | |
| lightgray | rgb(211,211,211) | rgb(82.7%,82.7%,82.7%) | hsl(0,0%,82.7%) | #D3D3D3 | |
| lightgreen | rgb(144,238,144) | rgb(56.5%,93.3%,56.5%) | hsl(120,73.4%,74.9%) | #90EE90 | |
| lightgrey | rgb(211,211,211) | rgb(82.7%,82.7%,82.7%) | hsl(0,0%,82.7%) | #D3D3D3 | |
| lightpink | rgb(255,182,193) | rgb(100%,71.4%,75.7%) | hsl(351,100%,85.7%) | #FFB6C1 | |
| lightsalmon | rgb(255,160,122) | rgb(100%,62.7%,47.8%) | hsl(17,100%,73.9%) | #FFA07A | |
| lightseagreen | rgb(32,178,170) | rgb(12.5%,69.8%,66.7%) | hsl(177,69.5%,41.2%) | #20B2AA | |
| lightskyblue | rgb(135,206,250) | rgb(52.9%,80.8%,98%) | hsl(203,92%,75.5%) | #87CEFA | |
| lightslategray | rgb(119,136,153) | rgb(46.7%,53.3%,60%) | hsl(210,14.3%,53.3%) | #778899 | #789 |
| lightslategrey | rgb(119,136,153) | rgb(46.7%,53.3%,60%) | hsl(210,14.3%,53.3%) | #778899 | #789 |
| lightsteelblue | rgb(176,196,222) | rgb(69%,76.9%,87.1%) | hsl(214,41.1%,78%) | #B0C4DE | |
| lightyellow | rgb(255,255,224) | rgb(100%,100%,87.8%) | hsl(60,100%,93.9%) | #FFFFE0 | |
| lime | rgb(0,255,0) | rgb(0%,100%,0%) | hsl(120,100%,50%) | #00FF00 | #0F0 |
| limegreen | rgb(50,205,50) | rgb(19.6%,80.4%,19.6%) | hsl(120,60.8%,50%) | #32CD32 | |
| linen | rgb(250,240,230) | rgb(98%,94.1%,90.2%) | hsl(30,66.7%,94.1%) | #FAF0E6 | |
| magenta | rgb(255,0,255) | rgb(100%,0%,100%) | hsl(300,100%,50%) | #FF00FF | #F0F |
| maroon | rgb(128,0,0) | rgb(50.2%,0%,0%) | hsl(0,100%,25.1%) | #800000 | |
| mediumaquamarine | rgb(102,205,170) | rgb(40%,80.4%,66.7%) | hsl(160,50.7%,60.2%) | #66CDAA | |
| mediumblue | rgb(0,0,205) | rgb(0%,0%,80.4%) | hsl(240,100%,40.2%) | #0000CD | |
| mediumorchid | rgb(186,85,211) | rgb(72.9%,33.3%,82.7%) | hsl(288,58.9%,58%) | #BA55D3 | |
| mediumpurple | rgb(147,112,219) | rgb(57.6%,43.9%,85.9%) | hsl(260,59.8%,64.9%) | #9370DB | |
| mediumseagreen | rgb(60,179,113) | rgb(23.5%,70.2%,44.3%) | hsl(147,49.8%,46.9%) | #3CB371 | |
| mediumslateblue | rgb(123,104,238) | rgb(48.2%,40.8%,93.3%) | hsl(249,79.8%,67.1%) | #7B68EE | |
| mediumspringgreen | rgb(0,250,154) | rgb(0%,98%,60.4%) | hsl(157,100%,49%) | #00FA9A | |
| mediumturquoise | rgb(72,209,204) | rgb(28.2%,82%,80%) | hsl(178,59.8%,55.1%) | #48D1CC | |
| mediumvioletred | rgb(199,21,133) | rgb(78%,8.2%,52.2%) | hsl(322,80.9%,43.1%) | #C71585 | |
| midnightblue | rgb(25,25,112) | rgb(9.8%,9.8%,43.9%) | hsl(240,63.5%,26.9%) | #191970 | |
| mintcream | rgb(245,255,250) | rgb(96.1%,100%,98%) | hsl(150,100%,98%) | #F5FFFA | |
| mistyrose | rgb(255,228,225) | rgb(100%,89.4%,88.2%) | hsl(6,100%,94.1%) | #FFE4E1 | |
| moccasin | rgb(255,228,181) | rgb(100%,89.4%,71%) | hsl(38,100%,85.5%) | #FFE4B5 | |
| navajowhite | rgb(255,222,173) | rgb(100%,87.1%,67.8%) | hsl(36,100%,83.9%) | #FFDEAD | |
| navy | rgb(0,0,128) | rgb(0%,0%,50.2%) | hsl(240,100%,25.1%) | #000080 | |
| oldlace | rgb(253,245,230) | rgb(99.2%,96.1%,90.2%) | hsl(39,85.2%,94.7%) | #FDF5E6 | |
| olive | rgb(128,128,0) | rgb(50.2%,50.2%,0%) | hsl(60,100%,25.1%) | #808000 | |
| olivedrab | rgb(107,142,35) | rgb(42%,55.7%,13.7%) | hsl(80,60.5%,34.7%) | #6B8E23 | |
| orange | rgb(255,165,0) | rgb(100%,64.7%,0%) | hsl(39,100%,50%) | #FFA500 | |
| orangered | rgb(255,69,0) | rgb(100%,27.1%,0%) | hsl(16,100%,50%) | #FF4500 | |
| orchid | rgb(218,112,214) | rgb(85.5%,43.9%,83.9%) | hsl(302,58.9%,64.7%) | #DA70D6 | |
| palegoldenrod | rgb(238,232,170) | rgb(93.3%,91%,66.7%) | hsl(55,66.7%,80%) | #EEE8AA | |
| palegreen | rgb(152,251,152) | rgb(59.6%,98.4%,59.6%) | hsl(120,92.5%,79%) | #98FB98 | |
| paleturquoise | rgb(175,238,238) | rgb(68.6%,93.3%,93.3%) | hsl(180,64.9%,81%) | #AFEEEE | |
| palevioletred | rgb(219,112,147) | rgb(85.9%,43.9%,57.6%) | hsl(340,59.8%,64.9%) | #DB7093 | |
| papayawhip | rgb(255,239,213) | rgb(100%,93.7%,83.5%) | hsl(37,100%,91.8%) | #FFEFD5 | |
| peachpuff | rgb(255,218,185) | rgb(100%,85.5%,72.5%) | hsl(28,100%,86.3%) | #FFDAB9 | |
| peru | rgb(205,133,63) | rgb(80.4%,52.2%,24.7%) | hsl(30,58.7%,52.5%) | #CD853F | |
| pink | rgb(255,192,203) | rgb(100%,75.3%,79.6%) | hsl(350,100%,87.6%) | #FFC0CB | |
| plum | rgb(221,160,221) | rgb(86.7%,62.7%,86.7%) | hsl(300,47.3%,74.7%) | #DDA0DD | |
| powderblue | rgb(176,224,230) | rgb(69%,87.8%,90.2%) | hsl(187,51.9%,79.6%) | #B0E0E6 | |
| purple | rgb(128,0,128) | rgb(50.2%,0%,50.2%) | hsl(300,100%,25.1%) | #800080 | |
| rebeccapurple | rgb(102,51,153) | rgb(40%,20%,60%) | hsl(270,50%,40%) | #663399 | #639 |
| red | rgb(255,0,0) | rgb(100%,0%,0%) | hsl(0,100%,50%) | #FF0000 | #F00 |
| rosybrown | rgb(188,143,143) | rgb(73.7%,56.1%,56.1%) | hsl(0,25.1%,64.9%) | #BC8F8F | |
| royalblue | rgb(65,105,225) | rgb(25.5%,41.2%,88.2%) | hsl(225,72.7%,56.9%) | #4169E1 | |
| saddlebrown | rgb(139,69,19) | rgb(54.5%,27.1%,7.5%) | hsl(25,75.9%,31%) | #8B4513 | |
| salmon | rgb(250,128,114) | rgb(98%,50.2%,44.7%) | hsl(6,93.2%,71.4%) | #FA8072 | |
| sandybrown | rgb(244,164,96) | rgb(95.7%,64.3%,37.6%) | hsl(28,87.1%,66.7%) | #F4A460 | |
| seagreen | rgb(46,139,87) | rgb(18%,54.5%,34.1%) | hsl(146,50.3%,36.3%) | #2E8B57 | |
| seashell | rgb(255,245,238) | rgb(100%,96.1%,93.3%) | hsl(25,100%,96.7%) | #FFF5EE | |
| sienna | rgb(160,82,45) | rgb(62.7%,32.2%,17.6%) | hsl(19,56.1%,40.2%) | #A0522D | |
| silver | rgb(192,192,192) | rgb(75.3%,75.3%,75.3%) | hsl(0,0%,75.3%) | #C0C0C0 | |
| skyblue | rgb(135,206,235) | rgb(52.9%,80.8%,92.2%) | hsl(197,71.4%,72.5%) | #87CEEB | |
| slateblue | rgb(106,90,205) | rgb(41.6%,35.3%,80.4%) | hsl(248,53.5%,57.8%) | #6A5ACD | |
| slategray | rgb(112,128,144) | rgb(43.9%,50.2%,56.5%) | hsl(210,12.6%,50.2%) | #708090 | |
| slategrey | rgb(112,128,144) | rgb(43.9%,50.2%,56.5%) | hsl(210,12.6%,50.2%) | #708090 | |
| snow | rgb(255,250,250) | rgb(100%,98%,98%) | hsl(0,100%,99%) | #FFFAFA | |
| springgreen | rgb(0,255,127) | rgb(0%,100%,49.8%) | hsl(150,100%,50%) | #00FF7F | |
| steelblue | rgb(70,130,180) | rgb(27.5%,51%,70.6%) | hsl(207,44%,49%) | #4682B4 | |
| tan | rgb(210,180,140) | rgb(82.4%,70.6%,54.9%) | hsl(34,43.8%,68.6%) | #D2B48C | |
| teal | rgb(0,128,128) | rgb(0%,50.2%,50.2%) | hsl(180,100%,25.1%) | #008080 | |
| thistle | rgb(216,191,216) | rgb(84.7%,74.9%,84.7%) | hsl(300,24.3%,79.8%) | #D8BFD8 | |
| tomato | rgb(255,99,71) | rgb(100%,38.8%,27.8%) | hsl(9,100%,63.9%) | #FF6347 | |
| turquoise | rgb(64,224,208) | rgb(25.1%,87.8%,81.6%) | hsl(174,72.1%,56.5%) | #40E0D0 | |
| violet | rgb(238,130,238) | rgb(93.3%,51%,93.3%) | hsl(300,76.1%,72.2%) | #EE82EE | |
| wheat | rgb(245,222,179) | rgb(96.1%,87.1%,70.2%) | hsl(39,76.7%,83.1%) | #F5DEB3 | |
| white | rgb(255,255,255) | rgb(100%,100%,100%) | hsl(0,0%,100%) | #FFFFFF | #FFF |
| whitesmoke | rgb(245,245,245) | rgb(96.1%,96.1%,96.1%) | hsl(0,0%,96.1%) | #F5F5F5 | |
| yellow | rgb(255,255,0) | rgb(100%,100%,0%) | hsl(60,100%,50%) | #FFFF00 | #FF0 |
| yellowgreen | rgb(154,205,50) | rgb(60.4%,80.4%,19.6%) | hsl(80,60.8%,50%) | #9ACD32 |