Web colors are colors used in designing webpages, and the ways for describing and listing those colors.
There are several ways to choose colors for parts of webpages. Colors may be listed as an RGB triplet (a set of three numbers, red, green, and blue) in hexadecimal format (a hex triplet, rr, gg, bb). An RGB triplet can make 16,777,216 different colors. Standard colors can also be chosen by their common English names. Often a color tool or other graphics software is used to create color values.
The first versions of Mosaic and Netscape Navigator used the X11 color names as the base for their color lists. This was because they both started as X Window System applications.
Each web color has its own definition, sRGB. This relates to the chromaticities of a single phosphor set, a given transfer curve, adaptive whitepoint, and viewing conditions. These have been chosen to be similar to many real-world monitors and viewing conditions. Even without color management, the colors created are fairly close to the given values. However, user agents can be different in the fidelity with which they show the colors. Better user agents use color management to create better color fidelity. This is important for Web-to-print applications.[1]
A hex triplet is a six-digit, three-byte number used in HTML, CSS, PHP, JS, SVG, and other computer programs, to represent colors. The bytes represent the red, green and blue parts of the color. One byte represents a number from 00 to FF or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each color component. The hex triplet is formed by concatenating three bytes in hexadecimal notation, in the following order:
- Byte 1: red value (color type red)
- Byte 2: green value (color type green)
- Byte 3: blue value (color type blue)
For example, consider the color where the red/green/blue values are decimal numbers: red=36, green=104, blue=160 (a grayish-blue color). The decimal numbers 36, 104 and 160 are similar to the numbers 24, 68 and A0 respectively. The hex triplet is obtained by combining the 6 hexadecimal digits together, 2468A0 in this example.
Formulated in 1997, there were originally 16 colors. Orange was added later to make a total of 17. The original 16 were part of something called the "Windows VGA template", meaning that they are the colors that can be used for actions like highlighting.[2]
The table below contains all 140 HTML colors. All modern browsers support them.[4]
HTML name
|
Hex
|
Decimal code R G B
|
Red colors
|
Crimson |
#DC143C |
220 20 60
|
Light coral (Lightcoral) |
#F08080 |
240 128 128
|
Indian red (Indianred) |
#CD5C5C |
205 92 92
|
Fire brick (Firebrick) |
#B22222 |
178 34 34
|
Red |
#FF0000 |
255 0 0
|
Dark red (Darkred) |
#8B0000 |
139 0 0
|
Maroon |
#800000 |
128 0 0
|
Salmon |
#FA8072 |
250 128 114
|
Pink & Rose colors
|
Light pink (Lightpink) |
#FFB6C1 |
255 182 193
|
Pink |
#FFC0CB |
253 108 158
|
Pale violet red (Palevioletred) |
#DB7093 |
219 112 147
|
Hot pink (Hotpink) |
#FF69B4 |
255 105 180
|
Deep pink (Deeppink) |
#FF1493 |
255 20 147
|
Orange colors
|
Peach puff (peachpuff) |
#FFDAB9 |
255 218 185
|
Dark salmon (Darksalmon) |
#E9967A |
233 150 122
|
Light salmon (Lightsalmon) |
#FFA07A |
255 160 122
|
Coral |
#FF7F50 |
255 127 80
|
Tomato |
#FF6347 |
255 99 71
|
Orange red (Orangered) |
#FF4500 |
255 69 0
|
Papaya whip |
#FFEFD5 |
255 239 213
|
Moccasin |
#FFE4B5 |
255 228 181
|
Dark orange (Darkorange) |
#FF8C00 |
255 140 0
|
Orange |
#FFA500 |
255 165 0
|
|
Yellow colors
|
Light goldenrod yellow (Lightgoldenrodyellow) |
#FAFAD2 |
250 250 210
|
Pale goldenrod (Palegoldenrod) |
#EEE8AA |
238 232 170
|
Goldenrod |
#DAA520 |
218 165 32
|
Dark goldenrod (Darkgoldenrod) |
#B8860B |
184 134 11
|
Gold |
#FFD700 |
255 215 0
|
Lemon chiffon (Lemonchiffon) |
#FFFACD |
255 250 205
|
Light yellow (Lightyellow) |
#FFFFE0 |
255 255 224
|
Yellow |
#FFFF00 |
255 255 0
|
Olive |
#808000 |
128 128 0
|
Khaki |
#F0E68C |
240 230 140
|
Dark khaki (darkkhaki) |
#BDB76B |
189 183 107
|
Violet, Purple & Magenta colors
|
Lavender |
#E6E6FA |
230 230 250
|
Medium purple (Mediumpurple) |
#9370DB |
147 112 219
|
Blue violet (Blueviolet) |
#8A2BE2 |
138 43 226
|
Dark violet (Darkviolet) |
#9400D3 |
148 0 211
|
Rebecca purple (Rebeccapurple) |
#663399 |
102 51 153
|
Indigo |
#4B0082 |
75 0 130
|
Medium orchid (Mediumorchid) |
#BA55D3 |
186 85 211
|
Dark orchid (Darkorchid) |
#9932CC |
153 &50 204
|
Thistle |
#D8BFD8 |
216 191 216
|
Plum |
#DDA0DD |
221 160 221
|
Violet |
#EE82EE |
238 130 238
|
Orchid |
#DA70D6 |
218 112 214
|
Fuchsia or Magenta |
#FF00FF |
255 0 255
|
Dark magenta (Darkmagenta) |
#8B008B |
139 0 139
|
Purple |
#800080 |
128 0 128
|
Medium violet red (Mediumvioletred) |
#C71585 |
199 21 133
|
|
HTML name
|
Hex
|
Decimal code R G B
|
Green colors
|
Yellow green (Yellowgreen) |
#9ACD32 |
154 205 50
|
Olive drab |
#6B8E23 |
107 142 35
|
Dark olive green (Darkolivegreen) |
#556B2F |
85 107 47
|
Green yellow (Greenyellow) |
#ADFF2F |
173 255 47
|
Chartreuse |
#7FFF00 |
127 255 0
|
Lawn green (Lawngreen) |
#7CFC00 |
124 252 0
|
Lime |
#00FF00 |
0 255 0
|
Green |
#008000 |
0 128 0
|
Dark green (Darkgreen) |
#006400 |
0 100 0
|
Pale green (Palegreen) |
#98FB98 |
152 251 152
|
Light green (Lightgreen) |
#90EE90 |
144 238 144
|
Lime green (Limegreen) |
#32CD32 |
50 205 50
|
Forest green (Forestgreen) |
#228B22 |
34 139 34
|
Medium spring green (Mediumspringgreen) |
#00FA9A |
0 250 154
|
Spring green (Springgreen) |
#00FF7F |
0 255 127
|
Medium sea green (Mediumseagreen) |
#3CB371 |
60 179 113
|
Sea green (Seagreen) |
#2E8B57 |
46 139 87
|
Dark sea green (Darkseagreen) |
#8FBC8F |
143 188 143
|
Cyan colors
|
Aquamarine |
#7FFFD4 |
127 255 212
|
Medium aquamarine (Mediumaquamarine) |
#66CDAA |
102 205 170
|
Turquoise |
#40E0D0 |
64 224 208
|
Medium turquoise |
#48D1CC |
72 209 204
|
Dark turquoise (Darkturquoise) |
#00CED1 |
0 206 209
|
Pale turquoise |
#AFEEEE |
175 238 238
|
Light sea green (Lightseagreen) |
#20B2AA |
32 178 170
|
Light cyan (Lightcyan) |
#E0FFFF |
224 255 255
|
Aqua or Cyan |
#00FFFF |
0 255 255
|
Dark cyan (Darkcyan) |
#008B8B |
0 139 139
|
Teal |
#008080 |
0 128 128
|
Powder blue (Powderblue) |
#B0E0E6 |
176 224 230
|
Cadet blue (Cadetblue) |
#5F9EA0 |
95 158 160
|
Azure & Blue colors
|
Light blue (Lightblue) |
#ADD8E6 |
173 216 230
|
Sky blue (Skyblue) |
#87CEEB |
135 206 235
|
Light sky blue (Lightskyblue) |
#87CEFA |
135 206 250
|
Deep sky blue (Deepskyblue) |
#00BFFF |
0 191 255
|
Dodger blue (Dodgerblue) |
#1E90FF |
30 144 255
|
Light steel blue (Lightsteelblue) |
#B0C4DE |
176 196 222
|
Steel blue (Steelblue) |
#4682B4 |
70 130 180
|
Cornflower blue (Cornflowerblue) |
#6495ED |
100 149 237
|
Royal blue (Royalblue) |
#4169E1 |
65 105 225
|
Blue |
#0000FF |
0 0 255
|
Medium blue (Mediumblue) |
#0000CD |
0 0 205
|
Dark blue (Darkblue) |
#00008B |
0 0 139
|
Navy |
#000080 |
0 0 128
|
Midnight blue (Midnightblue) |
#191970 |
25 25 112
|
Medium slate blue (Mediumslateblue) |
#7B68EE |
123 104 238
|
Slate blue (Slateblue) |
#6A5ACD |
106 90 205
|
Dark slate blue (Darkslateblue) |
#483D8B |
72 61 139
|
|
HTML name
|
Hex
|
Decimal code R G B
|
Brown colors
|
Cornsilk |
#FFF8DC |
255 248 220
|
Blanched almond (Blanchedalmond) |
#FFEBCD |
255 235 205
|
Bisque |
#FFE4C4 |
255 228 196
|
Navajo white (Navajowhite) |
#FFDEAD |
255 222 173
|
Wheat |
F5 DE B3 |
245 222 179
|
Burlywood |
DE B8 87 |
222 184 135
|
Tan |
D2 B4 8C |
210 180 140
|
Rosy brown (Rosybrown) |
BC 8F 8F |
188 143 143
|
Sandy brown (Sandybrown) |
F4 A4 60 |
244 164 96
|
Peru |
CD 85 3F |
205 133 63
|
Chocolate |
D2 69 1E |
210 105 30
|
Saddle brown (Saddlebrown) |
8B 45 13 |
139 69 19
|
Sienna |
A0 52 2D |
160 82 45
|
Brown |
A5 2A 2A |
165 42 42
|
White colors
|
White |
FF FF FF |
255 255 255
|
Snow |
FF FA FA |
255 250 250
|
Honeydew |
F0 FF F0 |
240 255 240
|
Mint cream (Mintcream) |
F5 FF FA |
245 255 250
|
Azure |
F0 FF FF |
240 255 255
|
Alice blue (Aliceblue) |
F0 F8 FF |
240 248 255
|
Ghost white (Ghostwhite) |
F8 F8 FF |
248 248 255
|
White smoke (Whitesmoke) |
F5 F5 F5 |
245 245 245
|
Seashell |
FF F5 EE |
255 245 238
|
Beige |
F5 F5 DC |
245 245 220
|
Old lace (Oldlace) |
FD F5 E6 |
253 245 230
|
Floral white (Floralwhite) |
FF FA F0 |
255 250 240
|
Ivory |
FF FF F0 |
255 255 240
|
Antique white (Antiquewhite) |
FA EB D7 |
250 235 215
|
Linen |
FA F0 E6 |
250 240 230
|
Lavender blush (Lavenderblush) |
FF F0 F5 |
255 240 245
|
Misty rose (Mistyrose) |
FF E4 E1 |
255 228 225
|
Gray colors
|
Gainsboro |
DC DC DC |
220 220 220
|
Light gray (Lightgray) |
D3 D3 D3 |
211 211 211
|
Silver |
C0 C0 C0 |
192 192 192
|
Dark gray (Darkgray) |
A9 A9 A9 |
169 169 169
|
Gray |
80 80 80 |
128 128 128
|
Dim gray (Dimgray) |
69 69 69 |
105 105 105
|
Light slate gray (Lightslategray) |
77 88 99 |
119 136 153
|
Slate gray (Slategray) |
70 80 90 |
112 128 144
|
Dark slate gray (Darkslategray) |
2F 4F 4F |
47 79 79
|
Black |
00 00 00 |
0 0 0
|
|
These are called "X11 web colors" since the invention of the World Wide Web in 1991.
X11 name
|
Hex
|
Decimal code R G B
|
Red colors
|
lightcoral |
#F08080 |
240 128 128
|
indianred |
#CD5C5C |
205 92 92
|
indianred1 |
#FF6A6A |
255 106 106
|
indianred2 |
#EE6363 |
238 99 99
|
indianred3 |
#CD5555 |
205 85 85
|
indianred4 |
#8B3A3A |
139 58 58
|
firebrick |
#B22222 |
178 34 34
|
brown |
#A52A2A |
165 42 42
|
red1 |
#FF0000 |
255 0 0
|
red4 |
#8B0000 |
139 0 0
|
salmon |
#FA8072 |
250 128 114
|
Pink & Rose colors
|
pink |
#FFC0CB |
255 192 203
|
lightpink |
#FFB6C1 |
255 182 193
|
hotpink |
#FF69B4 |
255 105 180
|
deeppink1 |
#FF1493 |
255 20 147
|
palevioletred |
#DB7093 |
219 112 147
|
maroon |
#B03060 |
176 48 96
|
Orange colors
|
peachpuff1 |
#FFDAB9 |
255 218 185
|
darksalmon |
#E9967A |
233 150 122
|
lightsalmon1 |
#FFA07A |
255 160 122
|
coral |
#FF7F50 |
255 127 80
|
tomato1 |
#FF6347 |
255 99 71
|
orangered1 |
#FF4500 |
255 69 0
|
papayawhip |
#FFEFD5 |
255 239 213
|
moccasin |
#FFE4B5 |
255 228 181
|
darkorange |
#FF8C00 |
255 140 0
|
orange1 |
#FFA500 |
255 165 0
|
|
Yellow colors
|
lightgoldenrodyellow |
#FAFAD2 |
250 250 210
|
lightgoldenrod1 |
#FFEC8B |
250 250 210
|
lightgoldenrod2 |
#EEDC82 |
238 220 130
|
lightgoldenrod3 |
#CDBE70 |
205 190 112
|
lightgoldenrod4 |
#8B814C |
139 129 76
|
palegoldenrod |
#EEE8AA |
238 232 170
|
goldenrod |
#DAA520 |
218 165 32
|
goldenrod1 |
#FFC125 |
255 193 37
|
goldenrod2 |
#EEB422 |
238 180 34
|
goldenrod3 |
#CD9B1D |
205 155 29
|
goldenrod4 |
#8B6914 |
139 105 20
|
darkgoldenrod |
#B8860B |
184 134 11
|
darkgoldenrod1 |
#FFB90F |
255 184 15
|
darkgoldenrod2 |
#EEAD0E |
238 173 14
|
darkgoldenrod3 |
#CD950C |
205 149 12
|
darkgoldenrod4 |
#8B6508 |
139 101 8
|
gold1 |
#FFD700 |
255 215 0
|
gold2 |
#EEC900 |
238 201 0
|
gold3 |
#CDAD00 |
205 173 0
|
gold4 |
#8B7500 |
139 177 0
|
lemonchiffon1 |
#FFFACD |
255 250 205
|
lemonchiffon2 |
#EEE9BF |
238 233 191
|
lemonchiffon3 |
#CDC9A5 |
2O5 201 165
|
lemonchiffon4 |
#8B8970 |
139 137 112
|
lightyellow1 |
#FFFFE0 |
255 255 224
|
lightyellow2 |
#EEEED1 |
238 238 209
|
lightyellow3 |
#CDCDB4 |
205 205 180
|
lightyellow4 |
#8B8B7A |
139 139 122
|
yellow1 |
#FFFF00 |
255 255 0
|
yellow2 |
#EEEE00 |
238 238 0
|
yellow3 |
#CDCD00 |
205 205 0
|
yellow4 |
#8B8B00 |
139 139 0
|
khaki |
#F0E68C |
240 230 140
|
khaki1 |
#FFF68F |
255 246 143
|
khaki2 |
#EEE685 |
238 230 133
|
khaki3 |
#CDC673 |
205 198 115
|
khaki4 |
#8B864E |
139 134 78
|
darkkhaki |
#BDB76B |
189 183 107
|
Violet, Purple & Magenta colors
|
lavender |
#E6E6FA |
230 230 250
|
mediumpurple |
#9370DB |
147 112 219
|
blueviolet |
#8A2BE2 |
138 43 226
|
darkviolet |
#9400D3 |
148 0 211
|
purple |
#A020F0 |
160 32 240
|
mediumorchid |
#BA55D3 |
186 85 211
|
darkorchid |
#9932CC |
153 50 204
|
thistle |
#D8BFD8 |
216 191 216
|
plum |
#DDA0DD |
221 160 221
|
violet |
#EE82EE |
238 130 238
|
orchid |
#DA70D6 |
218 112 214
|
magenta |
#FF00FF |
255 0 255
|
maroon1 |
#FF34B3 |
255 52 179
|
maroon2 |
#EE30A7 |
238 48 167
|
maroon3 |
#CD2990 |
205 41 144
|
maroon4 |
#8B1C62 |
139 28 98
|
mediumvioletred |
#C71585 |
199 21 133
|
violetred |
#D02090 |
208 32 144
|
|
X11 name
|
Hex
|
Decimal code R G B
|
Green colors
|
yellowgreen |
#9ACD32 |
154 205 50
|
olivedrab |
#6B8E23 |
107 142 35
|
darkolivegreen |
#556B2F |
85 107 47
|
greenyellow |
#ADFF2F |
173 255 47
|
chartreuse1 |
#7FFF00 |
127 255 0
|
lawngreen |
#7CFC00 |
124 252 0
|
green1 |
#00FF00 |
0 255 0
|
green4 |
#008B00 |
0 139 0
|
darkgreen |
#006400 |
0 100 0
|
palegreen |
#98FB98 |
152 251 152
|
limegreen |
#32CD32 |
50 205 50
|
forestgreen |
#228B22 |
34 139 34
|
mediumspringgreen |
#00FA9A |
0 250 154
|
springgreen1 |
#00FF7F |
0 255 127
|
mediumseagreen |
#3CB371 |
60 179 113
|
seagreen1 |
#54FF9F |
46 139 87
|
darkseagreen |
#8FBC8F |
143 188 143
|
Cyan colors
|
aquamarine |
#7FFFD4 |
127 255 212
|
mediumaquamarine |
#66CDAA |
102 205 170
|
turquoise |
#40E0D0 |
64 224 208
|
mediumturquoise |
#48D1CC |
72 209 204
|
darkturquoise |
#00CED1 |
0 206 209
|
paleturquoise |
#AFEEEE |
175 238 238
|
lightseagreen |
#20B2AA |
32 178 170
|
lightcyan1 |
#E0FFFF |
224 255 255
|
cyan1 |
#00FFFF |
0 255 255
|
cyan2 |
#00EEEE |
0 238 238
|
cyan3 |
#00CDCD |
0 205 205
|
cyan4 |
#008B8B |
0 139 139
|
powderblue |
#B0E0E6 |
176 224 230
|
cadetblue |
#5F9EA0 |
95 158 160
|
Azure & Blue colors
|
lightblue |
#ADD8E6 |
173 216 230
|
skyblue |
#87CEEB |
135 206 235
|
lightskyblue |
#87CEFA |
135 206 250
|
deepskyblue1 |
#00BFFF |
0 191 255
|
dodgerblue1 |
#1E90FF |
30 144 255
|
lightsteelblue |
#B0C4DE |
176 196 222
|
steelblue |
#4682B4 |
70 130 180
|
cornflowerblue |
#6495ED |
100 149 237
|
royalblue |
#4169E1 |
65 105 225
|
blue1 |
#0000FF |
0 0 255
|
blue2 |
#0000EE |
0 0 238
|
mediumblue |
#0000CD |
0 0 205
|
blue4 |
#00008B |
0 0 139
|
navyblue |
#000080 |
0 0 128
|
midnightblue |
#191970 |
25 25 112
|
mediumslateblue |
#7B68EE |
123 104 238
|
slateblue |
#6A5ACD |
106 90 205
|
darkslateblue |
#483D8B |
72 61 139
|
|
X11 name
|
Hex
|
Decimal code R G B
|
Brown colors
|
cornsilk1 |
FF F8 DC |
255 248 220
|
blanchedalmond |
FF EB CD |
255 235 205
|
bisque1 |
FF E4 C4 |
255 228 196
|
navajowhite1 |
FF DE AD |
255 222 173
|
wheat |
F5 DE B3 |
245 222 179
|
burlywood |
DE B8 87 |
222 184 135
|
tan |
D2 B4 8C |
210 180 140
|
rosybrown |
BC 8F 8F |
188 143 143
|
sandybrown |
F4 A4 60 |
244 164 96
|
peru |
CD 85 3F |
205 133 63
|
chocolate |
D2 69 1E |
210 105 30
|
saddle brown |
8B 45 13 |
139 69 19
|
sienna |
A0 52 2D |
160 82 45
|
White colors
|
white |
FF FF FF |
255 255 255
|
snow1 |
FF FA FA |
255 250 250
|
honeydew1 |
F0 FF F0 |
240 255 240
|
mintcream |
F5 FF FA |
245 255 250
|
azure1 |
F0 FF FF |
240 255 255
|
aliceblue |
F0 F8 FF |
240 248 255
|
ghostwhite |
F8 F8 FF |
248 248 255
|
whitesmoke |
F5 F5 F5 |
245 245 245
|
seashell1 |
FF F5 EE |
255 245 238
|
beige |
F5 F5 DC |
245 245 220
|
oldlace |
FD F5 E6 |
253 245 230
|
floralwhite |
FF FA F0 |
255 250 240
|
ivory1 |
FF FF F0 |
255 255 240
|
antiquewhite |
FA EB D7 |
250 235 215
|
linen |
FA F0 E6 |
250 240 230
|
lavenderblush1 |
FF F0 F5 |
255 240 245
|
mistyrose1 |
FF E4 E1 |
255 228 225
|
Gray colors
|
gainsboro |
DC DC DC |
220 220 220
|
lightgray |
D3 D3 D3 |
211 211 211
|
silver |
C0 C0 C0 |
192 192 192
|
darkgray |
A9 A9 A9 |
169 169 169
|
gray |
80 80 80 |
128 128 128
|
dimgray |
69 69 69 |
105 105 105
|
lightslategray |
77 88 99 |
119 136 153
|
slategray |
70 80 90 |
112 128 144
|
darkslategray |
2F 4F 4F |
47 79 79
|
black |
#000000 |
0 0 0
|
|
This chart shows selected HTML and X11 colors as well as selected unofficial consensus web colors developed by web designers since 2002. When entering code using the unofficial colors, the hex code of the color must be specified instead of writing the name of the color.