If you are reading this article, you are probably working with design files, maybe for the first time, and are wondering what the heck to do with color codes. Whether you are a client of mine, taking one of my design courses, or just a passerby, this article will cover the very basics of understanding color codes. I’ll walk you through what the codes stand for, what they mean, and in what circumstance to use them.

What are the color codes we will cover?

1. HEX
2. RGB
3. CMYK

HEX CODES

What is a HEX code?

A hex code (short for hexadecimal code) is a combination of 6 letters and numbers that form a unique code to identify colors.

A hex code looks like this: #RRGGBB

• RR = red value
• GG = green value
• BB = blue value

Each pair (red, green, and blue) ranges from 00 (none of that color) to FF (the maximum amount). Hex codes are a series of six letters and numbers that identify the exact color in the RGB spectrum. Meanwhile, the RGB color profile is shown as R### G### B### to identify how much of each primary tone should be used to create a color.

For example, the hex code for white is #FFFFFF and the RGB profile is R255 G255 B255. You can use either the Hex Code or the RGB profile to get the same color, but you will most likely use Hex codes more often. Here are some other examples:

• #FFFFFF → white
• #000000 → black
• #FF0000 → pure red
• #00FF00 → pure green
• #0000FF → pure blue

What are HEX codes used for?

HEX codes identify colors for screens.

In what circumstance will I need to use a HEX code?

A HEX code will be the most commonly used codes across design platforms you might use: canva, powerpoint, illustrator, many CRMs like Honeybook, Ivorey, and Flodesk; and most website builders like Squarespace, WIX, and Showit all allow you to customize designs using HEX codes.

When making changes to your website, you may notice that your design software will ask you for a HEX code to identify your color choice.

RGB CODES

What Does RGB stand for?

RGB refers to the primary color palette of Red, Green, Blue.

What is RGB used for?

Scanners, digital cameras and computer monitors use red, green and blue (RGB) light to display color.

In what circumstance would I use an RGB color code?

Brand media such as your social media and website graphics will be always be produced using the RGB color spectrum. Whether you use a HEX code or RGB code to find that color, though, is kindof up to you! Even though HEX codes and RGB codes are both used for digital media, you might use an RGB code if you are working on a project where you need to be more precise about your color. RGB can also be a bit easier to visually understand than HEX. Many people find RGB(0, 128, 255)easier to understand than #0080FF. (Aka there is no red, medium green, and max blue in this color)

CMYK CODES

What Does CMYK stand for?

CMYK refers to the color palette Cyan, Magenta, Yellow and Black.

What is CMYK used for?

All printers use CMYK color codes, and CMYK can be used by artists to identify the exact recipe to create a specific color using dye, paint, or ink.

In what circumstance would I use a CMYK color code?

If you are having any physical item made in specific colors, you will need to provide the CMYK codes for your colors. Tangible brand Media such as printed business cards, invitations, signage and more will be produced using CMYK.

You should not use files created specifically for printing in digital applications. Should you attempt to use a picture of a CMYK brand element digitally, the color will appear different on your screen. This goes the other way too: if you are designing an item that will be printed on a computer screen, the color that is printed in real life may be different. It is important to rely on professional manufacturers if you need an exact color match.