Skip to content

RGB color codes

A table summarizing the RGB color codes, which are useful but are hard to remember. Find out what color corresponds to a code, and vice versa.

Quickly find a RGB color code combination.

<br>

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

THE VALLEY OF CODE

THE WEB DEVELOPER's MANUAL

You might be interested in those things I do:

  • Learn to code in THE VALLEY OF CODE, your your web development manual
  • Find a ton of Web Development projects to learn modern tech stacks in practice in THE VALLEY OF CODE PRO
  • I wrote 16 books for beginner software developers, DOWNLOAD THEM NOW
  • Every year I organize a hands-on cohort course coding BOOTCAMP to teach you how to build a complex, modern Web Application in practice (next edition February-March-April-May 2024)
  • Learn how to start a solopreneur business on the Internet with SOLO LAB (next edition in 2024)
  • Find me on X

Related posts that talk about :