~Colors, Fonts, & Symbols~

Color Chart | Color Coordinating | Fonts | Symbols

Color Chart


Red color names

  IndianRed CD5C5C 
  LightCoral F08080 
  Salmon FA8072 
  DarkSalmon E9967A 
  LightSalmon FFA07A 
  Crimson DC143C 
  Red FF0000 
  FireBrick B22222 
  DarkRed 8B0000 

Pink color names

 Pink FFC0CB 
  LightPink FFB6C1 
  HotPink FF69B4 
  DeepPink FF1493 
  MediumVioletRed C71585 
  PaleVioletRed DB7093 

Orange color names

  LightSalmon FFA07A 
  Coral FF7F50 
  Tomato FF6347 
  OrangeRed FF4500 
  DarkOrange FF8C00 
  Orange FFA500 

Yellow color names

  Gold FFD700 
  Yellow FFFF00 
  LightYellow FFFFE0 
  LemonChiffon FFFACD 
  LightGoldenrodYellow FAFAD2 
  PapayaWhip FFEFD5 
  Moccasin FFE4B5 
  PeachPuff FFDAB9 
  PaleGoldenrod EEE8AA 
  Khaki F0E68C 
  DarkKhaki BDB76B 

Purple color names

  Lavender E6E6FA 
  Thistle D8BFD8 
  Plum DDA0DD 
  Violet EE82EE 
  Orchid DA70D6 
  Fuchsia FF00FF 
  Magenta FF00FF 
  MediumOrchid BA55D3 
  MediumPurple 9370DB 
  Amethyst 9966CC 
  BlueViolet 8A2BE2 
  DarkViolet 9400D3 
  DarkOrchid 9932CC 
  DarkMagenta 8B008B 
  Purple 800080 
  Indigo 4B0082 
  SlateBlue 6A5ACD 
  DarkSlateBlue 483D8B 
  MediumSlateBlue 7B68EE 

Green color names

  GreenYellow ADFF2F 
  Chartreuse 7FFF00 
  LawnGreen 7CFC00 
  Lime 00FF00 
  LimeGreen 32CD32 
  PaleGreen 98FB98 
  LightGreen 90EE90 
  MediumSpringGreen 00FA9A 
  SpringGreen 00FF7F 
  MediumSeaGreen 3CB371 
  SeaGreen 2E8B57 
  ForestGreen 228B22 
  Green 008000 
  DarkGreen 006400 
  YellowGreen 9ACD32 
  OliveDrab 6B8E23 
  Olive 808000 
  DarkOliveGreen 556B2F 
  MediumAquamarine 66CDAA 
  DarkSeaGreen 8FBC8F 
  LightSeaGreen 20B2AA 
  DarkCyan 008B8B 
  Teal 008080 

Blue color names

  Aqua 00FFFF 
  Cyan 00FFFF 
  LightCyan E0FFFF 
  PaleTurquoise AFEEEE 
  Aquamarine 7FFFD4 
  Turquoise 40E0D0 
  MediumTurquoise 48D1CC 
  DarkTurquoise 00CED1 
  CadetBlue 5F9EA0 
  SteelBlue 4682B4 
  LightSteelBlue B0C4DE 
  PowderBlue B0E0E6 
  LightBlue ADD8E6 
  SkyBlue 87CEEB 
  LightSkyBlue 87CEFA 
  DeepSkyBlue 00BFFF 
  DodgerBlue 1E90FF 
  CornflowerBlue 6495ED 
  MediumSlateBlue 7B68EE 
  RoyalBlue 4169E1 
  Blue 0000FF 
  MediumBlue 0000CD 
  DarkBlue 00008B 
  Navy 000080 
  MidnightBlue 191970 

Brown color names

  Cornsilk FFF8DC 
  BlanchedAlmond FFEBCD 
  Bisque FFE4C4 
  NavajoWhite FFDEAD 
  Wheat F5DEB3 
  BurlyWood DEB887 
  Tan D2B48C 
  RosyBrown BC8F8F 
  SandyBrown F4A460 
  Goldenrod DAA520 
  DarkGoldenrod B8860B 
  Peru CD853F 
  Chocolate D2691E 
  SaddleBrown 8B4513 
  Sienna A0522D 
  Brown A52A2A 
  Maroon 800000 

White color names

  White FFFFFF 
  Snow FFFAFA 
  Honeydew F0FFF0 
  MintCream F5FFFA 
  Azure F0FFFF 
  AliceBlue F0F8FF 
  GhostWhite F8F8FF 
  WhiteSmoke F5F5F5 
  Seashell FFF5EE 
  Beige F5F5DC 
  OldLace FDF5E6 
  FloralWhite FFFAF0 
  Ivory FFFFF0 
  AntiqueWhite FAEBD7 
  Linen FAF0E6 
  LavenderBlush FFF0F5 
  MistyRose FFE4E1 

Grey color names

  Gainsboro DCDCDC 
  LightGrey D3D3D3 
  Silver C0C0C0 
  DarkGray A9A9A9 
  Gray 808080 
  DimGray 696969 
  LightSlateGray 778899 
  SlateGray 708090 
  DarkSlateGray 2F4F4F 
  Black 000000 


For backgrounds:




For text:




For Style Sheets:




This color chart brought to you by HTML-color-codes.info. For more about picking custom colors and to see a full list of 1,500 color codes, visit: HTML color codes.

Color Coordinating

When deciding on a color pallet, it can be useful to look at pictures for inspiration and draw the main colors out of them. Find a color pallet that inspires you, and then go to HTML-color-codes.info to find the exact Hex-codes. Use your color pallet to help you decide on the colors in your banner, headers, background, text, link colors, and more.




#020815 #04184E #002755 #15476C #247082 #60A5B5 #01343B #03314E #011533 #53818B #91EAF9 #E7FDFC



#060503 #3B1E17 #402121 #54151D #642335 #67121B #BE212F #DF3F51 #963551 #F98ED9 #363F4B #E1E3EB



#132537 #130F35 #252779 #4938BD #674BA2 #574089 #9AB3F9 #BDF9FC #E461F9 #FDAEFC #F8FEFF



#000203 #2B201A #772B1B #B76830 #9E6834 #63653D #445540 #43515D #457AB3 #8AFFFE #7C748C #534878



#010101 #3F3490 #521011 #E2162F #B23599 #7E45C6 #BEF985 #55B26B



#0D001A #362933 #8F77CF #A996CE #A99298 #D4BFAE #56357A #240C56 #EDE8EF



#010101 #1A2334 #254365 #2F94BE #B699C9 #FDFAF1 #ECB4BD #F3B28C #4E0A09




Fonts


There are a lot of fonts to choose from, but not all of them will work on every computer. Since new fonts are invented every year, you may find that if you have an older computer, those fonts won't appear. I compiled a list of fonts below that are on my computer that are browser safe for the most part.


Browser-Safe Font Name:

Arial
Georgia
Palatino Linotype
Book Antiqua
Palatino
Helvetica
Arial Black
Comic Sans MS
Impact
Charcoal
Tahoma
Lucida Sans Unicode
Lucida Console
Courier New
Trebuchet MS
Verdana
Sans-serif
Serif

Change Font For Only Select Areas:


Change Font In Style Sheet:

Not all fonts work on every computer browser. Because of this, it is important to choose a second, third, and sometimes fourth font that their browser will recognize and go to in case the first one doesn't work.

For instance, if you use the font "Chiller" as the body font but somebody's browser doesn't support that, the text will come out in Courier New. So, instead, keep in mind a back-up font from the list of Browser-Safe Fonts. To do this put a comma after the original font you want to use and put in the secondary font and put a comma after that to put a third and so on and so forth.



Symbols

Here's an abbreviated list of symbols you may use and the HTML code that corresponds with it.