Home DFS SB OD SDN

Notice: How To Tip The Webmaster.

You are at the section HTML Colors

Click to Select a Page... Main Page Basic HTML Colors Color Spacing Color Combos with White Color Combos with Black Color Combos with Similar Hues For Further Reading 3-D Color Pallette 2x2x2 3-D Color Pallette 3x3x3 3-D Color Pallette 4x4x4 3-D Color Pallette 5x5x5 3-D Color Pallette 6x6x6 Silicon Cajon Home Page DavesFunStuff Dave's Fun Stuff Find your favorite TV shows with "Let's Watch TV!" Dave's Fun Stuff SDN Media News and More Dave's Fun Stuff Super Birthdays Contact Webmaster

Color Combos with Black

For designing navigation buttons or text on background, be sure to use two colors that contrast each other, whether it's light lettering over a dark background, or dark lettering over a light background. Here are some examples.

Suggested method: in the page.
<font style="color:BLACK; background-color:WHITE">color:BLACK; background-color:WHITE</font><br>

color:aliceblue; background-color:black
color:antiquewhite; background-color:black
color:aqua; background-color:black
color:aquamarine; background-color:black
color:azure; background-color:black
color:beige; background-color:black
color:bisque; background-color:black
color:blanchedalmond; background-color:black
color:burlywood; background-color:black
color:chartreuse; background-color:black
color:cornsilk; background-color:black
color:cyan; background-color:black
color:darkkhaki; background-color:black
color:darksalmon; background-color:black
color:floralwhite; background-color:black
color:gainsboro; background-color:black
color:ghostwhite; background-color:black
color:gold; background-color:black
color:greenyellow; background-color:black
color:honeydew; background-color:black
color:ivory; background-color:black
color:khaki; background-color:black
color:lavender; background-color:black
color:lavenderblush; background-color:black
color:lawngreen; background-color:black
color:lemonchiffon; background-color:black
color:lightblue; background-color:black
color:lightcyan; background-color:black
color:lightgoldenrodyellow; background-color:black
color:lightgray; background-color:black
color:lightgreen; background-color:black
color:lightpink; background-color:black
color:lightsalmon; background-color:black
color:lightskyblue; background-color:black
color:lightsteelblue; background-color:black
color:lightyellow; background-color:black
color:lime; background-color:black
color:linen; background-color:black
color:mediumaquamarine; background-color:black
color:mediumspringgreen; background-color:black
color:mediumturquoise; background-color:black
color:mintcream; background-color:black
color:mistyrose; background-color:black
color:moccasin; background-color:black
color:navajowhite; background-color:black
color:oldlace; background-color:black
color:orange; background-color:black
color:palegoldenrod; background-color:black
color:palegreen; background-color:black
color:paleturquoise; background-color:black
color:papayawhip; background-color:black
color:peachpuff; background-color:black
color:pink; background-color:black
color:plum; background-color:black
color:powderblue; background-color:black
color:sandybrown; background-color:black
color:seashell; background-color:black
color:silver; background-color:black
color:skyblue; background-color:black
color:snow; background-color:black
color:springgreen; background-color:black
color:tan; background-color:black
color:thistle; background-color:black
color:turquoise; background-color:black
color:violet; background-color:black
color:wheat; background-color:black
color:white; background-color:black
color:whitesmoke; background-color:black
color:yellow; background-color:black
color:yellowgreen; background-color:black

color:black; background-color:aliceblue
color:black; background-color:antiquewhite
color:black; background-color:aqua
color:black; background-color:aquamarine
color:black; background-color:azure
color:black; background-color:beige
color:black; background-color:bisque
color:black; background-color:blanchedalmond
color:black; background-color:burlywood
color:black; background-color:chartreuse
color:black; background-color:cornsilk
color:black; background-color:cyan
color:black; background-color:darkkhaki
color:black; background-color:darksalmon
color:black; background-color:floralwhite
color:black; background-color:gainsboro
color:black; background-color:ghostwhite
color:black; background-color:gold
color:black; background-color:greenyellow
color:black; background-color:honeydew
color:black; background-color:ivory
color:black; background-color:khaki
color:black; background-color:lavender
color:black; background-color:lavenderblush
color:black; background-color:lawngreen
color:black; background-color:lemonchiffon
color:black; background-color:lightblue
color:black; background-color:lightcyan
color:black; background-color:lightgoldenrodyellow
color:black; background-color:lightgray
color:black; background-color:lightgreen
color:black; background-color:lightpink
color:black; background-color:lightsalmon
color:black; background-color:lightskyblue
color:black; background-color:lightsteelblue
color:black; background-color:lightyellow
color:black; background-color:lime
color:black; background-color:linen
color:black; background-color:mediumaquamarine
color:black; background-color:mediumspringgreen
color:black; background-color:mediumturquoise
color:black; background-color:mintcream
color:black; background-color:mistyrose
color:black; background-color:moccasin
color:black; background-color:navajowhite
color:black; background-color:oldlace
color:black; background-color:orange
color:black; background-color:palegoldenrod
color:black; background-color:palegreen
color:black; background-color:paleturquoise
color:black; background-color:papayawhip
color:black; background-color:peachpuff
color:black; background-color:pink
color:black; background-color:plum
color:black; background-color:powderblue
color:black; background-color:sandybrown
color:black; background-color:seashell
color:black; background-color:silver
color:black; background-color:skyblue
color:black; background-color:snow
color:black; background-color:springgreen
color:black; background-color:tan
color:black; background-color:thistle
color:black; background-color:turquoise
color:black; background-color:violet
color:black; background-color:wheat
color:black; background-color:white
color:black; background-color:whitesmoke
color:black; background-color:yellow
color:black; background-color:yellowgreen

Menu:
HTML Colors Main Page Basic HTML Colors Color Spacing Color Combos with White Color Combos with Black Color Combos with Similar Hues For Further Reading 3D Color Pallettes
Related:
Silicon Cajon Home Page DavesFunStuff
Market Zone:
Dave's Fun Stuff
TV Zone:
Find your favorite TV shows with "Let's Watch TV!"
Notable:
Dave's Fun Stuff SDN Media News and More
Footer:
Dave's Fun Stuff Super Birthdays Contact Webmaster



© 1995-2023. davesfunstuff.com. All Rights Reserved. Reproduction of any part of this website without expressed written consent is prohibited.