20 - HTML-HEX color code

As we discussed in our earlier chapters, Hex codes in HTML are six digit representations which comprises of three triplets each for red, green and blue colors. The three triplet values combine and give out a specific shade of a color. As you begin learning them, you feel difficult but once you become familiar (by doing lots of practice, though) you feel comfortable.

The following are the 17 standard colors sorted according to their HEX values.

Color NameHex Code
Black#000000
Navy #000080
Blue#0000FF
Green#008000
Teal#008080
Lime#00FF00
Aqua#00FFFF
­Maroon#800000
Purple#800080
Olive#808000
Gray or Grey#808080
Silver#C0C0C0
Red#FF0000
Fuchsia#FF00FF
Orange          #FFA500
Yellow#FFFF00
White#FFFFFF

The following are the other colors, sorted according to their HEX values.

Color NameHex CodeRGB Value
Black#0000000,0,0
Navy#0000800,0,128
DarkBlue#00008B0,0,139
MediumBlue#0000CD0,0,205
Blue#0000FF0,0,255
DarkGreen#0064000,100,0
Green#0080000,128,0
Teal#0080800,128,128
DarkCyan#008B8B0,139,139
DeepSkyBlue#00BFFF0,191,255
DarkTurquoise#00CED10,206,209
MediumSpringGreen#00FA9A0,250,154
Lime#00FF000,255,0
SpringGreen#00FF7F0,255,127
Aqua or Cyan#00FFFF0,255,255
MidnghtBlue#19197025,25,112
DodgerBlue#1E90FF3,01,44,255
LightSeaGreen#20B2AA3,21,78,170
ForestGreen#228B2234,139,34
SeaGreen#2E8B5746,139,87
DarkSlategray#2F4F4F47,79,79
LimeGreen#32CD3250,205,50
MediumSeaGreen#3CB3716,01,79,113
Turquoise#40E0D06,42,24,208
RoyalBue#4169E16,51,05,225
SteelBlue#4682B47,01,30,180
DarkSlateBlue#483D8B72,61,139
MediumTurquoise#48D1CC7,22,09,204
Indigo#4B008275,0,130
DarkOliveGreen#556B2F85,107,47
CadetBlue#5F9EA09,51,58,160
CornFlowerBlue#6495ED10,01,49,237
MediumAquaMarine#66CDAA10,22,05,170
DimGray#69696910,51,05,105
SlateBlue#6A5ACD1,06,90,205
OliveDrab#6B8E23107,142,35
SlateGray#70809011,21,28,144
LightSlateGray#77889911,91,36,153
MediumSlateBlue#7B68EE12,31,04,238
MediumSlateBlue#7B68EE12,31,04,238
LawnGreen#7CFC00124,252,0
Chartreuse#7FFF00127,255,0
AquaMarine#7FFFD412,72,55,212
Maroon#800000128,0,0
Purple#800080128,0,128
Olive#808000128,128,0
Gray#80808012,81,28,128
SkyBlue#87CEEB13,52,06,235
LightSkyBlue#87CEFA13,52,06,250
BlueViolet#8A2BE21,38,43,226
DarkRed#8B0000139,0,0
DarkMagenta#8B008B139,0,139
SaddleBrown#8B4513139,69,19
DarkSeaGreen#8FBC8F14,31,88,143
LightGreen#90EE9014,42,38,144
MediumPurple#9370DB14,71,12,219
DarkViolet#9400D3148,0,211
PaleGreen#98FB9815,22,51,152
Darkorchid#9932CC1,53,50,204
YellowGreen#9ACD32154,205,50
Sienna#A0522D160,82,45
Brown#A52A2A165,42,42
DarkGray#A9A9A916,91,69,169
LightBlue#ADD8E617,32,16,230
GreenYellow#ADFF2F173,255,47
PaleTurquoise#AFEEEE17,52,38,238
LightSteelBlue#B0C4DE17,61,96,222
PowderBlue#B0E0E617,62,24,230
FireBrick#B22222178,34,34
DarkGoldenrod#B8860B184,134,11
MediumOrchid#BA55D31,86,85,211
RosyBrown#BC8F8F18,81,43,143
DarkKhaki#BDB76B18,91,83,107
Silver#C0C0C019,21,92,192
MediumVioletRed#C715851,99,21,133
IndianRed#CD5C5C205,92,92
Peru#CD853F205,133,63
Choolate#D2691E210,105,30
Tan#D2B48C21,01,80,140
LightGrey#D3D3D321,12,11,211
Thistle#D8BFD821,61,91,216
Orchid#DA70D621,81,12,214
Goldenrod#DAA520218,165,32
PaleVioletRed#DB709321,91,12,147
Crimson#DC143C220,20,60
GainsBoro#DCDCDC22,02,20,220
Plum#DDA0DD22,11,60,221
BurlyWood#DEB88722,21,84,135
LightCyan#E0FFFF22,42,55,255
Lavender#E6E6FA23,02,30,250
DarkSalmon#E9967A23,31,50,122
Violet#EE82EE23,81,30,238
PaleGoldenrod#EEE8AA23,82,32,170
LightCoral#F0808024,01,28,128
Khaki#F0E68C24,02,30,140
Alice Blue#F0F8FF24,02,48,255
HoneyDew#F0FFF024,02,55,240
Azure#F0FFFF24,02,55,255
SandyBrown#F4A460244,164,96
Wheat#F5DEB324,52,22,179
Beige#F5F5DC24,52,45,220
WhiteSmoke#F5F5F524,52,45,245
MintCream#F5FFFA24,52,55,250
GhostWhite#F8F8FF24,82,48,255
Salmon#FA807225,01,28,114
AntiqueWhite#FAEBD725,02,35,215
Linen#FAF0E625,02,40,230
LightGoldenrodYellow#FAFAD225,02,50,210
OldLace#FDF5E625,32,45,230
Red#FF0000255,0,0
Fuchsia or Magenta#FF00FF255,0,255
DeepPink#FF14932,55,20,147
OrangeRed#FF4500255,69,0
Tomato#FF6347255,99,71
HotPink#FF69B425,51,05,180
Coral#FF7F50255,127,80
DarkOrange#FF8C00255,140,0
LightSalmon#FFA07A25,51,60,122
Orange#FFA500255,165,0
LightPink#FFB6C125,51,82,193
Pink#FFC0CB25,51,92,203
Gold#FFD700255,215,0
PeachPuff#FFDAB925,52,18,185
NavajoWhite#FFDEAD25,52,22,173
Moccasin#FFE4B525,52,28,181
Bisque#FFE4C425,52,28,196
MistyRose#FFE4E125,52,28,225
BlanchedAlmond#FFEBCD25,52,35,205
PapayaWhip#FFEFD525,52,39,213
LavenderBlush#FFF0F525,52,40,245
Seashell#FFF5EE25,52,45,238
CornSilk#FFF8DC25,52,48,220
LemonChiffon#FFFACD25,52,50,205
FloralWhite#FFFAF025,52,50,240
Snow#FFFAFA25,52,50,250
Yellow#FFFF00255,255,0
LightYellow#FFFFE025,52,55,224
Ivory#FFFFF025,52,55,240
White#FFFFFF25,52,55,255

The RGB values of colors may not be compatible with all the browsers. So, it is better to use either HEX color codes or Color names.

Explore your creative side and paint your web pages. Happy Painting!

Like us on Facebook