HTML Color Codes


HTML Color codes are triple hexadecimal numbers each representing red, green and blue (RGB) colors. The mixture of red, green and blue colors make up a HTML color, and each color can be used in foreground or background in texts, borders and HTML elements. The HTML color codes are represented with # (pound) to denote hexadecimal followed by 3-hexa numbers (i.e. #RRGGBB). The #FF0000 represents Red, #00FF00 represents Green, #0000FF represents Blue and mixture of those numbers make up a color.


Here is the list of some of the popular HTML colors and there codes. Some HTML color codes can be represented with names, and they are generic color names known to humans.

ColorNameHEXRGBHSL
Black (SYSTEM)#000000rgb(0,0,0)hsl(0,0%,0%)
Maroon (SYSTEM)#800000rgb(128,0,0)hsl(0,100%,25%)
Green (SYSTEM)#008000rgb(0,128,0)hsl(120,100%,25%)
Olive (SYSTEM)#808000rgb(128,128,0)hsl(60,100%,25%)
Navy (SYSTEM)#000080rgb(0,0,128)hsl(240,100%,25%)
Purple (SYSTEM)#800080rgb(128,0,128)hsl(300,100%,25%)
Teal (SYSTEM)#008080rgb(0,128,128)hsl(180,100%,25%)
Silver (SYSTEM)#c0c0c0rgb(192,192,192)hsl(0,0%,75%)
Grey (SYSTEM)#808080rgb(128,128,128)hsl(0,0%,50%)
Red (SYSTEM)#ff0000rgb(255,0,0)hsl(0,100%,50%)
Lime (SYSTEM)#00ff00rgb(0,255,0)hsl(120,100%,50%)
Yellow (SYSTEM)#ffff00rgb(255,255,0)hsl(60,100%,50%)
Blue (SYSTEM)#0000ffrgb(0,0,255)hsl(240,100%,50%)
Fuchsia (SYSTEM)#ff00ffrgb(255,0,255)hsl(300,100%,50%)
Aqua (SYSTEM)#00ffffrgb(0,255,255)hsl(180,100%,50%)
White (SYSTEM)#ffffffrgb(255,255,255)hsl(0,0%,100%)
Grey0#000000rgb(0,0,0)hsl(0,0%,0%)
NavyBlue#00005frgb(0,0,95)hsl(240,100%,18%)
DarkBlue#000087rgb(0,0,135)hsl(240,100%,26%)
Blue3#0000afrgb(0,0,175)hsl(240,100%,34%)
Blue3#0000d7rgb(0,0,215)hsl(240,100%,42%)
Blue1#0000ffrgb(0,0,255)hsl(240,100%,50%)
DarkGreen#005f00rgb(0,95,0)hsl(120,100%,18%)
DeepSkyBlue4#005f5frgb(0,95,95)hsl(180,100%,18%)
DeepSkyBlue4#005f87rgb(0,95,135)hsl(97,100%,26%)
DeepSkyBlue4#005fafrgb(0,95,175)hsl(07,100%,34%)
DodgerBlue3#005fd7rgb(0,95,215)hsl(13,100%,42%)
DodgerBlue2#005fffrgb(0,95,255)hsl(17,100%,50%)
Green4#008700rgb(0,135,0)hsl(120,100%,26%)
SpringGreen4#00875frgb(0,135,95)hsl(62,100%,26%)
Turquoise4#008787rgb(0,135,135)hsl(180,100%,26%)
DeepSkyBlue3#0087afrgb(0,135,175)hsl(93,100%,34%)
DeepSkyBlue3#0087d7rgb(0,135,215)hsl(02,100%,42%)
DodgerBlue1#0087ffrgb(0,135,255)hsl(08,100%,50%)
Green3#00af00rgb(0,175,0)hsl(120,100%,34%)
SpringGreen3#00af5frgb(0,175,95)hsl(52,100%,34%)
DarkCyan#00af87rgb(0,175,135)hsl(66,100%,34%)
LightSeaGreen#00afafrgb(0,175,175)hsl(180,100%,34%)
DeepSkyBlue2#00afd7rgb(0,175,215)hsl(91,100%,42%)
DeepSkyBlue1#00afffrgb(0,175,255)hsl(98,100%,50%)
Green3#00d700rgb(0,215,0)hsl(120,100%,42%)
SpringGreen3#00d75frgb(0,215,95)hsl(46,100%,42%)
SpringGreen2#00d787rgb(0,215,135)hsl(57,100%,42%)
Cyan3#00d7afrgb(0,215,175)hsl(68,100%,42%)
DarkTurquoise#00d7d7rgb(0,215,215)hsl(180,100%,42%)
Turquoise2#00d7ffrgb(0,215,255)hsl(89,100%,50%)
Green1#00ff00rgb(0,255,0)hsl(120,100%,50%)
SpringGreen2#00ff5frgb(0,255,95)hsl(42,100%,50%)
SpringGreen1#00ff87rgb(0,255,135)hsl(51,100%,50%)
MediumSpringGreen#00ffafrgb(0,255,175)hsl(61,100%,50%)
Cyan2#00ffd7rgb(0,255,215)hsl(70,100%,50%)
Cyan1#00ffffrgb(0,255,255)hsl(180,100%,50%)
DarkRed#5f0000rgb(95,0,0)hsl(0,100%,18%)
DeepPink4#5f005frgb(95,0,95)hsl(300,100%,18%)
Purple4#5f0087rgb(95,0,135)hsl(82,100%,26%)
Purple4#5f00afrgb(95,0,175)hsl(72,100%,34%)
Purple3#5f00d7rgb(95,0,215)hsl(66,100%,42%)
BlueViolet#5f00ffrgb(95,0,255)hsl(62,100%,50%)
Orange4#5f5f00rgb(95,95,0)hsl(60,100%,18%)
Grey37#5f5f5frgb(95,95,95)hsl(0,0%,37%)
MediumPurple4#5f5f87rgb(95,95,135)hsl(240,17%,45%)
SlateBlue3#5f5fafrgb(95,95,175)hsl(240,33%,52%)
SlateBlue3#5f5fd7rgb(95,95,215)hsl(240,60%,60%)
RoyalBlue1#5f5fffrgb(95,95,255)hsl(240,100%,68%)
Chartre use4#5f8700rgb(95,135,0)hsl(7,100%,26%)
DarkSeaGreen4#5f875frgb(95,135,95)hsl(120,17%,45%)
PaleTurquoise4#5f8787rgb(95,135,135)hsl(180,17%,45%)
SteelBlue#5f87afrgb(95,135,175)hsl(210,33%,52%)
SteelBlue3#5f87d7rgb(95,135,215)hsl(220,60%,60%)
CornflowerBlue#5f87ffrgb(95,135,255)hsl(225,100%,68%)
Chartre use3#5faf00rgb(95,175,0)hsl(7,100%,34%)
DarkSeaGreen4#5faf5frgb(95,175,95)hsl(120,33%,52%)
CadetBlue#5faf87rgb(95,175,135)hsl(150,33%,52%)
CadetBlue#5fafafrgb(95,175,175)hsl(180,33%,52%)
SkyBlue3#5fafd7rgb(95,175,215)hsl(200,60%,60%)
SteelBlue1#5fafffrgb(95,175,255)hsl(210,100%,68%)
Chartre use3#5fd700rgb(95,215,0)hsl(3,100%,42%)
PaleGreen3#5fd75frgb(95,215,95)hsl(120,60%,60%)
SeaGreen3#5fd787rgb(95,215,135)hsl(140,60%,60%)
Aquamarine3#5fd7afrgb(95,215,175)hsl(160,60%,60%)
MediumTurquoise#5fd7d7rgb(95,215,215)hsl(180,60%,60%)
SteelBlue1#5fd7ffrgb(95,215,255)hsl(195,100%,68%)
Chartre use2#5fff00rgb(95,255,0)hsl(7,100%,50%)
SeaGreen2#5fff5frgb(95,255,95)hsl(120,100%,68%)
SeaGreen1#5fff87rgb(95,255,135)hsl(135,100%,68%)
SeaGreen1#5fffafrgb(95,255,175)hsl(150,100%,68%)
Aquamarine1#5fffd7rgb(95,255,215)hsl(165,100%,68%)
DarkSlateGray2#5fffffrgb(95,255,255)hsl(180,100%,68%)
DarkRed#870000rgb(135,0,0)hsl(0,100%,26%)
DeepPink4#87005frgb(135,0,95)hsl(17,100%,26%)
DarkMagenta#870087rgb(135,0,135)hsl(300,100%,26%)
DarkMagenta#8700afrgb(135,0,175)hsl(86,100%,34%)
DarkViolet#8700d7rgb(135,0,215)hsl(77,100%,42%)
Purple#8700ffrgb(135,0,255)hsl(71,100%,50%)
Orange4#875f00rgb(135,95,0)hsl(2,100%,26%)
LightPink4#875f5frgb(135,95,95)hsl(0,17%,45%)
Plum4#875f87rgb(135,95,135)hsl(300,17%,45%)
MediumPurple3#875fafrgb(135,95,175)hsl(270,33%,52%)
MediumPurple3#875fd7rgb(135,95,215)hsl(260,60%,60%)
SlateBlue1#875fffrgb(135,95,255)hsl(255,100%,68%)
Yellow4#878700rgb(135,135,0)hsl(60,100%,26%)
Wheat4#87875frgb(135,135,95)hsl(60,17%,45%)
Grey53#878787rgb(135,135,135)hsl(0,0%,52%)
LightSlateGrey#8787afrgb(135,135,175)hsl(240,20%,60%)
MediumPurple#8787d7rgb(135,135,215)hsl(240,50%,68%)
LightSlateBlue#8787ffrgb(135,135,255)hsl(240,100%,76%)
Yellow4#87af00rgb(135,175,0)hsl(3,100%,34%)
DarkOliveGreen3#87af5frgb(135,175,95)hsl(90,33%,52%)
DarkSeaGreen#87af87rgb(135,175,135)hsl(120,20%,60%)
LightSkyBlue3#87afafrgb(135,175,175)hsl(180,20%,60%)
LightSkyBlue3#87afd7rgb(135,175,215)hsl(210,50%,68%)
SkyBlue2#87afffrgb(135,175,255)hsl(220,100%,76%)
Chartreuse2#87d700rgb(135,215,0)hsl(2,100%,42%)
DarkOliveGreen3#87d75frgb(135,215,95)hsl(100,60%,60%)
PaleGreen3#87d787rgb(135,215,135)hsl(120,50%,68%)
DarkSeaGreen3#87d7afrgb(135,215,175)hsl(150,50%,68%)
DarkSlateGray3#87d7d7rgb(135,215,215)hsl(180,50%,68%)
SkyBlue1#87d7ffrgb(135,215,255)hsl(200,100%,76%)
Chartreuse1#87ff00rgb(135,255,0)hsl(8,100%,50%)
LightGreen#87ff5frgb(135,255,95)hsl(105,100%,68%)
LightGreen#87ff87rgb(135,255,135)hsl(120,100%,76%)
PaleGreen1#87ffafrgb(135,255,175)hsl(140,100%,76%)
Aquamarine1#87ffd7rgb(135,255,215)hsl(160,100%,76%)
DarkSlateGray1#87ffffrgb(135,255,255)hsl(180,100%,76%)
Red3#af0000rgb(175,0,0)hsl(0,100%,34%)
DeepPink4#af005frgb(175,0,95)hsl(27,100%,34%)
MediumVioletRed#af0087rgb(175,0,135)hsl(13,100%,34%)
Magenta3#af00afrgb(175,0,175)hsl(300,100%,34%)
DarkViolet#af00d7rgb(175,0,215)hsl(88,100%,42%)
Purple#af00ffrgb(175,0,255)hsl(81,100%,50%)
DarkOrange3#af5f00rgb(175,95,0)hsl(2,100%,34%)
IndianRed#af5f5frgb(175,95,95)hsl(0,33%,52%)
HotPink3#af5f87rgb(175,95,135)hsl(330,33%,52%)
MediumOrchid3#af5fafrgb(175,95,175)hsl(300,33%,52%)
MediumOrchid#af5fd7rgb(175,95,215)hsl(280,60%,60%)
MediumPurple2#af5fffrgb(175,95,255)hsl(270,100%,68%)
DarkGoldenrod#af8700rgb(175,135,0)hsl(6,100%,34%)
LightSalmon3#af875frgb(175,135,95)hsl(30,33%,52%)
RosyBrown#af8787rgb(175,135,135)hsl(0,20%,60%)
Grey63#af87afrgb(175,135,175)hsl(300,20%,60%)
MediumPurple2#af87d7rgb(175,135,215)hsl(270,50%,68%)
MediumPurple1#af87ffrgb(175,135,255)hsl(260,100%,76%)
Gold3#afaf00rgb(175,175,0)hsl(60,100%,34%)
DarkKhaki#afaf5frgb(175,175,95)hsl(60,33%,52%)
NavajoWhite3#afaf87rgb(175,175,135)hsl(60,20%,60%)
Grey69#afafafrgb(175,175,175)hsl(0,0%,68%)
LightSteelBlue3#afafd7rgb(175,175,215)hsl(240,33%,76%)
LightSteelBlue#afafffrgb(175,175,255)hsl(240,100%,84%)
Yellow3#afd700rgb(175,215,0)hsl(1,100%,42%)
DarkOliveGreen3#afd75frgb(175,215,95)hsl(80,60%,60%)
DarkSeaGreen3#afd787rgb(175,215,135)hsl(90,50%,68%)
DarkSeaGreen2#afd7afrgb(175,215,175)hsl(120,33%,76%)
LightCyan3#afd7d7rgb(175,215,215)hsl(180,33%,76%)
LightSkyBlue1#afd7ffrgb(175,215,255)hsl(210,100%,84%)
GreenYellow#afff00rgb(175,255,0)hsl(8,100%,50%)
DarkOliveGreen2#afff5frgb(175,255,95)hsl(90,100%,68%)
PaleGreen1#afff87rgb(175,255,135)hsl(100,100%,76%)
DarkSeaGreen2#afffafrgb(175,255,175)hsl(120,100%,84%)
DarkSeaGreen1#afffd7rgb(175,255,215)hsl(150,100%,84%)
PaleTurquoise1#afffffrgb(175,255,255)hsl(180,100%,84%)
Red3#d70000rgb(215,0,0)hsl(0,100%,42%)
DeepPink3#d7005frgb(215,0,95)hsl(33,100%,42%)
DeepPink3#d70087rgb(215,0,135)hsl(22,100%,42%)
Magenta3#d700afrgb(215,0,175)hsl(11,100%,42%)
Magenta3#d700d7rgb(215,0,215)hsl(300,100%,42%)
Magenta2#d700ffrgb(215,0,255)hsl(90,100%,50%)
DarkOrange3#d75f00rgb(215,95,0)hsl(6,100%,42%)
IndianRed#d75f5frgb(215,95,95)hsl(0,60%,60%)
HotPink3#d75f87rgb(215,95,135)hsl(340,60%,60%)
HotPink2#d75fafrgb(215,95,175)hsl(320,60%,60%)
Orchid#d75fd7rgb(215,95,215)hsl(300,60%,60%)
MediumOrchid1#d75fffrgb(215,95,255)hsl(285,100%,68%)
Orange3#d78700rgb(215,135,0)hsl(7,100%,42%)
LightSalmon3#d7875frgb(215,135,95)hsl(20,60%,60%)
LightPink3#d78787rgb(215,135,135)hsl(0,50%,68%)
Pink3#d787afrgb(215,135,175)hsl(330,50%,68%)
Plum3#d787d7rgb(215,135,215)hsl(300,50%,68%)
Violet#d787ffrgb(215,135,255)hsl(280,100%,76%)
Gold3#d7af00rgb(215,175,0)hsl(8,100%,42%)
LightGoldenrod3#d7af5frgb(215,175,95)hsl(40,60%,60%)
Tan#d7af87rgb(215,175,135)hsl(30,50%,68%)
MistyRose3#d7afafrgb(215,175,175)hsl(0,33%,76%)
Thistle3#d7afd7rgb(215,175,215)hsl(300,33%,76%)
Plum2#d7afffrgb(215,175,255)hsl(270,100%,84%)
Yellow3#d7d700rgb(215,215,0)hsl(60,100%,42%)
Khaki3#d7d75frgb(215,215,95)hsl(60,60%,60%)
LightGoldenrod2#d7d787rgb(215,215,135)hsl(60,50%,68%)
LightYellow3#d7d7afrgb(215,215,175)hsl(60,33%,76%)
Grey84#d7d7d7rgb(215,215,215)hsl(0,0%,84%)
LightSteelBlue1#d7d7ffrgb(215,215,255)hsl(240,100%,92%)
Yellow2#d7ff00rgb(215,255,0)hsl(9,100%,50%)
DarkOliveGreen1#d7ff5frgb(215,255,95)hsl(75,100%,68%)
DarkOliveGreen1#d7ff87rgb(215,255,135)hsl(80,100%,76%)
DarkSeaGreen1#d7ffafrgb(215,255,175)hsl(90,100%,84%)
Honeydew2#d7ffd7rgb(215,255,215)hsl(120,100%,92%)
LightCyan1#d7ffffrgb(215,255,255)hsl(180,100%,92%)
Red1#ff0000rgb(255,0,0)hsl(0,100%,50%)
DeepPink2#ff005frgb(255,0,95)hsl(37,100%,50%)
DeepPink1#ff0087rgb(255,0,135)hsl(28,100%,50%)
DeepPink1#ff00afrgb(255,0,175)hsl(18,100%,50%)
Magenta2#ff00d7rgb(255,0,215)hsl(09,100%,50%)
Magenta1#ff00ffrgb(255,0,255)hsl(300,100%,50%)
OrangeRed1#ff5f00rgb(255,95,0)hsl(2,100%,50%)
IndianRed1#ff5f5frgb(255,95,95)hsl(0,100%,68%)
IndianRed1#ff5f87rgb(255,95,135)hsl(345,100%,68%)
HotPink#ff5fafrgb(255,95,175)hsl(330,100%,68%)
HotPink#ff5fd7rgb(255,95,215)hsl(315,100%,68%)
MediumOrchid1#ff5fffrgb(255,95,255)hsl(300,100%,68%)
DarkOrange#ff8700rgb(255,135,0)hsl(1,100%,50%)
Salmon1#ff875frgb(255,135,95)hsl(15,100%,68%)
LightCoral#ff8787rgb(255,135,135)hsl(0,100%,76%)
PaleVioletRe d1#ff87afrgb(255,135,175)hsl(340,100%,76%)
Orchid2#ff87d7rgb(255,135,215)hsl(320,100%,76%)
Orchid1#ff87ffrgb(255,135,255)hsl(300,100%,76%)
Orange1#ffaf00rgb(255,175,0)hsl(1,100%,50%)
SandyBrown#ffaf5frgb(255,175,95)hsl(30,100%,68%)
LightSalmon1#ffaf87rgb(255,175,135)hsl(20,100%,76%)
LightPink1#ffafafrgb(255,175,175)hsl(0,100%,84%)
Pink1#ffafd7rgb(255,175,215)hsl(330,100%,84%)
Plum1#ffafffrgb(255,175,255)hsl(300,100%,84%)
Gold1#ffd700rgb(255,215,0)hsl(0,100%,50%)
LightGoldenrod2#ffd75frgb(255,215,95)hsl(45,100%,68%)
LightGoldenrod2#ffd787rgb(255,215,135)hsl(40,100%,76%)
NavajoWhite1#ffd7afrgb(255,215,175)hsl(30,100%,84%)
MistyRose1#ffd7d7rgb(255,215,215)hsl(0,100%,92%)
Thistle1#ffd7ffrgb(255,215,255)hsl(300,100%,92%)
Yellow1#ffff00rgb(255,255,0)hsl(60,100%,50%)
LightGoldenrod1#ffff5frgb(255,255,95)hsl(60,100%,68%)
Khaki1#ffff87rgb(255,255,135)hsl(60,100%,76%)
Wheat1#ffffafrgb(255,255,175)hsl(60,100%,84%)
Cornsilk1#ffffd7rgb(255,255,215)hsl(60,100%,92%)
Grey100#ffffffrgb(255,255,255)hsl(0,0%,100%)
Grey3#080808rgb(8,8,8)hsl(0,0%,3%)
Grey7#121212rgb(18,18,18)hsl(0,0%,7%)
Grey11#1c1c1crgb(28,28,28)hsl(0,0%,10%)
Grey15#262626rgb(38,38,38)hsl(0,0%,14%)
Grey19#303030rgb(48,48,48)hsl(0,0%,18%)
Grey23#3a3a3argb(58,58,58)hsl(0,0%,22%)
Grey27#444444rgb(68,68,68)hsl(0,0%,26%)
Grey30#4e4e4ergb(78,78,78)hsl(0,0%,30%)
Grey35#585858rgb(88,88,88)hsl(0,0%,34%)
Grey39#626262rgb(98,98,98)hsl(0,0%,37%)
Grey42#6c6c6crgb(108,108,108)hsl(0,0%,40%)
Grey46#767676rgb(118,118,118)hsl(0,0%,46%)
Grey50#808080rgb(128,128,128)hsl(0,0%,50%)
Grey54#8a8a8argb(138,138,138)hsl(0,0%,54%)
Grey58#949494rgb(148,148,148)hsl(0,0%,58%)
Grey62#9e9e9ergb(158,158,158)hsl(0,0%,61%)
Grey66#a8a8a8rgb(168,168,168)hsl(0,0%,65%)
Grey70#b2b2b2rgb(178,178,178)hsl(0,0%,69%)
Grey74#bcbcbcrgb(188,188,188)hsl(0,0%,73%)
Grey78#c6c6c6rgb(198,198,198)hsl(0,0%,77%)
Grey82#d0d0d0rgb(208,208,208)hsl(0,0%,81%)
Grey85#dadadargb(218,218,218)hsl(0,0%,85%)
Grey89#e4e4e4rgb(228,228,228)hsl(0,0%,89%)
Grey93#eeeeeergb(238,238,238)hsl(0,0%,93%)

IP Location Widget

Would you like to add IP Location Widget to your website? Please visit our IP Widget page for details.