HTML Color Codes and Names – Complete List
HTML color codes are hexadecimal triplets representing the colors RED (R), GREEN (G), and Blue (B) (#RRGGBB). For example, in the color red, the color code is #FF0000, which is ‘255’ red, ‘0’ green, and ‘0’ blue. There are 16,777,216 possible HTML color codes, and all are visible on a 24-bit display.
These color codes can change the color of the text, background, and tables on a web page. They can also reference exact colors in photo editing programs like Canva, Adobe Photoshop, etc.
Color Numbers
Color numbers are specified using hexadecimal (base 16) values. The hexadecimal digits are: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F (where A through F equal the base 10 numbers: 10, 11, 12, 13, 14, 15).
The six-digit color number is broken into three groups of two digits which specify the amount of Red, Green, and Blue in the color (using additive color, the way colored lights mix, not the way color pigments mix).
Each two-digit hex pair can have a value from 00 to FF (FF=256 in base 10). This gives over 16 million possible colors (16,777,216 to be exact). For example:
#0000FF means no Red or Green, and FF worth of Blue. The result is BLUE.
#FFFFFF means full FF amounts of Red, Green, and Blue. The result is WHITE.
#000000 means no Red, Green, or Blue. The result is BLACK.
Note: It is OK to use either uppercase or lowercase letters for the base-16 digits A, B, C, D, E, F. Also, put in the # symbol when specifying color numbers. Older versions of HTML didn’t care if you left it out, but some web browsers are stricter about this, and if you forget the # sign the browser may not display the color you requested.
Web Safe Colors
Nowadays, computers/monitors can display thousands or millions of colors, so the concept of “Web safe colors” is no longer important. But years ago, computers were limited to displaying “8-bit color” and could only show 256 possible colors. Even worse, different computer systems (PC, Mac, UNIX workstations) don’t even use the same 256 colors in their “color palettes,” so you couldn’t be sure what your color will be shifted to.
To avoid problems for older machines and different system color palettes, early Web designers usually limited their color choices to the 216 “web safe colors” which would display more or less the same on all systems. The web-safe colors use only the hex values 00, 33, 66, 99, CC, and FF when making color combinations. Of the examples shown earlier,
#FFEFD5 (PAPAYAWHIP) and #556B2F (DARKOLIVEGREEN) are not web-safe colors. They would get shifted to #FFFFCC (NOT PAPAYAWHIP) and #666633 (NOT DARKOLIVEGREEN) on older systems.
Major Hexadecimal Color Codes Chart
Below are some of the common color names and codes. With these colors, you can also use the color name. For example, in HTML tags and CSS that use color codes, you could use “black” instead of “#000000“.
Color Name | Color Code | Color Name | Color Code |
---|---|---|---|
Red | #FF0000 | White | #FFFFFF |
Cyan | #00FFFF | Silver | #C0C0C0 |
Blue | #0000FF | Gray or Grey | #808080 |
DarkBlue | #00008B | Black | #000000 |
LightBlue | #ADD8E6 | Orange | #FFA500 |
Purple | #800080 | Brown | #A52A2A |
Yellow | #FFFF00 | Maroon | #800000 |
Lime | #00FF00 | Green | #008000 |
Magenta | #FF00FF | Olive | #808000 |
Pink | #FFC0CB | Aquamarine | #7FFD4 |
List of Common HTML Color Codes Chart
In this table, you’ll find all colors that have an HTML name and a code.
NAME | HEX CODE | RGB CODE |
---|---|---|
White | #FFFFFF | rgb(255, 255, 255) |
Silver | #C0C0C0 | rgb(192, 192, 192) |
Gray | #808080 | rgb(128, 128, 128) |
Black | #000000 | rgb(0, 0, 0) |
Red | #FF0000 | rgb(255, 0, 0) |
Maroon | #800000 | rgb(128, 0, 0) |
Yellow | #FFFF00 | rgb(255, 255, 0) |
Olive | #808000 | rgb(128, 128, 0) |
Lime | #00FF00 | rgb(0, 255, 0) |
Green | #008000 | rgb(0, 128, 0) |
Aqua | #00FFFF | rgb(0, 255, 255) |
Teal | #008080 | rgb(0, 128, 128) |
Blue | #0000FF | rgb(0, 0, 255) |
Navy | #000080 | rgb(0, 0, 128) |
Fuchsia | #FF00FF | rgb(255, 0, 255) |
Purple | #800080 | rgb(128, 0, 128) |
HTML Color Code Chart
In this table, you’ll find all colors that have an HTML name and a code.
Blacks – Grays – Blues – Greens – Yellows – Browns – Orange – Reds – Pinks – Purples
Red Color Codes Chart
RGB red colors. Red color codes. Red Hex/RGB color code = #FF0000 = 255*65536+0*256+0 = (255,0,0) RED=255, GREEN=0, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Light Salmon | #FFA07A | rgb(255,160,122) | |
Salmon | #FA8072 | rgb(250,128,114) | |
Dark Salmon | #E9967A | rgb(233,150,122) | |
Lightcoral | #F08080 | rgb(240,128,128) | |
Indian Red | #CD5C5C | rgb(205,92,92) | |
Crimson | #DC143C | rgb(220,20,60) | |
Firebrick | #B22222 | rgb(178,34,34) | |
Red | #FF0000 | rgb(255,0,0) | |
Dark Red | #8B0000 | rgb(139,0,0) |
Orange Color Codes Chart
Orange RGB color code = #FFA500= 255*65536+165*256+0 = (255, 165, 0) RED=255, GREEN=165, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Coral | #FF7F50 | rgb(255,127,80) | |
Tomato | #FF6347 | rgb(255,99,71) | |
Orangered | #FF4500 | rgb(255,69,0) | |
Gold | #FFD700 | rgb(255,215,0) | |
Orange | #FFA500 | rgb(255,165,0) | |
Darkorange | #FF8C00 | rgb(255,140,0) |
Yellow Color Codes Chart
Yellow color is generated by adding red and green colors. Yellow RGB code = 255*65536+255*256+0 = #FFFF00 RED=255, GREEN=255, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Light Yellow | #FFFFE0 | rgb(255,255,224) | |
Lemon Chiffon | #FFFACD | rgb(255,250,205) | |
Lightgoldenrodyellow | #FAFAD2 | rgb(250,250,210) | |
Papaya Whip | #FFEFD5 | rgb(255,239,213) | |
Moccasin | #FFE4B5 | rgb(255,228,181) | |
Peach Puff | #FFDAB9 | rgb(255,218,185) | |
Palegoldenrod | #EEE8AA | rgb(238,232,170) | |
Khaki | #F0E68C | rgb(240,230,140) | |
Dark Khaki | #BDB76B | rgb(189,183,107) | |
Yellow | #FFFF00 | rgb(255,255,0) |
Green Color Codes Chart
Hex / RGB green color codes. Green Hex/RGB color code = #00FF00 = 0*65536+255*256+0 = (0,255,0) RED=0, GREEN=255, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Lawngreen | #7CFC00 | rgb(124,252,0) | |
Chartreuse | #7FFF00 | rgb(127,255,0) | |
Limegreen | #32CD32 | rgb(50,205,50) | |
Lime | #00FF00 | rgb(0.255.0) | |
Forestgreen | #228B22 | rgb(34,139,34) | |
Green | #008000 | rgb(0,128,0) | |
Darkgreen | #006400 | rgb(0,100,0) | |
Greenyellow | #ADFF2F | rgb(173,255,47) | |
Yellowgreen | #9ACD32 | rgb(154,205,50) | |
Springgreen | #00FF7F | rgb(0,255,127) | |
Mediumspringgreen | #00FA9A | rgb(0,250,154) | |
Lightgreen | #90EE90 | rgb(144,238,144) | |
Palegreen | #98FB98 | rgb(152,251,152) | |
Darkseagreen | #8FBC8F | rgb(143,188,143) | |
Mediumseagreen | #3CB371 | rgb(60,179,113) | |
Seagreen | #2E8B57 | rgb(46,139,87) | |
Olive | #808000 | rgb(128,128,0) | |
Darkolivegreen | #556B2F | rgb(85,107,47) | |
Olivedrab | #6B8E23 | rgb(107,142,35) |
Cyan Color Codes Chart
HTML cyan color codes. RGB cyan colors. Cyan Hex/RGB color code = #00FFFF = 065536+255256+255 = (0,255,255) RED=0, GREEN=255, BLUE=255
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Lightcyan | #E0FFFF | rgb(224,255,255) | |
Cyan | #00FFFF | rgb(0,255,255) | |
Qqua | #00FFFF | rgb(0,255,255) | |
Aquamarine | #7FFFD4 | rgb(127,255,212) | |
Mediumaquamarine | #66CDAA | rgb(102,205,170) | |
Paleturquoise | #AFEEEE | rgb(175,238,238) | |
Turquoise | #40E0D0 | rgb(64,224,208) | |
Mediumturquoise | #48D1CC | rgb(72,209,204) | |
Darkturquoise | #00CED1 | rgb(0,206,209) | |
Lightseagreen | #20B2AA | rgb(32,178,170) | |
Cadetblue | #5F9EA0 | rgb(95,158,160) | |
Darkcyan | #008B8B | rgb(0,139,139) | |
Teal | #008080 | rgb(0,128,128) |
Purple Color Codes Chart
HTML purple color codes. RGB Purple colors. Purple Hex/RGB color code = #800080 = 128*65536+0*256+128 = (128,0,128) RED=128, GREEN=0, BLUE=128
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Lavender | #E6E6FA | rgb(230,230,250) | |
Thistle | #D8BFD8 | rgb(216,191,216) | |
Plum | #DDA0DD | rgb(221,160,221) | |
Violet | #EE82EE | rgb(238,130,238) | |
Orchid | #DA70D6 | rgb(218,112,214) | |
Fuchsia | #FF00FF | rgb(255,0,255) | |
Magenta | #FF00FF | rgb(255,0,255) | |
Mediumorchid | #BA55D3 | rgb(186,85,211) | |
Mediumpurple | #9370DB | rgb(147,112,219) | |
Blueviolet | #8A2BE2 | rgb(138,43,226) | |
Darkviolet | #9400D3 | rgb(148,0,211) | |
Darkorchid | #9932CC | rgb(153,50,204) | |
Darkmagenta | #8B008B | rgb(139,0,139) | |
Purple | #800080 | rgb(128,0,128) | |
Indigo | #4B0082 | rgb(75,0,130) |
Blue Color Codes Chart
Blue color codes. HTML RGB blue colors. Blue Hex/RGB color code = #0000FF = 0*65536+0*256+255 = rgb(0,0,255) RED=0, GREEN=0, BLUE=255
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Powderblue | #B0E0E6 | rgb(176,224,230) | |
Lightblue | #ADD8E6 | rgb(173,216,230) | |
Lightskyblue | #87CEFA | rgb(135,206,250) | |
Skyblue | #87CEEB | rgb(135,206,235) | |
Deepskyblue | #00BFFF | rgb(0,191,255) | |
Lightsteelblue | #B0C4DE | rgb(176,196,222) | |
Dodgerblue | #1E90FF | rgb(30,144,255) | |
Cornflowerblue | #6495ED | rgb(100,149,237) | |
Steelblue | #4682B4 | rgb(70,130,180) | |
Royalblue | #4169E1 | rgb(65,105,225) | |
Blue | #0000FF | rgb(0,0,255) | |
Mediumblue | #0000CD | rgb(0,0,205) | |
Darkblue | #00008B | rgb(0,0,139) | |
Navy | #000080 | rgb(0,0,128) | |
Midnightblue | #191970 | rgb(25,25,112) | |
Mediumslateblue | #7B68EE | rgb(123,104,238) | |
Slateblue | #6A5ACD | rgb(106,90,205) | |
Darkslateblue | #483D8B | rgb(72,61,139) |
White Color Codes Chart
White RGB color code = #FFFFFF= 255*65536+255*256+255 = (255,255,255) RED=255, GREEN=255, BLUE=255
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
White | #FFFFFF | rgb(255,255,255) | |
Snow | #FFFAFA | rgb(255,250,250) | |
Honeydew | #F0FFF0 | rgb(240,255,240) | |
Mintcream | #F5FFFA | rgb(245,255,250) | |
Azure | #F0FFFF | rgb(240,255,255) | |
Aliceblue | #F0F8FF | rgb(240,248,255) | |
Ghostwhite | #F8F8FF | rgb(248,248,255) | |
Whitesmoke | #F5F5F5 | rgb(245,245,245) | |
Seashell | #FFF5EE | rgb(255,245,238) | |
Beige | #F5F5DC | rgb(245,245,220) | |
Oldlace | #FDF5E6 | rgb(253,245,230) | |
Floralwhite | #FFFAF0 | rgb(255,250,240) | |
Ivory | #FFFFF0 | rgb(255,255,240) | |
Antiquewhite | #FAEBD7 | rgb(250,235,215) | |
Linen | #FAF0E6 | rgb(250,240,230) | |
Lavenderblush | #FFF0F5 | rgb(255,240,245) | |
Mistyrose | #FFE4E1 | rgb(255,228,225) |
Pink Color Codes Chart
Pink RGB color code = #FFC0CB= 255*65536+192*256+203 = (255,192,203) RED=255, GREEN=192, BLUE=203
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Pink | #FFC0CB | rgb(255,192,203) | |
Lightpink | #FFB6C1 | rgb(255,182,193) | |
Hotpink | #FF69B4 | rgb(255,105,180) | |
Deeppink | #FF1493 | rgb(255,20,147) | |
Palevioletred | #DB7093 | rgb(219,112,147) | |
Mediumvioletred | #C71585 | rgb(199,21,133) |
Brown Color Codes Chart
Brown RGB color codes. Brown RGB color code = #A52A2A= 165*65536+42*256+42 = (165,42,42) RED=165, GREEN=42, BLUE=42
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Cornsilk | #FFF8DC | rgb(255,248,220) | |
Blanchedalmond | #FFEBCD | rgb(255,235,205) | |
Bisque | #FFE4C4 | rgb(255,228,196) | |
Navajowhite | #FFDEAD | rgb(255,222,173) | |
Wheat | #F5DEB3 | rgb(245,222,179) | |
Burlywood | #DEB887 | rgb(222,184,135) | |
Tan | #D2B48C | rgb(210,180,140) | |
Rosybrown | #BC8F8F | rgb(188,143,143) | |
Sandybrown | #F4A460 | rgb(244,164,96) | |
Goldenrod | #DAA520 | rgb(218,165,32) | |
Peru | #CD853F | rgb(205,133,63) | |
Chocolate | #D2691E | rgb(210,105,30) | |
Saddlebrown | #8B4513 | rgb(139,69,19) | |
Sienna | #A0522D | rgb(160,82,45) | |
Brown | #A52A2A | rgb(165,42,42) | |
Maroon | #800000 | rgb(128,0,0) |
Gray or Grey Color Codes Chart
Gray / Gray RGB color codes. Grey RGB color code = #808080= 128*65536+128*256+128= (128,128,128) RED=128, GREEN=128, BLUE=128
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Gainsboro | #DCDCDC | rgb(220,220,220) | |
Lightgray | #D3D3D3 | rgb(211,211,211) | |
Silver | #C0C0C0 | rgb(192,192,192) | |
Darkgray | #A9A9A9 | rgb(169,169,169) | |
Gray | #808080 | rgb(128,128,128) | |
Dimgray | #696969 | rgb(105,105,105) | |
Lightslategray | #778899 | rgb(119,136,153) | |
Slategray | #708090 | rgb(112,128,144) | |
Darkslategray | #2F4F4F | rgb(47,79,79) | |
Black | #000000 | rgb(0,0,0) |
Black Color Codes Chart
Black RGB color code = #000000= 0*65536+0*256+0 = (0,0,0) RED=0, GREEN=0, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Black | #000000 | rgb(0,0,0) | |
Dimgray / Dimgray | #696969 | rgb(105,105,105) | |
Gray / Grey | #808080 | rgb(128,128,128) | |
Darkgray / Darkgrey | #A9A9A9 | rgb(169,169,169) | |
Silver | #C0C0C0 | rgb(192,192,192) |
Maroon Color Codes Chart
Maroon RGB color code = #800000 = 128*65536+0*256+0 = (128, 0, 0) RED = 128, GREEN=0, BLUE=0
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Maroon | #800000 | rgb(128,0,0) | |
Darkred | #8B0000 | rgb(139,0,0) | |
Brown | #A52A2A | rgb(165,42,42) | |
Firebrick | #B22222 | rgb(178,34,34) | |
Crimson | #DC143C | rgb(220,20,60) |
Gold Color Codes Chart
Gold RGB color is generated by adding red and green colors. Gold RGB color code = #FFD700 = 255*65536+215*256+0 = (255, 215, 0) RED=255, GREEN=215, BLUE=0
Color | Non HTML Color Name |
Hex Code #RRGGBB |
Decimal Code R,G,B |
---|---|---|---|
Golden yellow | #FFDF00 | rgb(255,223,0) | |
Metallic gold | #D4AF37 | rgb(212,175,55) | |
Old gold | #CFB53B | rgb(207,181,59) | |
Vegas gold | #C5B358 | rgb(197,179,88) | |
Pale gold | #E6BE8A | rgb(230,190,138) | |
Golden brown | #996515 | rgb(153,101,21) |
Turquoise Color Codes Chart
Turquoise RGB color code = #40E0D0= 64*65536+224*256+208 = (64,224,208) RED=64, GREEN=224, BLUE=208
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Paleturquoise | #AFEEEE | rgb(175,238,238) | |
Turquoise | #40E0D0 | rgb(64,224,208) | |
Mediumturquoise | #48D1CC | rgb(72,209,204) | |
Darkturquoise | #00CED1 | rgb(0,206,209) |
Peach Color Codes Chart
Peach RGB color code = #FFDAB9= 255*65536+218*256+185= (255,218,185) RED=255, GREEN=218, BLUE=185
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Peachpuff | #FFDAB9 | rgb(255,218,185) | |
Moccasin | #FFE4B5 | rgb(255,228,181) | |
Papayawhip | #FFEFD5 | rgb(255,239,213) | |
Pink | #FFC0CB | rgb(255,192,203) |
Lavender Color Codes Chart
Lavender RGB color code = #E6E6FA= 23065536+230256+250= (230,230,250) RED=230, GREEN=230, BLUE=250
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Lavender | #E6E6FA | rgb(230,230,250) | |
Lavenderblush | #FFF0F5 | rgb(255,240,245) |
Beige Color Codes Chart
Beige RGB color code = #F5F5DC= 245*65536+245*256+220 = (245,245,220) RED=245, GREEN=245, BLUE=220
Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
---|---|---|---|
Beige | #F5F5DC | rgb(245,245,220) |