Oultwood

HTML named colours

The table below shows the html colours that are recognized by name within netscape communicator or internet explorer 3.0 (or higher). The table also demonstrates which colour combinations are most suitable. Always try to use one of the following easy to remember rules:

use dark characters with light backgrounds

use light characters with dark backgrounds

Unless you are really certain of what you are doing, try to stick with dark characters on light backgrounds. If you do, then you will be less likely to make mistakes that renders your web into an illegible mess! Graphics designers can get away with using dark backgrounds, most others can’t!

A large number of web users do have sight problems. You can help this group of users by using high contrast between background and text. You can also make your site more readable by taking care of the type of background images you use.

According to the UK Royal National Institute for the Blind (RNIB), 1.7 million people in the uk experience a serious sight problem or blindness. Poor web design prevents many disabled people from getting the most from the web.

Please support the RNIB campaign for better web design! http://www.rnib.org.uk/digital

If you use the color names in the cells below, you need to be using netscape communicator or internet explorer 3.0 (or higher). In order to be compatible with other earlier versions of these browsers, it is best to use the hex code instead.

Google ads

html color name hex code .....white........black........yellow.........red..........blue.........green.... black #000000..........white........black........yellow.........red..........blue.........green.... navy #000080..........white........black........yellow.........red..........blue.........green.... darkblue #00008b..........white........black........yellow.........red..........blue.........green.... mediumblue #0000cd..........white........black........yellow.........red..........blue.........green.... blue #0000ff..........white........black........yellow.........red..........blue.........green.... darkgreen #006400..........white........black........yellow.........red..........blue.........green.... green #008000..........white........black........yellow.........red..........blue.........green.... teal #008080..........white........black........yellow.........red..........blue.........green.... darkcyan #008b8b..........white........black........yellow.........red..........blue.........green.... deepskyblue #00bfbf..........white........black........yellow.........red..........blue.........green.... darkturquoise #00ced1..........white........black........yellow.........red..........blue.........green.... mediumspringgreen #00fa9a..........white........black........yellow.........red..........blue.........green.... lime #00ff00..........white........black........yellow.........red..........blue.........green.... springgreen #00ff7f..........white........black........yellow.........red..........blue.........green.... aqua #00ffff..........white........black........yellow.........red..........blue.........green.... cyan #00ffff..........white........black........yellow.........red..........blue.........green.... midnightblue #191970..........white........black........yellow.........red..........blue.........green.... dodgerblue #1e90ff..........white........black........yellow.........red..........blue.........green.... lightseagreen #20b2aa..........white........black........yellow.........red..........blue.........green.... forestgreen #228b22..........white........black........yellow.........red..........blue.........green.... seagreen #2e8b57..........white........black........yellow.........red..........blue.........green.... darkslategray #2f4f4f..........white........black........yellow.........red..........blue.........green.... limegreen #32cd32..........white........black........yellow.........red..........blue.........green.... mediumseagreen #3cb371..........white........black........yellow.........red..........blue.........green.... turquoise #40e0d0..........white........black........yellow.........red..........blue.........green.... royalblue #4169e1..........white........black........yellow.........red..........blue.........green.... steelblue #4682b4..........white........black........yellow.........red..........blue.........green.... darkslateblue #483d8b..........white........black........yellow.........red..........blue.........green.... mediumturquoise #48d1cc..........white........black........yellow.........red..........blue.........green.... indigo #4b0082..........white........black........yellow.........red..........blue.........green.... darkolivegreen #556b2f..........white........black........yellow.........red..........blue.........green.... cadetblue #5f9ea0..........white........black........yellow.........red..........blue.........green.... cornflowerblue #6495ed..........white........black........yellow.........red..........blue.........green.... mediumaquamarine #66cdaa..........white........black........yellow.........red..........blue.........green.... dimgray #696969..........white........black........yellow.........red..........blue.........green.... slateblue #6a5acd..........white........black........yellow.........red..........blue.........green.... olivedrab #6b8e23..........white........black........yellow.........red..........blue.........green.... slategray #708090..........white........black........yellow.........red..........blue.........green.... lightslategray #778899..........white........black........yellow.........red..........blue.........green.... mediumslateblue #7b68ee..........white........black........yellow.........red..........blue.........green.... lawngreen #7cfc00..........white........black........yellow.........red..........blue.........green.... chartreuse #7fff00..........white........black........yellow.........red..........blue.........green.... aquamarine #7fffd4..........white........black........yellow.........red..........blue.........green.... maroon #800000..........white........black........yellow.........red..........blue.........green.... purple #800080..........white........black........yellow.........red..........blue.........green.... olive #808000..........white........black........yellow.........red..........blue.........green.... gray #808080..........white........black........yellow.........red..........blue.........green.... skyblue #87ceeb..........white........black........yellow.........red..........blue.........green.... lightskyblue #87cefa..........white........black........yellow.........red..........blue.........green.... blueviolet #8a2be2..........white........black........yellow.........red..........blue.........green.... darkred #8b0000..........white........black........yellow.........red..........blue.........green.... darkmagenta #8b008b..........white........black........yellow.........red..........blue.........green.... saddlebrown #8b4513..........white........black........yellow.........red..........blue.........green.... darkseagreen #8fbc8f..........white........black........yellow.........red..........blue.........green.... lightgreen #90ee90..........white........black........yellow.........red..........blue.........green.... mediumpurple #9370db..........white........black........yellow.........red..........blue.........green.... darkviolet #9400d3..........white........black........yellow.........red..........blue.........green.... palegreen #98fb98..........white........black........yellow.........red..........blue.........green.... darkorchid #9932cc..........white........black........yellow.........red..........blue.........green.... yellowgreen #9acd32..........white........black........yellow.........red..........blue.........green.... sienna #a0522d..........white........black........yellow.........red..........blue.........green.... brown #a52a2a..........white........black........yellow.........red..........blue.........green.... darkgray #a9a9a9..........white........black........yellow.........red..........blue.........green.... lightblue #add8e6..........white........black........yellow.........red..........blue.........green.... greenyellow #adff2f..........white........black........yellow.........red..........blue.........green.... paleturquoise #afeeee..........white........black........yellow.........red..........blue.........green.... lightsteelblue #b0c4de..........white........black........yellow.........red..........blue.........green.... powderblue #b0e0e6..........white........black........yellow.........red..........blue.........green.... firebrick #b22222..........white........black........yellow.........red..........blue.........green.... darkgoldenrod #b8860b..........white........black........yellow.........red..........blue.........green.... mediumorchid #ba55d3..........white........black........yellow.........red..........blue.........green.... rosybrown #bc8f8f..........white........black........yellow.........red..........blue.........green.... darkkhaki #bdb76b..........white........black........yellow.........red..........blue.........green.... silver #c0c0c0..........white........black........yellow.........red..........blue.........green.... mediumvioletred #c71585..........white........black........yellow.........red..........blue.........green.... indianred #cd5c5c..........white........black........yellow.........red..........blue.........green.... peru #cd853f..........white........black........yellow.........red..........blue.........green.... chocolate #d2691e..........white........black........yellow.........red..........blue.........green.... tan #d2b48c..........white........black........yellow.........red..........blue.........green.... lightgray #d3d3d3..........white........black........yellow.........red..........blue.........green.... thistle #d8bfd8..........white........black........yellow.........red..........blue.........green.... orchid #da70d6..........white........black........yellow.........red..........blue.........green.... goldenrod #daa520..........white........black........yellow.........red..........blue.........green.... palevioletred #db7093..........white........black........yellow.........red..........blue.........green.... crimson #dc143c..........white........black........yellow.........red..........blue.........green.... gainsboro #dcdcdc..........white........black........yellow.........red..........blue.........green.... plum #dda0dd..........white........black........yellow.........red..........blue.........green.... burlywood #deb887..........white........black........yellow.........red..........blue.........green.... lightcyan #e0ffff..........white........black........yellow.........red..........blue.........green.... lavender #e6e6fa..........white........black........yellow.........red..........blue.........green.... darksalmon #e9967a..........white........black........yellow.........red..........blue.........green.... violet #ee82ee..........white........black........yellow.........red..........blue.........green.... palegoldenrod #eee8aa..........white........black........yellow.........red..........blue.........green.... lightcoral #f08080..........white........black........yellow.........red..........blue.........green.... khaki #f0e68c..........white........black........yellow.........red..........blue.........green.... aliceblue #f0f8ff..........white........black........yellow.........red..........blue.........green.... honeydew #f0fff0..........white........black........yellow.........red..........blue.........green.... azure #f0ffff..........white........black........yellow.........red..........blue.........green.... sandybrown #f4a460..........white........black........yellow.........red..........blue.........green.... wheat #f5deb3..........white........black........yellow.........red..........blue.........green.... beige #f5f5dc..........white........black........yellow.........red..........blue.........green.... whitesmoke #f5f5f5..........white........black........yellow.........red..........blue.........green.... mintcream #f5fffa..........white........black........yellow.........red..........blue.........green.... ghostwhite #f8f8ff..........white........black........yellow.........red..........blue.........green.... salmon #fa8072..........white........black........yellow.........red..........blue.........green.... antiquewhite #faebd7..........white........black........yellow.........red..........blue.........green.... linen #faf0e6..........white........black........yellow.........red..........blue.........green.... lightgoldenrodyellow #fafad2..........white........black........yellow.........red..........blue.........green.... oldlace #fdf5e6..........white........black........yellow.........red..........blue.........green.... red #ff0000..........white........black........yellow.........red..........blue.........green.... fuchsia #ff00ff..........white........black........yellow.........red..........blue.........green.... magenta #ff00ff..........white........black........yellow.........red..........blue.........green.... deeppink #ff1493..........white........black........yellow.........red..........blue.........green.... orangered #ff4500..........white........black........yellow.........red..........blue.........green.... tomato #ff6347..........white........black........yellow.........red..........blue.........green.... hotpink #ff69b4..........white........black........yellow.........red..........blue.........green.... coral #ff7f50..........white........black........yellow.........red..........blue.........green.... darkorange #ff8c00..........white........black........yellow.........red..........blue.........green.... lightsalmon #ffa07a..........white........black........yellow.........red..........blue.........green.... orange #ffa500..........white........black........yellow.........red..........blue.........green.... lightpink #ffb6c1..........white........black........yellow.........red..........blue.........green.... pink #ffc0cb..........white........black........yellow.........red..........blue.........green.... gold #ffd700..........white........black........yellow.........red..........blue.........green.... peachpuff #ffdab9..........white........black........yellow.........red..........blue.........green.... navajowhite #ffdead..........white........black........yellow.........red..........blue.........green.... moccasin #ffe4b5..........white........black........yellow.........red..........blue.........green.... bisque #ffe4c4..........white........black........yellow.........red..........blue.........green.... mistyrose #ffe4e1..........white........black........yellow.........red..........blue.........green.... blanchedalmond #ffebcd..........white........black........yellow.........red..........blue.........green.... papayawhip #ffefd5..........white........black........yellow.........red..........blue.........green.... lavenderblush #fff0f5..........white........black........yellow.........red..........blue.........green.... seashell #fff5ee..........white........black........yellow.........red..........blue.........green.... cornsilk #fff8dc..........white........black........yellow.........red..........blue.........green.... lemonchiffon #fffacd..........white........black........yellow.........red..........blue.........green.... floralwhite #fffaf0..........white........black........yellow.........red..........blue.........green.... snow #fffafa..........white........black........yellow.........red..........blue.........green.... yellow #ffff00..........white........black........yellow.........red..........blue.........green.... lightyellow #ffffe0..........white........black........yellow.........red..........blue.........green.... ivory #fffff0..........white........black........yellow.........red..........blue.........green.... white #ffffff..........white........black........yellow.........red..........blue.........green....

Google ads

I hope this chart has helped you see the importance of choosing the correct colour combinations for your web pages. The table above shows how a small range of colors appear on different backgrounds. It is easy to see that light on light and dark on dark are poor combinations!

Good luck with your html coding, but please remember that if your site’s difficult to read, no-one will re-visit it!