HTML Quick Reference Chart Color Codes

When you're adding a color to your Web page with HTML, you can either just type in the name of the color or, more often than not, you'll need to use what's called the hex code, which is something that the browser will be able to understand. Choose a color from the list below and look to its left to get the hex code. If we wanted our background to be red, for example, we'd type bgcolor="#FF0000". Try it out!

If you'd like to print this chart and you are using Internet Explorer, click on "Tools" and then "Advanced." Next, scroll down to "Printing" and make sure the "Print background colors and images" box is checked. Also See HTML Tags

Hex CodeColor
#FFFFFF 
#FFFFCC 
#FFFF99 
#FFFF66 
#FFFF33 
#FFFF00 
#FFCCFF 
#FFCCCC 
#FFCC99 
#FFCC66 
#FFCC33 
#FFCC00 
#FF99FF 
#FF99CC 
#FF9999 
#FF9966 
#FF9933 
#FF9900 
#FF66FF 
#FF66CC 
#FF6699 
#FF6666 
#FF6633 
#FF6600 
#FF33FF 
#FF33CC 
#FF3399 
#FF3366 
#FF3333 
#FF3300 
#FF00FF 
#FF00CC 
#FF0099 
#FF0066 
#FF0033 
#FF0000 

 
Hex CodeColor
#66FFFF 
#66FFCC 
#66FF99 
#66FF66 
#66FF33 
#66FF00 
#66CCFF 
#66CCCC 
#66CC99 
#66CC66 
#66CC33 
#66CC00 
#6699FF 
#6699CC 
#669999 
#669966 
#669933 
#669900 
#6666FF 
#6666CC 
#666699 
#666666 
#666633 
#666600 
#6633FF 
#6633CC 
#663399 
#663366 
#663333 
#663300 
#6600FF 
#6600CC 
#660099 
#660066 
#660033 
#660000 
 
Hex CodeColor
#CCFFFF 
#CCFFCC 
#CCFF99 
#CCFF66 
#CCFF33 
#CCFF00 
#CCCCFF 
#CCCCCC 
#CCCC99 
#CCCC66 
#CCCC33 
#CCCC00 
#CC99FF 
#CC99CC 
#CC9999 
#CC9966 
#CC9933 
#CC9900 
#CC66FF 
#CC66CC 
#CC6699 
#CC6666 
#CC6633 
#CC6600 
#CC33FF 
#CC33CC 
#CC3399 
#CC3366 
#CC3333 
#CC3300 
#CC00FF 
#CC00CC 
#CC0099 
#CC0066 
#CC0033 
#CC0000 

 
Hex CodeColor
#33FFFF 
#33FFCC 
#33FF99 
#33FF66 
#33FF33 
#33FF00 
#33CCFF 
#33CCCC 
#33CC99 
#33CC66 
#33CC33 
#33CC00 
#3399FF 
#3399CC 
#339999 
#339966 
#339933 
#339900 
#3366FF 
#3366CC 
#336699 
#336666 
#336633 
#336600 
#3333FF 
#3333CC 
#333399 
#333366 
#333333 
#333300 
#3300FF 
#3300CC 
#330099 
#330066 
#330033 
#330000 
 
Hex CodeColor
#99FFFF 
#99FFCC 
#99FF99 
#99FF66 
#99FF33 
#99FF00 
#99CCFF 
#99CCCC 
#99CC99 
#99CC66 
#99CC33 
#99CC00 
#9999FF 
#9999CC 
#999999 
#999966 
#999933 
#999900 
#9966FF 
#9966CC 
#996699 
#996666 
#996633 
#996600 
#9933FF 
#9933CC 
#993399 
#993366 
#993333 
#993300 
#9900FF 
#9900CC 
#990099 
#990066 
#990033 
#990000 

 
Hex CodeColor
#00FFFF 
#00FFCC 
#00FF99 
#00FF66 
#00FF33 
#00FF00 
#00CCFF 
#00CCCC 
#00CC99 
#00CC66 
#00CC33 
#00CC00 
#0099FF 
#0099CC 
#009999 
#009966 
#009933 
#009900 
#0066FF 
#0066CC 
#006699 
#006666 
#006633 
#006600 
#0033FF 
#0033CC 
#003399 
#003366 
#003333 
#003300 
#0000FF 
#0000CC 
#000099 
#000066 
#000033 
#000000 

Related Articles

Avoiding Hidden Fees in Merchant Accounts: A Step-by-Step Guide post related image

Avoiding Hidden Fees in Merchant Accounts: A Step-by-Step Guide

Top Payment Gateway Solutions for Seamless E-Commerce Transactions post related image

Top Payment Gateway Solutions for Seamless E-Commerce Transactions

The Importance of Check Processing Services for Retail Businesses post related image

The Importance of Check Processing Services for Retail Businesses

POS Terminals: Choosing the Right System for Your Business post related image

POS Terminals: Choosing the Right System for Your Business

How Non-Profits Can Benefit from Online Donation Processing post related image

How Non-Profits Can Benefit from Online Donation Processing

Credit Card Processing for Small Businesses: Tips and Best Practices post related image

Credit Card Processing for Small Businesses: Tips and Best Practices

Understanding High-Risk Merchant Accounts: A Complete Overview post related image

Understanding High-Risk Merchant Accounts: A Complete Overview

How to Reduce Credit Card Processing Fees and Maximize Profits post related image

How to Reduce Credit Card Processing Fees and Maximize Profits

A Beginner’s Guide to Merchant Accounts: Everything You Need to Know post related image

A Beginner’s Guide to Merchant Accounts: Everything You Need to Know

Merchant Cash Advance vs. Loans: Which is Right for Your Business? post related image

Merchant Cash Advance vs. Loans: Which is Right for Your Business?