Color is important when designing webpages - here is a chart with a large selection of colors that you can mix and match to brighten your site - or to suit your personal taste - Each color is named and has the six character code on the right. Try many colors together to see the effect.
Use color harmony principles to create a pleasant visual experience. In other words, all the colors of the components — the navigation system, banners, buttons, and text — as well as the images of the merchandise must all work well together. Don’t try to reinvent the color wheel by using unusual colors. Use color to direct the eye to the most important areas on the page. Too many colors and shapes make it impossible to focus and find anything. Your site should be attractive and inviting.
|
If you are trying to match a color in a specific gif or piece of art, email me the address of the artwork, and I'll match the colors exactly and send you the codes.
|
| Snow | #FFFAFA
|
GhostWhite | #F8F8FF
|
WhiteSmoke | #F5F5F5
|
Gainsboro | #DCDCDC
|
FloralWhite | #FFFAF0
|
OldLace | #FDF5E6
|
Linen | #FAF0E6
|
Antq White | #FAEBD7
|
PapayaWhip | #FFEFD5
|
Almond | #FFEBCD
|
Bisque | #FFE4C4
|
PeachPuff | #FFDAB9
|
NavajoWhite | #FFDEAD
|
Moccasin | #FFE4B5
|
Cornsilk | #FFF8DC
|
Ivory | #FFEFF0
|
LmnChiffon | #FFFACD
|
Seashell | #FFF5EE
|
Honeydew | #F0FFF0
|
MintCream | #F5FFFA
|
Azure | #F0FFFF
|
AliceBlue | #F0F8FF
|
Lvder | #E6E6FA
|
LvderBlush | #FFF0F5
|
MistyRose | #FFE4E1
|
White | #FFFFFF
|
Black | #000000
|
DrkSlateGray | #2F4F4F
|
DimGrey | #696969
|
SlateGrey | #708090
|
LtSlateGray | #778899
|
Grey | #BEBEBE
|
LtGray | #D3D3D3
|
MidnightBlue | #191970
|
CornflowerBlue | #6495ED
|
SlateBlue | #6A5ACD
|
DrkSlateBlue | #483D8B
|
MedSlateBlue | #7B68EE
|
LtSlateBlue | #8470FF
|
MedBlue | #0000CD
|
RoyalBlue | #4169E1
|
Blue | #0000FF
|
DodgerBlue | #1E90FF
|
DeepSkyBlue | #00BFFF
|
SkyBlue | #87CEEB
|
LtSkyBlue | #87CEFA
|
SteelBlue | #4682B4
|
LtSteelBlue | #B0C4DE
|
LtBlue | #ADD8E6
|
PowderBlue | #B0E0E6
|
PaleTurq | #AFEEEE
|
DrkTurq | #00CED1
|
MedTurq | #48D1CC
|
Turq | #40E0D0
|
| Cyan | #00FFFF |
| LtCyan | #E0FFFF |
| CadetBlue | #5F9EA0 |
| MedAquamarine | #66CDAA |
| Aquamarine | #7FFFD4 |
| DrkGrn | #006400 |
| DrkOliveGrn | #556B2F |
| DrkSeaGrn | #8FBC8F |
| SeaGrn | #2E8B57 |
| MedSeaGrn | #3CB371 |
| LtSeaGrn | #20B2AA |
| PaleGrn | #98FB98 |
| SpringGrn | #00FF7F |
| LawnGrn | #7CFC00 |
| Grn | #00FF00 |
| Chartreuse | #7FFF00 |
| MedSpringGrn | #00FA9A |
| GrnYellow | #ADFF2F |
| LimeGrn | #32CD32 |
| YellowGrn | #9ACD32 |
| ForestGrn | #228B22 |
| OliveDrab | #6B8E23 |
| DrkKhaki | #BDB76B |
| PaleGoldenrod | #EEE8AA |
| LtGoldenrodYlw | #FAFAD2 |
| LtYellow | #FFFFE0 |
| Yellow | #FFFF00 |
| Gold | #FFD700 |
| LtGoldenrod | #EEDD82 |
| goldenrod | #DAA520 |
| DrkGoldenrod | #B8860B
|
RosyBrown | #BC8F8F |
| IndianRed | #CD5C5C |
| SaddleBrown | #8B4513 |
| Sienna | #A0522D |
| Peru | #CD853F |
| Burlywood | #DEB887 |
| Beige | #F5F5DC |
| Wheat | #F5DEB3 |
| SandyBrown | #F4A460 |
| Tan | #D2B48C |
| Chocolate | #D2691E |
| Firebrick | #B22222 |
| Brown | #A52A2A |
| DrkSalmon | #E9967A |
| Salmon | #FA8072 |
| LtSalmon | #FFA07A |
| Orange | #FFA500 |
| DrkOrange | #FF8C00 |
| Coral | #FF7F50 |
| LtCoral | #F08080 |
| Tomato | #FF6347 |
| OrangeRed | #FF4500 |
| Red | #FF0000 |
| HotPink | #FF69B4 |
| DeepPink | #FF1493 |
| Pink | #FFC0CB |
| LtPink | #FFB6C1 |
| PaleVioletRed | #DB7093 |
| Maroon | #B03060 |
| MedVioletRed | #C71585
|
|
| VioletRed | #D02090 |
| Magenta | #FF00FF |
| Violet | #EE82EE |
| Plum | #DDA0DD |
| Orchid | #DA70D6 |
| MedOrchid | #BA55D3 |
| DrkOrchid | #9932CC |
| DrkViolet | #9400D3 |
| BlueViolet | #8A2BE2 |
| Purple | #A020F0 |
| MedPurple | #9370DB |
| Thistle | #D8BFD8 |
| Snow1 | #FFFAFA |
| Snow2 | #EEE9E9 |
| Snow3 | #CDC9C9 |
| Snow4 | #8B8989 |
| Seashell1 | #FFF5EE |
| Seashell2 | #EEE5DE |
| Seashell3 | #CDC5BF |
| Seashell4 | #8B8682 |
| AntqWhite1 | #FFEFDB |
| AntqWhite2 | #EEDFCC |
| AntqWhite3 | #CDC0B0 |
| AntqWhite4 | #8B8378 |
| Bisque1 | #FFE4C4 |
| Bisque2 | #EED5B7 |
| Bisque3 | #CDB79E |
| Bisque4 | #8B7D6B |
| PeachPuff1 | #FFDAB9 |
| PeachPuff2 | #EECBAD |
| PeachPuff3 | #CDAF95 |
| PeachPuff4 | #8B7765 |
| NavajoWhite1 | #FFDEAD |
| NavajoWhite2 | #EECFA1 |
| NavajoWhite3 | #CDB38B |
| NavajoWhite4 | #8B795E |
| LmnChiffon1 | #FFFACD |
| LmnChiffon2 | #EEE9BF |
| LmnChiffon3 | #CDC9A5 |
| LmnChiffon4 | #8B8970 |
| Cornsilk1 | #FFF8DC |
| Cornsilk2 | #EEE8CD |
| Cornsilk3 | #CDC8B1 |
| Cornsilk4 | #8B8878 |
| Ivory1 | #FFFFF0 |
| Ivory2 | #EEEEE0 |
| Ivory3 | #CDCDC1 |
| Ivory4 | #8B8B83 |
| Honeydew1 | #F0FFF0 |
| Honeydew3 | #C1CDC1 |
| Honeydew4 | #838B83 |
| LvderBlush1 | #FFF0F5 |
| LvderBlush2 | #EEE0E5 |
| LvderBlush3 | #CDC1C5 |
| LvderBlush4 | #8B8386 |
Honeydew2 | #E0EEE0 |
| MistyRose1 | #FFE4E1 |
| MistyRose2 | #EED5D2 |
MistyRose3 | #CDB7B5 |
| MistyRose4 | #8B7D7B |
| Azure1 | #F0FFFF |
| Azure2 | #E0EEEE |
| Azure3 | #C1CDCD |
| Azure4 | #838B8B |
| SlateBlue1 | #836FFF |
| SlateBlue2 | #7A67EE |
| SlateBlue3 | #6959CD |
| SlateBlue4 | #473C8B |
| RoyalBlue1 | #4876FF |
| RoyalBlue2 | #436EEE |
| RoyalBlue3 | #3A5FCD |
| RoyalBlue4 | #27408B |
| Blue1 | #0000FF |
| Blue2 | #0000EE |
| Blue3 | #0000CD |
| Blue4 | #00008B |
| DodgerBlue1 | #1E90FF |
| DodgerBlue2 | #1C86EE |
| DodgerBlue3 | #1874CD |
| DodgerBlue4 | #104E8B |
| SteelBlue1 | #63B8FF |
| SteelBlue2 | #5CACEE |
| SteelBlue3 | #4F94CD |
| SteelBlue4 | #36648B |
| DeepSkyBlue1 | #00BFFF |
| DeepSkyBlue2 | #00B2EE |
| DeepSkyBlue3 | #009ACD |
| DeepSkyBlue4 | #00688B |
| SkyBlue1 | #87CEFF |
| SkyBlue2 | #7EC0EE |
| SkyBlue3 | #6CA6CD |
| SkyBlue4 | #4A708B |
| LtSkyBlue1 | #B0E2FF |
| LtSkyBlue2 | #A4D3EE |
| LtSkyBlue3 | #8DB6CD |
| LtSkyBlue4 | #607B8B |
| SlateGray1 | #C6E2FF |
| SlateGray2 | #B9D3EE |
| SlateGray3 | #9FB6CD |
| SlateGray4 | #6C7B8B |
| LtSteelBlue1 | #CAE1FF |
| LtSteelBlue2 | #BCD2EE |
| LtSteelBlue3 | #A2B5CD |
| LtSteelBlue4 | #6E7B8B |
| LtBlue1 | #BFEFFF |
| LtBlue2 | #B2DFEE |
| LtBlue3 | #9AC0CD |
| LtBlue4 | #68838B |
| LtCyan1 | #E0FFFF |
| LtCyan2 | #D1EEEE |
| LtCyan3 | #B4CDCD |
| LtCyan4 | #7A8B8B |
| PaleTurq1 | #BBFFFF |
| PaleTurq2 | #AEEEEE |
| PaleTurq3 | #96CDCD
|
|
| PaleTurq4 | #668B8B |
| CadetBlue1 | #98F5FF |
| CadetBlue2 | #8EE5EE |
| CadetBlue3 | #7AC5CD |
| CadetBlue4 | #53868B |
| Turq1 | #00F5FF |
| Turq2 | #00E5EE |
| Turq3 | #00C5CD |
| Turq4 | #00868B |
| Cyan1 | #00FFFF |
| Cyan2 | #00EEEE |
| Cyan3 | #00CDCD |
| Cyan4 | #008B8B |
| DrkSlateGray1 | #97FFFF |
| DrkSlateGray2 | #8DEEEE |
| DrkSlateGray3 | #79CDCD |
| DrkSlateGray4 | #528B8B |
| Aquamarine1 | #7FFFD4 |
| Aquamarine2 | #76EEC6 |
| Aquamarine3 | #66CDAA |
| Aquamarine4 | #458B74 |
| DrkSeaGrn1 | #C1FFC1 |
| DrkSeaGrn2 | #B4EEB4 |
| DrkSeaGrn3 | #9BCD9B |
| DrkSeaGrn4 | #698B69 |
SeaGrn2 | #4EEE94 |
| SeaGrn3 | #43CD80 |
| SeaGrn4 | #2E8B57 |
| SeaGrn1 | #54FF9F |
| PaleGrn1 | #9AFF9A |
| PaleGrn2 | #90EE90 |
| PaleGrn3 | #7CCD7C |
| PaleGrn4 | #548B54 |
| SpringGrn1 | #00FF7F |
| SpringGrn2 | #00EE76 |
| SpringGrn3 | #00CD66 |
| SpringGrn4 | #008B45 |
| Grn1 | #00FF00 |
| Grn2 | #00EE00 |
| Grn3 | #00CD00 |
| Grn4 | #008B00 |
| Chartreuse1 | #7FFF00 |
| Chartreuse2 | #76EE00 |
| Chartreuse3 | #66CD00 |
| Chartreuse4 | #458B00 |
| OliveDrab1 | #C0FF3E |
| OliveDrab2 | #B3EE3A |
| OliveDrab3 | #9ACD32 |
| OliveDrab4 | #698B22 |
| DrkOliveGrn1 | #CAFF70 |
| DrkOliveGrn2 | #BCEE68 |
| DrkOliveGrn3 | #A2CD5A |
| DrkOliveGrn4 | #6E8B3D |
| Khaki1 | #FFF68F |
| Khaki2 | #EEE685 |
| Khaki3 | #CDC673 |
| Khaki4 | #8B864E |
| LtGoldenrod1 | #FFEC8B |
| LtGoldenrod2 | #EEDC82 |
| LtGoldenrod3 | #CDBE70 |
| LtGoldenrod4 | #8B814C |
| LtYellow1 | #FFFFE0 |
| LtYellow2 | #EEEED1 |
| LtYellow3 | #CDCDB4 |
| LtYellow4 | #8B8B7A |
| Yellow1 | #FFFF00 |
| Yellow2 | #EEEE00 |
| Yellow3 | #CDCD00 |
| Yellow4 | #8B8B00 |
| Gold1 | #FFD700 |
| Gold2 | #EEC900 |
| Gold3 | #CDAD00 |
| Gold4 | #8B7500 |
| Goldenrod1 | #FFC125 |
| Goldenrod2 | #EEB422 |
| Goldenrod3 | #CD9B1D |
| Goldenrod4 | #8B6914 |
| DrkGoldenrod1 | #FFB90F |
| DrkGoldenrod2 | #EEAD0E |
| DrkGoldenrod3 | #CD950C |
| DrkGoldenrod4 | #8B658B |
| RosyBrown1 | #FFC1C1 |
| RosyBrown2 | #EEB4B4 |
| RosyBrown3 | #CD9B9B |
| RosyBrown4 | #8B6969 |
| IndianRed1 | #FF6A6A |
| IndianRed2 | #EE6363 |
| IndianRed3 | #CD5555 |
| IndianRed4 | #8B3A3A |
| Sienna1 | #FF8247 |
| Sienna2 | #EE7942 |
| Sienna3 | #CD6839 |
| Sienna4 | #8B4726 |
| Burlywood1 | #FFD39B |
| Burlywood2 | #EEC591 |
| Burlywood3 | #CDAA7D |
| Burlywood4 | #8B7355 |
| Wheat1 | #FFE7BA |
| Wheat2 | #EED8AE |
| Wheat3 | #CDBA96 |
| Wheat4 | #8B7E66 |
| Tan1 | #FFA54F |
| Tan2 | #EE9A49 |
| Tan3 | #CD853F |
| Tan4 | #8B5A2B |
| Chocolate1 | #FF7F24 |
| Chocolate2 | #EE7621 |
| Chocolate3 | #CD661D |
| Chocolate4 | #8B4513 |
| Firebrick1 | #FF3030 |
| Firebrick2 | #EE2C2C |
| Firebrick3 | #CD2626 |
| Firebrick4 | #8B1A1A |
| Brown1 | #FF4040 |
| Brown2 | #EE3B3B
|
|
| Brown3 | #CD3333 |
| Brown4 | #8B2323 |
| Salmon1 | #FF8C69 |
| Salmon2 | #EE8262 |
| Salmon3 | #CD7054 |
| Salmon4 | #8B4C39 |
| LtSalmon1 | #FFA07A |
| LtSalmon2 | #EE9572 |
| LtSalmon3 | #CD8162 |
| LtSalmon4 | #8B5742 |
| Orange1 | #FFA500 |
| Orange2 | #EE9A00 |
| Orange3 | #CD8500 |
| Orange4 | #8B5A00 |
| DrkOrange1 | #FF7F00 |
| DrkOrange2 | #EE7600 |
| DrkOrange3 | #CD6600 |
| DrkOrange4 | #8B4500 |
| Coral1 | #FF7256 |
| Coral2 | #EE6A50 |
| Coral3 | #CD5B45 |
| Coral4 | #8B3E2F |
| Tomato1 | #FF6347 |
| Tomato2 | #EE5C42 |
| Tomato3 | #CD4F39 |
| Tomato4 | #8B3626 |
| OrangeRed1 | #FF4500 |
| OrangeRed2 | #EE4000 |
| OrangeRed3 | #CD3700 |
| OrangeRed4 | #8B2500 |
| Red1 | #FF0000 |
| Red2 | #EE0000 |
| Red3 | #CD0000 |
| Red4 | #8B0000 |
| DeepPink1 | #FF1493 |
| DeepPink2 | #EE1289 |
| DeepPink3 | #CD1076 |
| DeepPink4 | #8B0A50 |
| HotPink1 | #FF6EB4 |
| HotPink2 | #EE6AA7 |
| HotPink3 | #CD6090 |
| HotPink4 | #8B3A62 |
| Pink1 | #FFB5C5 |
| Pink2 | #EEA9B8 |
| Pink3 | #CD919E |
| Pink4 | #8B636C |
| LtPink1 | #FFAEB9 |
| LtPink2 | #EEA2AD |
| LtPink3 | #CD8C95 |
| LtPink4 | #8B5F65 |
| PaleVioletRed1 | #FF82AB |
| PaleVioletRed2 | #EE799F |
| PaleVioletRed3 | #CD6889 |
| PaleVioletRed4 | #8B475D |
| Maroon1 | #FF34B3 |
| Maroon2 | #EE30A7 |
| Maroon3 | #CD2990 |
| Maroon4 | #8B1C62 |
| VioletRed1 | #FF3E96 |
| VioletRed2 | #EE3A8C |
| VioletRed3 | #CD3278 |
| VioletRed4 | #8B2252 |
| Magenta1 | #FF00FF |
| Magenta2 | #EE00EE |
| Magenta3 | #CD00CD |
| Magenta4 | #8B008B |
| Orchid1 | #FF83FA |
| Orchid2 | #EE7AE9 |
| Orchid3 | #CD69C9 |
| Orchid4 | #8B4789 |
| Plum1 | #FFBBFF |
| Plum2 | #EEAEEE |
| Plum3 | #CD96CD |
| Plum4 | #8B668B |
| MedOrchid1 | #E066FF |
| MedOrchid2 | #D15FEE |
| MedOrchid3 | #B452CD |
| MedOrchid4 | #7A378B |
| DrkOrchid1 | #BF3EFF |
| DrkOrchid2 | #B23AEE |
| DrkOrchid3 | #9A32CD |
| DrkOrchid4 | #68228B |
| Purple1 | #9B30FF |
| Purple2 | #912CEE |
| Purple3 | #7D26CD |
| Purple4 | #551A8B |
| MedPurple1 | #AB82FF |
| MedPurple2 | #9F79EE |
| MedPurple3 | #8968CD |
| MedPurple4 | #5D478B |
| Thistle1 | #FFE1FF |
| Thistle2 | #EED2EE |
| Thistle3 | #CDB5CD |
| Thistle4 | #8B7B8B |
| grey11 | #1C1C1C |
| grey21 | #363636 |
| grey31 | #4F4F4F |
| grey41 | #696969 |
| grey51 | #828282 |
| grey61 | #9C9C9C |
| grey71 | #B5B5B5 |
| gray81 | #CFCFCF |
| gray91 | #E8E8E8 |
| DrkGrey | #A9A9A9 |
| DrkBlue | #00008B |
| DrkCyan | #008B8B |
| DrkMagenta | #8B008B |
| DrkRed | #8B0000 |
| LtGrn | #90EE90 |
|
