HTML Screen Color Guide

:: BACK TO HTML CLASS PAGE :: COLOR SWATCHES :: COLOR WORDS ::

Since most current video displays will support "millions" of colors, you can choose any one of these as a background or text color for your web pages. However, to be practical, only a few hundred make sense. Since the changes are so subtle, many colors appear to be the same to the eye. Further, since many users have their screens set to 256-colors, use of too many exotic colors will be wasted effort.

Color Words

There are 140 WORDS that can be used instead of the hexadecimal notation. Click the link in this paragraph to explore that option.


The following table shows less than 256 "web safe" colors using the hexadecimal format of  "#RRGGBB"

RED values are determined by RR, GREEN values by GG and BLUE values by BB

There are numerous web sites on the Internet for selecting colors. This page was set up so that one could select (using the mouse) one of the the color values below. With COPY/PASTE, the value can be inserted into any color property such as for text, background or border.

Hexadecimal is a base-16 number system. Numbers are used for the first 10 numbers 0 through 9. Letters are used for the next six numbers 10 through 15.

Numeric value: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hex value:     0 1 2 3 4 5 6 7 8 9 A  B  C  D  E  F

A value of F is 15. When represented in a color property, FF is 100 percent of that color. A value of 0 is, well, zero. When represented in a color property, 00 is zero percent of that color.

Color Swatches

Back to top

Black

#000000

Back to Color List

White

#FFFFFF

Back to Color List

Grays

#000000
#2E2E2E
#5E5E5E
#6E6E6E
#7E7E7E
#8E8E8E
#9E9E9E
#AEAEAE
#BEBEBE
#CECECE

Back to Color List

Reds

#FF0000
#FF3030
#FF4040
#FF4500
#FF69B4
#FF6EB4
#FF6347
#FF6A6A
#FF34B3
#FF3E96
#FFAEB9
FFB5C5
#FFB6C1
#FFC0CB
#FFC1C1
#FF1493
 
 
 
 

Back to Color List

Maroons

#8B0000
#8B2252
#8B3A3A
#8B4500
#A0522D
#A52A2A
#B22222
#BC8F8F
#C67171
#B03060

Back to Color List

Greens

#006400
#008B45
#00CD66
#00EE76
#00FA94
#54FF9F
#4EEE94
#00FF00
#228B22
#3CB371
#43CD8D
#458B00
#548B54
#32CD32
#556B2F
#32CD32
#556B2F
#66CD00
#66CDAA
#698B22
#698B69
#6B8E23
#6E8B3D
#71C671
#76EE00
#7CCD7C
#7CFC00
#7FFF00
#8FBC8F
#90EE90
#98FB98
#9ACD32
#9AFF9A
#9BCD9B
#A2CD5A
#ADFF2F
#B3EE3A
#B4EEB4
#BCEE68
#C0FF3E
#C1FFC1
#CAFF70
 
 
 

Back to Color List

Blues

#000080
#0000CD
#0000FF
#00688B
#009ACD
#00B2EE
#00BFFF
#00E5EE
#00F5FF
#191970
#1C86EE
#1E90FF
#27408B
#36648B
#3A5FCD
#4169E1
#436EEE
#00FFFF
#40E0D0
#4682B4
#473C8B
#483D8B
#4876FF
#4A708B
#4B0082
#4F94CD
#551A8B
#5D478B
#6495ED
#6959CD
#6A5ACD
#6CA6CD
#7171C6
#7167EE
#7B68EE
#7D9EC0
#7EC0EE
#838B8B
#8E70FF
#8DB6C0
#8DEEEE
#8EE5EE
#6C7B8B
#6E7B8B
#708090
#778899
#79CDCD
#8470FF
#87CEFF
#97FFFF
#98F5FF
#A4D3EE
#ADD8E6
#AEEEEE
#B0E2FF
#B9D3EE
#BBFFFF
#BCD2EE
#BFEFFF
#C6E2FF
#CAE1FF
 
 
 
 

Back to Color List

Blue-Greens

#00868B
#008B8B
#20B2AA
#2F4F4F
#388E8E
#458B74
#48D1CC
#528B8B
#668B8B
#68838B
#00C5CD
#00CDCD
#76EEC6
#7AC5CD
#7FFFD4
#96CDCD
#9AC0CD
#9FB6CD
#A2B5CD
#B0E0E6
#B2DFEE
#B4CDCD
 
 
 

Back to Color List

Violets

#68228B
#7A378B
#7D26CD
#7D26CD
#8A2BE2
#8B008B
#8B3A62
#8B475D
#8B668B
#8B6969
#8E388E
#8B3A62
#8B475D
#8B4789
#8B668B
#8B6969
#912CEE
#9370DB
#9400D3
#9932CC
#9A32CD
#9B30FF
#9932CC
#9A32CD
#9B30FF
#9F79EE
#A020F0
#AB82FF
#B23AEE
#B452CD
#BA55D3
#BF3EFF
#C71585
#FF00FF
#FF82FA
#FF83FA
#FFC0CB
#FFE1FF
#FFE4E1
#FFF0F5
#FFF5EE
#FFFAFA
 
 
 

Back to Color List

Oranges

#FF7256
#FF7F00
#FF7F24
#FF7F50
#FF8247
#FF8C00
#FF8C69
#FFA07A
#FFA500
#FFA54F
#FFB90F
#FFC125
 
 
 

Back to Color List

Yellows

#FFD700
#FFEC8B
#FFF68F
#FFFF00
#FFFFE0

Back to Color List

Browns/Beiges

#8B6508
#8B6914
#B8860B
#C5C1AA
#FFD39B
#FFDAB9
#FFDEAD
#FFE4B5
#FFE4C4
#FFE7BA
#FFEBCD
#FFEFD5
#FFEFDB
#FFF8DC
#FFFFF0

Back to Color List

Golds

#8B8B00
#8E8E38
#BDB76B
#8B8B7A
#8B8B83
#BDB76B
#CCCC00
#CCCC33
#CCCC66
#CCCC99

REMEMBER: Most printers will not print background colors. Change your browser settings to print background colors and images. Even so, many color printers cannot reproduce screen colors accurately.

Monitors use R(ed), G(reen), B(lue) to display color. Printer ink is based on C(yan)M(agenta)Y(ellow)(blac)K.

Page created to promote Internet Web Page Design
Foghlaim Learning Center

:: Return to top ::

 


Search site:
Case-sensitive? yes
exact fuzzy