webdesignjakarta

Web design, web development, e-commerce and digital marketing guides from Jakarta.

Bahasa Indonesia
Web Design

HTML & CSS Color Codes: A List by Primary and Secondary Color

Websites built with HTML and CSS get their colors from color codes. Here are the codes worth knowing, grouped by primary and secondary color.

Editorial Team · Web Design Jakarta

Updated 2 min read Baca dalam bahasa Indonesia
HTML and CSS color codes

When you design a website and plan how it will look, one thing you can't forget is choosing the right color combination. You need to know which colors suit your website and which ones to avoid. Websites built with HTML & CSS use color codes to give the site its colors, so it pays to know your HTML and CSS color codes. Website design software can apply colors directly, but it doesn't hurt to know the codes behind them. Below are the HTML color codes & CSS colors you should know:

HTML & CSS Color Codes by Main Color

Red Primary Color Codes

Red is a primary color, which means it can't be made by mixing other colors. Here are the basic red color codes you can use in your HTML and CSS:

  1. Indian Red: #CD5C5C
  2. Light Coral: #F08080
  3. Salmon: #FA8072
  4. Crimson: #DC143C
  5. Red: #FF0000
  6. Dark Red: #8B0000

Yellow Primary Color Codes

Like red, yellow is a primary color that can't be made from other colors. Here are the HTML & CSS color codes for shades of yellow:

  1. Yellow, a bright yellow: #FFFF00
  2. Gold, a slightly golden yellow: #FFD700
  3. Light Yellow: #FFFFE0
  4. Peach Puff: #FFDAB9
  5. Lemon Chiffon: #FFFACD

Blue Primary Color Codes

Blue is a primary color associated with loyalty. Many people like this soft color because it makes a website look more attractive. Here are the HTML & CSS color codes for shades of blue:

  1. Aqua and Cyan share the same color code: #00FFFF
  2. Light Cyan: #E0FFFF
  3. Turquoise: #40E0D0
  4. Medium Turquoise: #48D1CC
  5. Steel Blue: #4682B4
  6. Sky Blue: #87CEFA
  7. Royal Blue: #4169E1
  8. Blue: #0000FF
  9. Medium Blue: #0000CD
  10. Dark Blue: #00008B
  11. Navy: #000080

Secondary Color Codes

Besides primary colors, there are secondary colors, which are made by mixing primary colors. Here are the secondary color codes for HTML and CSS you should know:

  1. Green

Green is made by mixing the primary colors blue and yellow. The HTML & CSS code for green is #00FF00.

  1. Purple

Purple is made by mixing the primary colors red and blue. The color code for purple is #BF00FF, while the code for violet is #8F00FF.

  1. Orange

Orange is made from red and yellow. The color code for orange is #FF7F00.

Don't forget to get the color combination right so your website looks more appealing. If you don't know how to combine these HTML & CSS colors well, visitors won't like your colors or your website design.

Read nextLearn Web Design with Macromedia Dreamweaver: A Beginner's Guide

Read next

All in Web Design