|
Contributed by Bizfab R&D
|
The purpose of any web page is to convey information or at least that should be true for the vast majority of sites. Thus, the use of colours should facilitate this communication.
Using the wrong colors is likely to turn your visitors away.
To facilitate our clients, we have compiled this web design color chart.
Web Design Color Chart
Skip Down to Named Colors
Using Hex Variations 00,33,66,99,CC and FF | | Non-dithering colors | | Variations beginning with Red column | | 000000 | 330000 | 660000 | 990000 | CC0000 | FF0000 | | 003300 | 333300 | 663300 | 993300 | CC3300 | FF3300 | | 006600 | 336600 | 666600 | 996600 | CC6600 | FF6600 | | 009900 | 339900 | 669900 | 999900 | CC9900 | FF9900 | | 00CC00 | 33CC00 | 66CC00 | 99CC00 | CCCC00 | FFCC00 | | 00FF00 | 33FF00 | 66FF00 | 99FF00 | CCFF00 | FFFF00 | | 00FF33 | 33FF33 | 66FF33 | 99FF33 | CCFF33 | FFFF33 | | 00FF66 | 33FF66 | 66FF66 | 99FF66 | CCFF66 | FFFF66 | | 00FF99 | 33FF99 | 66FF99 | 99FF99 | CCFF99 | FFFF99 | | 00FFCC | 33FFCC | 66FFCC | 99FFCC | CCFFCC | FFFFCC | | 00FFFF | 33FFFF | 66FFFF | 99FFFF | CCFFFF | FFFFFF | | Variations beginning with the Green column | | 000000 | 003300 | 006600 | 009900 | 00CC00 | 00FF00 | | 000033 | 003333 | 006633 | 009933 | 00CC33 | 00FF33 | | 000066 | 003366 | 006666 | 009966 | 00CC66 | 00FF66 | | 000099 | 003399 | 006699 | 009999 | 00CC99 | 00FF99 | | 0000CC | 0033CC | 0066CC | 0099CC | 00CCCC | 00FFCC | | 0000FF | 0033FF | 0066FF | 0099FF | 00CCFF | 00FFFF | | 3300FF | 3333FF | 3366FF | 3399FF | 33CCFF | 33FFFF | | 6600FF | 6633FF | 6666FF | 6699FF | 66CCFF | 66FFFF | | 9900FF | 9933FF | 9966FF | 9999FF | 99CCFF | 99FFFF | | CC00FF | CC33FF | CC66FF | CC99FF | CCCCFF | CCFFFF | | FF00FF | FF33FF | FF66FF | FF99FF | FFCCFF | FFFFFF | | Variations beginning with the Blue column | | 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF | | 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF | | 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF | | 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF | | 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF | | 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF | | Variations beginning with Blue column, adding red only | | | 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF | | 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF | | 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF | | CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF | | FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF | | Variations beginning with Blue, adding red and green | | 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF | | 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF | | 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF | | CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF | | FF0000 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF | | Shades of black | | 000000 | 333333 | 666666 | 999999 | CCCCCC | FFFFFF |
Web Color Names Chart | aliceblue
#F0F8FF | antiquewhite
#FAEBD7 | aqua
#00FFFF | aquamarine
#7FFFD4 | azure
#F0FFFF | beige
#F5F5DC | bisque
#FFE4C4 | black
#000000 | blanchedalmond
#FFEBCD | blue
#0000FF | blueviolet
#8A2BE2 | brown
#A52A2A | burlywood
#DEB887 | cadetblue
#5F9EA0 | chartreuse
#7FFF00 | chocolate
#D2691E | coral
#FF7F50 | cornflowerblue
#6495ED | cornsilk
#FFF8DC | crimson
#DC143C | cyan
#00FFFF | darkblue
#00008B | darkcyan
#008B8B | darkgoldenrod
#B8860B | darkgray
#A9A9A9 | darkgreen
#006400 | darkkhaki
#BDB76B | darkmagenta
#8B008B | darkolivegreen
#556B2F | darkorange
#FF8C00 | darkorchid
#9932CC | darkred
#8B0000 | darksalmon
#E9967A | darkseagreen
#8FBC8B | darkslateblue
#483D8B | darkslategray
#2F4F4F | darkturquoise
#00CED1 | darkviolet
#9400D3 | deeppink
#FF1493 | deepskyblue
#00BFFF | dimgray
#696969 | dodgerblue
#1E90FF | firebrick
#B22222 | floralwhite
#FFFAF0 | forestgreen
#228B22 | fuchsia
#FF00FF | gainsboro
#DCDCDC | ghostwhite
#F8F8FF | gold
#FFD700 | goldenrod
#DAA520 | gray
#808080 | green
#008000 | greenyellow
#ADFF2F | honeydew
#F0FFF0 | hotpink
#FF69B4 | indianred
#CD5C5C | indigo
#4B0082 | ivory
#FFFFF0 | khaki
#F0E68C | lavender
#E6E6FA | lavenderblush
#FFF0F5 | lawngreen
#7CFC00 | lemonchiffon
#FFFACD | lightblue
#ADD8E6 | lightcoral
#F08080 | lightcyan
#E0FFFF | lightgoldenrodyellow
#FAFAD2 | lightgreen
#90EE90 | lightgrey
#D3D3D3 | lightpink
#FFB6C1 | lightsalmon
#FFA07A | lightseagreen
#20B2AA | lightskyblue
#87CEFA | lightslategray
#778899 | lightsteelblue
#B0C4DE | lightyellow
#FFFFE0 | lime
#00FF00 | limegreen
#32CD32 | linen
#FAF0E6 | magenta
#FF00FF | maroon
#800000 | mediumaquamarine
#66CDAA | mediumblue
#0000CD | mediumorchid
#BA55D3 | mediumpurple
#9370DB | mediumseagreen
#3CB371 | mediumslateblue
#7B68EE | mediumspringgreen
#00FA9A | mediumturquoise
#48D1CC | mediumvioletred
#C71585 | midnightblue
#191970 | mintcream
#F5FFFA | mistyrose
#FFE4E1 | moccasin
#FFE4B5 | navajowhite
#FFDEAD | navy
#000080 | oldlace
#FDF5E6 | olive
#808000 | olivedrab
#6B8E23 | orange
#FFA500 | orangered
#FF4500 | orchid
#DA70D6 | palegoldenrod
#EEE8AA | palegreen
#98FB98 | paleturquoise
#AFEEEE | palevioletred
#DB7093 | papayawhip
#FFEFD5 | peachpuff
#FFDAB9 | peru
#CD853F | pink
#FFC0CB | plum
#DDA0DD | powderblue
#B0E0E6 | purple
#800080 | red
#FF0000 | rosybrown
#BC8F8F | royalblue
#4169E1 | saddlebrown
#8B4513 | salmon
#FA8072 | sandybrown
#F4A460 | seagreen
#2E8B57 | seashell
#FFF5EE | sienna
#A0522D | silver
#C0C0C0 | skyblue
#87CEEB | slateblue
#6A5ACD | slategray
#708090 | snow
#FFFAFA | springgreen
#00FF7F | steelblue
#4682B4 | tan
#D2B48C | teal
#008080 | thistle
#D8BFD8 | tomato
#FF6347 | turquoise
#40E0D0 | violet
#EE82EE | wheat
#F5DEB3 | white
#FFFFFF | whitesmoke
#F5F5F5 | yellow
#FFFF00 | yellowgreen
#9ACD32 | | Color names are recognized by browsers but not all colors are recognized by all browsers. Serious developers may want to use the hex code for cross-browser compatibility. The color names in this chart were tested in current versions of Internet Explorer, Mozilla, and Netscape. |
Named Colors What are the 16 named colors that work in all browsers? | | Black | | 000000 | | Green | | 008000 | | Silver | | C0C0C0 | | Lime | | 00FF00 | | Gray | | 808080 | | Olive | | 808000 | | White | | FFFFFF | | Yellow | | FFFF00 | | Maroon | | 800000 | | Navy | | 000080 | | Red | | FF0000 | | Blue | | 0000FF | | Purple | | 800080 | | Teal | | 008080 | | Fuchsia | | FF00FF | | Aqua | | 00FFFF |
|
