{"id":1105,"date":"2019-07-17T10:51:21","date_gmt":"2019-07-17T10:51:21","guid":{"rendered":"https:\/\/www.copahost.com\/blog\/?p=1105"},"modified":"2023-06-22T11:03:58","modified_gmt":"2023-06-22T11:03:58","slug":"font-color-html","status":"publish","type":"post","link":"https:\/\/www.copahost.com\/blog\/font-color-html\/","title":{"rendered":"HTML font color: Table of colors and how to use in your site"},"content":{"rendered":"
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Color name<\/th>\nHEX Code<\/th>\nRGB Code<\/th>\n<\/tr>\n<\/thead>\n
Black<\/span><\/td>\n#000000<\/span><\/td>\n(0,0,0)<\/span><\/td>\n<\/tr>\n
grey11<\/span><\/td>\n#1C1C1C<\/span><\/td>\n(28,28,28)<\/span><\/td>\n<\/tr>\n
grey21<\/span><\/td>\n#363636<\/span><\/td>\n(54,54,54)<\/span><\/td>\n<\/tr>\n
grey31<\/span><\/td>\n#4F4F4F<\/span><\/td>\n(79,79,79)<\/span><\/td>\n<\/tr>\n
DimGray<\/td>\n#696969<\/td>\n(105,105,105)<\/td>\n<\/tr>\n
Gray<\/td>\n#808080<\/td>\n(128,128,128)<\/td>\n<\/tr>\n
DarkGray<\/td>\n#A9A9A9<\/td>\n(169,169,169)<\/td>\n<\/tr>\n
Silver<\/td>\n#C0C0C0<\/td>\n(192,192,192)<\/td>\n<\/tr>\n
LightGrey<\/td>\n#D3D3D3<\/td>\n(211,211,211)<\/td>\n<\/tr>\n
Gainsboro<\/td>\n#DCDCDC<\/td>\n(220,220,220)<\/td>\n<\/tr>\n
SlateBlue<\/span><\/td>\n#6A5ACD<\/span><\/td>\n(106,90,205)<\/span><\/td>\n<\/tr>\n
SlateBlue1<\/span><\/td>\n#836FFF<\/span><\/td>\n(131,111,255)<\/span><\/td>\n<\/tr>\n
SlateBlue3<\/span><\/td>\n#6959CD<\/span><\/td>\n(105,89,205)<\/span><\/td>\n<\/tr>\n
DarkSlateBlue<\/span><\/td>\n#483D8B<\/span><\/td>\n(72,61,139)<\/span><\/td>\n<\/tr>\n
MidnightBlue<\/span><\/td>\n#191970<\/span><\/td>\n(25,25,112)<\/span><\/td>\n<\/tr>\n
Navy<\/span><\/td>\n#000080<\/span><\/td>\n(0,0,128)<\/span><\/td>\n<\/tr>\n
DarkBlue<\/span><\/td>\n#00008B<\/span><\/td>\n(0,0,139)<\/span><\/td>\n<\/tr>\n
MediumBlue<\/span><\/td>\n#0000CD<\/span><\/td>\n(0,0,205)<\/span><\/td>\n<\/tr>\n
Blue<\/span><\/td>\n#0000FF<\/span><\/td>\n(0,0,255)<\/span><\/td>\n<\/tr>\n
CornflowerBlue<\/td>\n#6495ED<\/td>\n(100,149,237)<\/td>\n<\/tr>\n
RoyalBlue<\/td>\n#4169E1<\/td>\n(65,105,225)<\/td>\n<\/tr>\n
DodgerBlue<\/td>\n#1E90FF<\/td>\n(30,144,255)<\/td>\n<\/tr>\n
DeepSkyBlue<\/td>\n#00BFFF<\/td>\n(0,191,255)<\/td>\n<\/tr>\n
LightSkyBlue<\/td>\n#87CEFA<\/td>\n(135,206,250)<\/td>\n<\/tr>\n
SkyBlue<\/td>\n#87CEEB<\/td>\n(135,206,235)<\/td>\n<\/tr>\n
LightBlue<\/td>\n#ADD8E6<\/td>\n(173,216,230)<\/td>\n<\/tr>\n
SteelBlue<\/td>\n#4682B4<\/td>\n(70,130,180)<\/td>\n<\/tr>\n
LightSteelBlue<\/td>\n#B0C4DE<\/td>\n(176,196,222)<\/td>\n<\/tr>\n
SlateGray<\/td>\n#708090<\/td>\n(112,128,144)<\/td>\n<\/tr>\n
LightSlateGray<\/td>\n#778899<\/td>\n(119,136,153)<\/td>\n<\/tr>\n
Aqua \/ Cyan<\/td>\n#00FFFF<\/td>\n(0,255,255)<\/td>\n<\/tr>\n
DarkTurquoise<\/td>\n#00CED1<\/td>\n(0,206,209)<\/td>\n<\/tr>\n
Turquoise<\/td>\n#40E0D0<\/td>\n(64,224,208)<\/td>\n<\/tr>\n
MediumTurquoise<\/td>\n#48D1CC<\/td>\n(72,209,204)<\/td>\n<\/tr>\n
LightSeaGreen<\/td>\n#20B2AA<\/td>\n(32,178,170)<\/td>\n<\/tr>\n
DarkCyan<\/td>\n#008B8B<\/td>\n(0,139,139)<\/td>\n<\/tr>\n
Teal<\/td>\n#008080<\/td>\n(0,128,128)<\/td>\n<\/tr>\n
Aquamarine<\/td>\n#7FFFD4<\/td>\n(127,255,212)<\/td>\n<\/tr>\n
MediumAquamarine<\/td>\n#66CDAA<\/td>\n(102,205,170)<\/td>\n<\/tr>\n
CadetBlue<\/td>\n#5F9EA0<\/td>\n(95,158,160)<\/td>\n<\/tr>\n
DarkSlateGray<\/span><\/td>\n#2F4F4F<\/span><\/td>\n(47,79,79)<\/span><\/td>\n<\/tr>\n
MediumSpringGreen<\/td>\n#00FA9A<\/td>\n(0,250,154)<\/td>\n<\/tr>\n
SpringGreen<\/td>\n#00FF7F<\/td>\n(0,255,127)<\/td>\n<\/tr>\n
PaleGreen<\/td>\n#98FB98<\/td>\n(152,251,152)<\/td>\n<\/tr>\n
LightGreen<\/td>\n#90EE90<\/td>\n(144,238,144)<\/td>\n<\/tr>\n
DarkSeaGreen<\/td>\n#8FBC8F<\/td>\n(143,188,143)<\/td>\n<\/tr>\n
MediumSeaGreen<\/td>\n#3CB371<\/td>\n(60,179,113)<\/td>\n<\/tr>\n
SeaGreen<\/td>\n#2E8B57<\/td>\n(46,139,87)<\/td>\n<\/tr>\n
DarkGreen<\/td>\n#006400<\/td>\n(0,100,0)<\/td>\n<\/tr>\n
Green<\/td>\n#008000<\/td>\n(0,128,0)<\/td>\n<\/tr>\n
ForestGreen<\/td>\n#228B22<\/td>\n(34,139,34)<\/td>\n<\/tr>\n
LimeGreen<\/td>\n#32CD32<\/td>\n(50,205,50)<\/td>\n<\/tr>\n
Lime<\/td>\n#00FF00<\/td>\n(0,255,0)<\/td>\n<\/tr>\n
LawnGreen<\/td>\n#7CFC00<\/td>\n(124,252,0)<\/td>\n<\/tr>\n
Chartreuse<\/td>\n#7FFF00<\/td>\n(127,255,0)<\/td>\n<\/tr>\n
GreenYellow<\/td>\n#ADFF2F<\/td>\n(173,255,47)<\/td>\n<\/tr>\n
YellowGreen<\/td>\n#9ACD32<\/td>\n(154,205,50)<\/td>\n<\/tr>\n
OliveDrab<\/td>\n6B8E23<\/td>\n(107,142,35)<\/td>\n<\/tr>\n
DarkOliveGreen<\/td>\n#556B2F<\/td>\n(85,107,47)<\/td>\n<\/tr>\n
Olive<\/td>\n#808000<\/td>\n(128,128,0)<\/td>\n<\/tr>\n
DarkKhaki<\/td>\n#BDB76B<\/td>\n(189,83,107)<\/td>\n<\/tr>\n
Goldenrod<\/td>\n#DAA520<\/td>\n(218,165,32)<\/td>\n<\/tr>\n
DarkGoldenrod<\/td>\n#B8860B<\/td>\n(184,134,11)<\/td>\n<\/tr>\n
SaddleBrown<\/td>\n#8B4513<\/td>\n(139,69,19)<\/td>\n<\/tr>\n
Sienna<\/td>\n#A0522D<\/td>\n(160,82,45)<\/td>\n<\/tr>\n
RosyBrown<\/td>\n#BC8F8F<\/td>\n(188,143,143)<\/td>\n<\/tr>\n
Peru<\/td>\n#CD853F<\/td>\n(205,133,63)<\/td>\n<\/tr>\n
Chocolate<\/td>\n#D2691E<\/td>\n(210,105,30)<\/td>\n<\/tr>\n
SandyBrown<\/td>\n#F4A460<\/td>\n(244,164,96)<\/td>\n<\/tr>\n
NavajoWhite<\/td>\n#FFDEAD<\/td>\n(255,222,173)<\/td>\n<\/tr>\n
Wheat<\/td>\n#F5DEB3<\/td>\n(245,222,179)<\/td>\n<\/tr>\n
BurlyWood<\/td>\n#DEB887<\/td>\n(222,184,135)<\/td>\n<\/tr>\n
Tan<\/td>\n#D2B48C<\/td>\n(210,180,140)<\/td>\n<\/tr>\n
MediumSlateBlue<\/td>\n#7B68EE<\/td>\n(123,104,238)<\/td>\n<\/tr>\n
MediumPurple<\/td>\n#9370DB<\/td>\n(147,112,219)<\/td>\n<\/tr>\n
BlueViolet<\/td>\n#8A2BE2<\/td>\n(138,43,226)<\/td>\n<\/tr>\n
Indigo<\/span><\/td>\n#4B0082<\/span><\/td>\n(75,0,130)<\/span><\/td>\n<\/tr>\n
DarkViolet<\/td>\n#9400D3<\/td>\n(148,0,211)<\/td>\n<\/tr>\n
DarkOrchid<\/td>\n#9932CC<\/td>\n(153,50,204)<\/td>\n<\/tr>\n
MediumOrchid<\/td>\n#BA55D3<\/td>\n(186,85,211)<\/td>\n<\/tr>\n
Purple<\/span><\/td>\n#A020F0<\/span><\/td>\n(128,0,128)<\/span><\/td>\n<\/tr>\n
DarkMagenta<\/span><\/td>\n#8B008B<\/span><\/td>\n(139,0,139)<\/span><\/td>\n<\/tr>\n
Fuchsia \/ Magenta<\/td>\n#FF00FF<\/td>\n(255,0,255)<\/td>\n<\/tr>\n
Violet<\/td>\n#EE82EE<\/td>\n(238,130,238)<\/td>\n<\/tr>\n
Orchid<\/td>\n#DA70D6<\/td>\n(218,112,214)<\/td>\n<\/tr>\n
Plum<\/td>\n#DDA0DD<\/td>\n(221,160,221)<\/td>\n<\/tr>\n
MediumVioletRed<\/td>\n#C71585<\/td>\n(199,21,133)<\/td>\n<\/tr>\n
DeepPink<\/td>\n#FF1493<\/td>\n(255,20,147)<\/td>\n<\/tr>\n
HotPink<\/td>\n#FF69B4<\/td>\n(255,105,180)<\/td>\n<\/tr>\n
PaleVioletRed<\/td>\n#DB7093<\/td>\n(219,112,147)<\/td>\n<\/tr>\n
LightPink<\/td>\n#FFB6C1<\/td>\n(255,182,193)<\/td>\n<\/tr>\n
Pink<\/td>\n#FFC0CB<\/td>\n(255,192,203)<\/td>\n<\/tr>\n
LightCoral<\/td>\n#F08080<\/td>\n(240,128,128)<\/td>\n<\/tr>\n
IndianRed<\/td>\n#CD5C5C<\/td>\n(205,92,92)<\/td>\n<\/tr>\n
Crimson<\/td>\n#DC143C<\/td>\n(220,20,60)<\/td>\n<\/tr>\n
Maroon<\/span><\/td>\n#800000<\/span><\/td>\n(128,0,0)<\/span><\/td>\n<\/tr>\n
DarkRed<\/span><\/td>\n#8B0000<\/span><\/td>\n(139,0,0)<\/span><\/td>\n<\/tr>\n
FireBrick<\/td>\n#B22222<\/td>\n(178,34,34)<\/td>\n<\/tr>\n
Brown<\/td>\n#A52A2A<\/td>\n(165,42,42)<\/td>\n<\/tr>\n
Salmon<\/td>\n#FA8072<\/td>\n(250,128,114)<\/td>\n<\/tr>\n
DarkSalmon<\/td>\n#E9967A<\/td>\n(233,150,122)<\/td>\n<\/tr>\n
LightSalmon<\/td>\n#FFA07A<\/td>\n(255,160,122)<\/td>\n<\/tr>\n
Coral<\/td>\n#FF7F50<\/td>\n(255,127,80)<\/td>\n<\/tr>\n
Tomato<\/td>\n#FF6347<\/td>\n(255,99,71)<\/td>\n<\/tr>\n
Red<\/td>\n#FF0000<\/td>\n(255,0,0)<\/td>\n<\/tr>\n
OrangeRed<\/td>\n#FF4500<\/td>\n(255,69,0)<\/td>\n<\/tr>\n
DarkOrange<\/td>\n#FF8C00<\/td>\n(255,140,0)<\/td>\n<\/tr>\n
Orange<\/td>\n#FFA500<\/td>\n(255,165,0)<\/td>\n<\/tr>\n
Gold<\/td>\n#FFD700<\/td>\n(255,215,0)<\/td>\n<\/tr>\n
Yellow<\/td>\n#FFFF00<\/td>\n(255,255,0)<\/td>\n<\/tr>\n
Khaki<\/td>\n#F0E68C<\/td>\n(240,230,140)<\/td>\n<\/tr>\n
AliceBlue<\/td>\n#F0F8FF<\/td>\n(240,248,255)<\/td>\n<\/tr>\n
GhostWhite<\/td>\n#F8F8FF<\/td>\n(248,248,255)<\/td>\n<\/tr>\n
Snow<\/td>\n#FFFAFA<\/td>\n(255,250,250)<\/td>\n<\/tr>\n
Seashell<\/td>\n#FFF5EE<\/td>\n(255,245,238)<\/td>\n<\/tr>\n
FloralWhite<\/td>\n#FFFAF0<\/td>\n(255,250,240)<\/td>\n<\/tr>\n
WhiteSmoke<\/td>\n#F5F5F5<\/td>\n(245,245,245)<\/td>\n<\/tr>\n
Beige<\/td>\n#F5F5DC<\/td>\n(245,245,220)<\/td>\n<\/tr>\n
OldLace<\/td>\n#FDF5E6<\/td>\n(253,245,230)<\/td>\n<\/tr>\n
Ivory<\/td>\n#FFFFF0<\/td>\n(255,255,240)<\/td>\n<\/tr>\n
Linen<\/td>\n#FAF0E6<\/td>\n(250,240,230)<\/td>\n<\/tr>\n
Cornsilk<\/td>\n#FFF8DC<\/td>\n(255,248,220)<\/td>\n<\/tr>\n
AntiqueWhite<\/td>\n#FAEBD7<\/td>\n(250,235,215)<\/td>\n<\/tr>\n
BlanchedAlmond<\/td>\n#FFEBCD<\/td>\n(255,235,205)<\/td>\n<\/tr>\n
Bisque<\/td>\n#FFE4C4<\/td>\n(255,228,196)<\/td>\n<\/tr>\n
LightYellow<\/td>\n#FFFFE0<\/td>\n(255,255,224)<\/td>\n<\/tr>\n
LemonChiffon<\/td>\n#FFFACD<\/td>\n(255,250,205)<\/td>\n<\/tr>\n
LightGoldenrodYellow<\/td>\n#FAFAD2<\/td>\n(250,250,210)<\/td>\n<\/tr>\n
PapayaWhip<\/td>\n#FFEFD5<\/td>\n(255,239,213)<\/td>\n<\/tr>\n
PeachPuff<\/td>\n#FFDAB9<\/td>\n(255,218,185)<\/td>\n<\/tr>\n
Moccasin<\/td>\n#FFE4B5<\/td>\n(255,228,181)<\/td>\n<\/tr>\n
PaleGoldenrod<\/td>\n#EEE8AA<\/td>\n(238,232,170)<\/td>\n<\/tr>\n
MistyRose<\/td>\n#FFE4E1<\/td>\n(255,228,225)<\/td>\n<\/tr>\n
LavenderBlush<\/td>\n#FFF0F5<\/td>\n(255,240,245)<\/td>\n<\/tr>\n
Lavender<\/td>\n#E6E6FA<\/td>\n(230,230,250)<\/td>\n<\/tr>\n
Thistle<\/td>\n#D8BFD8<\/td>\n(216,191,216)<\/td>\n<\/tr>\n
Azure<\/td>\n#F0FFFF<\/td>\n(240,255,255)<\/td>\n<\/tr>\n
LightCyan<\/td>\n#E0FFFF<\/td>\n(224,255,255)<\/td>\n<\/tr>\n
PowderBlue<\/td>\n#B0E0E6<\/td>\n(176,224,230)<\/td>\n<\/tr>\n
PaleTurquoise<\/td>\n#E0FFFF<\/td>\n(175,238,238)<\/td>\n<\/tr>\n
Honeydew<\/td>\n#F0FFF0<\/td>\n(240,255,240)<\/td>\n<\/tr>\n
MintCream<\/td>\n#F5FFFA<\/td>\n(245,255,250)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Topics in this article<\/h3>\n
    \n
  1. \n
      \n
    • The HTML font color chart<\/a><\/li>\n
    • Set the HTML font colors using external style sheets<\/a><\/li>\n
    • Setting colors using internal style sheets<\/a><\/li>\n
    • Using inline styles<\/a><\/li>\n
    • Id selector<\/a><\/li>\n
    • Class selector<\/a><\/li>\n
    • A brief history of HTML font colors in the Web<\/a><\/li>\n
    • Conclusion<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
      \n

      Hypertext markup language, better known as HTML is the standard markup language of documents to display on web browsers. Technologies like Cascading stylesheet (CSS) and scripting languages such as Javascript are often used with HTML. Now, CSS provides many options and techniques which could be used to make text, images<\/a>, tables<\/a> and other parts of the HTML document look better and attractive. One of these options is changing the HTML font color. CSS, along with HTML provides a lot of options to change the font color of the text.<\/p>\n