The #..... is the code for each color. Be sure to include the #

Put your pointer over the color and it will change the background.

Click on a background color and see what text looks good.

horizontal rule

#FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #00FFFF

#FFFF00 #70DB93 #5C3317 #9F5F9F #B5A642 #D9D919

#A62A2A #8C7853 #A67D3D #5F9F9F #D98719 #B87333

#FF7F00 #42426F #5C4033 #2F4F2F #4A766E #4F4F2F

#9932CD #871F78 #6B238E #2F4F4F #97694F #7093DB

#855E42 #545454 #856363 #D19275 #8E2323 #238E23

#CD7F32 #DBDB70 #C0C0C0 #527F76 #93DB70 #215E21

#4E2F2F #9F9F5F #C0D9D9 #A8A8A8 #8F8FBD #E9C2A6

#32CD32 #E47833 #8E236B #32CD99 #3232CD #6B8E23

#EAEAAE #9370DB #426F42 #7F00FF #7FFF00 #70DBDB

#DB7093 #A68064 #2F2F4F #23238E #4D4DFF #FF6EC7

#00009C #EBC79E #CFB53B #FF7F00 #FF2400 #DB70DB

#8FBC8F #BC8F8F #EAADEA #D9D9F3 #5959AB #6F4242

#8C1717 #238E68 #6B4226 #8E6B23 #E6E8FA #3299CC

#007FFF #FF1CAE #00FF7F #236B8E #38B0DE #DB9370

#D8BFD8 #ADEAEA #5C4033 #CDCDCD #4F2F4F #CC3299

#D8D8BF #99CC32 #000000

horizontal rule

Example

#FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #00FFFF

#FFFF00 #70DB93 #5C3317 #9F5F9F #B5A642 #D9D919

#A62A2A #8C7853 #A67D3D #5F9F9F #D98719 #B87333

#FF7F00 #42426F #5C4033 #2F4F2F #4A766E #4F4F2F

#9932CD #871F78 #6B238E #2F4F4F #97694F #7093DB

#855E42 #545454 #856363 #D19275 #8E2323 #238E23

#CD7F32 #DBDB70 #C0C0C0 #527F76 #93DB70 #215E21

#4E2F2F #9F9F5F #C0D9D9 #A8A8A8 #8F8FBD #E9C2A6

#32CD32 #E47833 #8E236B #32CD99 #3232CD #6B8E23

#EAEAAE #9370DB #426F42 #7F00FF #7FFF00 #70DBDB

#DB7093 #A68064 #2F2F4F #23238E #4D4DFF #FF6EC7

#00009C #EBC79E #CFB53B #FF7F00 #FF2400 #DB70DB

#8FBC8F #BC8F8F #EAADEA #D9D9F3 #5959AB #6F4242

#8C1717 #238E68 #6B4226 #8E6B23 #E6E8FA #3299CC

#007FFF #FF1CAE #00FF7F #236B8E #38B0DE #DB9370

#D8BFD8 #ADEAEA #5C4033 #CDCDCD #4F2F4F #CC3299

#D8D8BF #99CC32 #000000

back to top