You are currently viewing Color Theory PDF: 08 Basics Beginners Must Know (+ Free Cheat Sheet)
Color Theory PDF: 08 Basics Beginners Must Know (+ Free Cheat Sheet)

Color Theory PDF: 08 Basics Beginners Must Know (+ Free Cheat Sheet)

Regardless of your profession or background, understanding color theory can be incredibly valuable. It helps you make better visual choices in everyday life, whether you’re a designer selecting the right color palette for a logo, choosing UI colors that enhance the user experience, picking colors for your home interior, or even selecting the right colors for something personal like a wedding outfit. In short, color theory is everywhere. It’ll show up everywhere once you start paying attention. Learning color theory has genuinely helped me improve my own design work and deliver results that clients appreciate. It also makes every visual decision feel a lot more confident and intentional.

In this guide, I’m going to break down the 08 most crucial color theory basics every designer, as well as non-designers, should know. You’ll also get a free downloadable color theory PDF cheat sheet, created to make learning the essentials of color theory convenient and straightforward. Let’s dive in.

01. Primary, Secondary & Tertiary Colors.

When you break down modern color theory, you’ll notice that colors are systematically divided into three fundamental groups: primary, secondary, and tertiary colors. These categories create the basic framework for modern color wheels (RGB, RYB, CMYK). They help us to understand the color wheel easily. It looks complex and meaningless, but it’s not. They tell us why colors are where they are on the color wheel. Once you see and understand these color categories, the rest of the colors stop feeling random. Now, let’s dig into each category.

Primary Colors

Primary colors are the ones that are used to create all other hues. You can’t make them from any other colors inside that system, so you have to accept them as your starting point. In the old RYB setup, it’s red, yellow, and blue. On screens, with the RGB model, it changes to red, green, and blue. And printing works differently again, so the CMY(K) model uses cyan, magenta, and yellow instead. Each model chooses its own base depending on how the color is created.

RGB Color ModelRYB Color ModelCMY(K) Color Model
Primary ColorsRed, Green, BlueRed, Yellow, BlueCyan, Magenta, Yellow
The primary colors differ in each color model, depending on how the color is created.

Secondary Colors

In simple terms, secondary colors are what you get when you mix two primary colors in equal amounts. On the traditional RYB wheel, you get orange, green, and purple. In the RGB model, things work a bit differently; mixing red, green, and blue light creates cyan, magenta, and yellow instead. And if you switch to the CMY(K) system used in printing, the whole setup flips around. Because on the CMY(K) color wheel, the primary colors are cyan, magenta, and yellow, while red, green, and blue become the secondary colors. Each model just defines its secondary colors based on its primary colors.

RGB Color ModelRYB Color ModelCMY(K) Color Model
Secondary ColorsGreen + Blue = Cyan
Blue + Red = Magenta
Red + Green = Yellow
Red + Yellow = Orange
Yellow + Blue = Green
Blue = Red = Puprle
Magenta + Yellow = Red
Yellow + Cyan = Green
Cyan + Magenta = Blue
Secondary colors are created when you mix two primary colors in equal amounts within a given color model.

Tertiary Colors

Tertiary colors are created by mixing a primary color with the secondary color next to it on the color wheel. That’s basically how you get those “in-between” hues people sometimes forget about. You end up with six of them, which helps fill out the complete 12-color wheel. In the old RYB wheel, tertiary colors are red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet.

In RGB or CMY(K), tertiary colors are identical to each other. They are orange, spring green, turquoise, azure, violet, and rose.

RGB Color ModeRYB Color ModeCMY(K) Color Mode
Tertiary ColorsRed + Yellow = Orange
Yellow + Green =Spring Green
Green + Cyan = Turquoise
Cyan + Blue = Azure
Blue + Magenta = Violet
Magenta + Red = Rose
Red + Orange = Red Orange
Orange + Yellow = Yellow Orange
Yellow + Green = Yellow Green
Green + Blue = Blue Green
Blue + Violet = Blue Violet
Purple + Red = Red Violet
Cyan + Blue = Azure
Blue + Magenta = Violet
Magenta + Red = Rose
Red + Yellow = Orange
Yellow + Green = Spring Green
Green + Cyan = Turquoise
Tertiary colors come from mixing a primary color with the secondary color that sits next to it on the color wheel.

02. RGB, RYB, and CYM(K) color wheels

When you study color theory in detail, you’ll realize that we use different color wheels because each one is designed for a specific purpose. The RGB, RYB, and CMY(K) wheels aren’t just variations; they represent three major systems that illustrate how colors behave in light, in traditional art, and in modern printing. Each system has its own set of primary, secondary, and tertiary colors that define how the wheel works. Once you understand how these three models function, it becomes clear why colors blend differently on screens, on paper, and in traditional media. Now, let’s break them down one by one.

RGB Color Wheel

RGB color wheel showing red, green, blue primaries and their secondary and tertiary blends, with labeled RGB values and hex codes on a black background.
The RGB color wheel used in digital design, showing how red, green, and blue blend to create the full spectrum.

The RGB color model is an additive system, which means it creates colors by combining light. It is the model used in digital screens (TVs, cameras, smartphones). In RGB, the three primary colors of light are red, green, and blue. When a screen blends these lights at different strengths, it can create every color you see. If all three lights shine as bright as they can (255 for red, 255 for green, 255 for blue), the screen looks white. And if all three lights are turned completely off (0, 0, 0), the screen turns black.

The RGB color wheel is basically a visual map of how light mixes on screens. It shows how red, green, and blue blend to create cyan, magenta, and yellow (secondary colors). From there, you also get all the in-between tertiary colors. Once you look at it this way, the whole “additive color” idea starts to make a lot more sense. It helps you see how colors behave in digital displays.

RYB Color Wheel

RYB color wheel with red, yellow, blue primaries and secondary/tertiary colors, displayed with hex codes on a black background.
A traditional RYB color wheel used in art and painting, showing how red, yellow, and blue mix to form the full color set.

The RYB color model is the traditional subtractive system. It’s used in classical art and early color theory. The RYB system was built around the old primary trio: red, yellow, and blue. Artists once believed they were the main building blocks for creating every other color. When you mix these primaries, you get the classic secondary colors: orange, green, and violet. RYB became the standard mixing method in traditional art and painting.

The RYB color wheel is the visual guide that shows us how the primaries blend into secondary and tertiary colors, forming the familiar 12-color wheel most artists learn first. It’s the wheel people use to understand things like color harmonies. Once you look at it this way, the whole system feels a lot more intuitive.

CMY(K) Color Wheel

CMY(K) color wheel showing cyan, magenta, yellow primaries with secondary and tertiary colors on a black background. Includes color swatches, labels, and CMYK values.
The CMY(K) color wheel used in modern printing – showing primary, secondary, and tertiary colors with their CMYK values.

The CMY(K) color model is the modern subtractive system used in printing. Instead of defining colors using light through an additive process like RGB, the CMY(K) model defines colors using pigments through a subtractive process. In theory, mixing all three primaries (cyan, magenta, and yellow) should give us black. But in reality, you get a muddy dark brown. That’s why printers add the “K” (black) ink. It gives deeper shadows, cleaner text, and much better contrast. This whole setup is the backbone of four-color printing, and it’s what makes accurate, consistent color on paper possible.

The CMY(K) color wheel shows how colors within the CMY(K) model relate to one another. Unlike the old RYB wheel, this one lines up with modern color science and produces cleaner, more saturated mixes that actually match what happens in print. It basically maps how ink-based hues relate to each other, helping you understand how your colors will look when you move from digital to print. If you’re designing anything for physical media, this is the wheel you want to rely on.

03. Hue, Saturation & Value

To understand how colors work today, we describe them using three basic components: hue, saturation, and value.

Color theory chart with three columns: hue variations, saturation levels moving toward gray, and grayscale value steps from white to black.
Hue vs Saturation vs Value Chart

Hue

“Hue” is basically the pure identity of a color. In everyday language, people use it to mean “color” or “shade,” but in theory, it’s simply the base version of a color: red, yellow, blue, green, and so on.

Saturation

Saturation tells you how intense a color looks. A highly saturated color feels bold and vivid, while a low-saturated one looks softer, muted, or a bit grayish. Think of bright neon red versus a pale pink: same hue, very different saturation.

Value

Value is about how light or dark a color is. High-value colors sit closer to white, like pastel pink. Low-value colors lean toward black, like navy blue or maroon.

04. Tint, Shade & Tone

Color chart showing tints, shades, and tones of red. Tints become lighter with white, shades become darker with black, and tones become muted with gray.
Tint vs Shade vs Tone

Tint

When you add white to a color, you get a tint. It raises the value and makes the color look lighter and softer. Tints usually feel calm, delicate, or playful. For example, think of pastel pinks, baby blues, and mint greens.

Shade

Shade is the opposite. When you mix a color with black, it lowers the value and gives you a darker version of that hue. Shades tend to feel bold, dramatic, or intense, like burgundy, forest green, or navy blue. These deeper colors add seriousness and depth.

Tone

When you mix a color with gray, you get a tone. It doesn’t make the color noticeably lighter or darker; it just softens it. Tones look more muted and balanced because gray reduces the intensity of the hue. Designers often rely on tones when they want something subtle, mature, or professional without going too bright or too dark.

05. Warm vs Cool Colors

Warm and cool color wheel showing the split between warm hues like red, orange, yellow and cool hues like blue, green, violet, with labeled swatches.
A clear breakdown of warm and cool colors, showing how the color wheel divides into temperature-based groups that influence mood and visual impact.

Warm and cool colors are two broad groups that help us understand the overall feeling or temperature a color gives off. You can identify them by imagining a line running through the color wheel: one side leans toward warmth, the other toward coolness. Designers use this divide to quickly judge how a color will influence mood, contrast, and visual balance in a composition.

Warm Colors

Warm colors are typically found on the red-to-yellow side of the RYB color wheel: red, orange, yellow, and their variations. These hues tend to evoke feelings of energy, passion, warmth, and excitement. Warm color harmonies are often used to create inviting, vibrant, or intense atmospheres.

Cool Colors

Cool colors are found on the blue-to-green side of the traditional color wheel: blue, green, violet, and related tones. These shades evoke a sense of calm, serenity, professionalism, and distance. Cool harmonies are great for evoking relaxed, peaceful, or trustworthy emotions.

06. Color Harmonies

Color harmony is the arrangement of colors that feels balanced and visually appealing. When a palette feels balanced, interesting, and connected, that’s harmony at work. There are five main types: monochromatic, complementary, analogous, triadic, and split-complementary. Use them correctly, and your designs start to feel intentional. They guide the viewer’s eye. They set the mood. And they make the whole piece look cleaner and more put-together.

Five color wheel diagrams showing monochromatic, complementary, analogous, triadic, and split complementary color harmonies with marked color selections.
The five main color harmonies—monochromatic, complementary, analogous, triadic, and split complementary – shown through simple color wheel diagrams.

Monochromatic Color Harmony

Monochromatic color harmony is a palette built from a single hue, using its tints (lighter versions), shades (darker versions), and tones (muted versions). This means one color is used with different amounts of black, white, and grey to create variations. This approach creates a unified and balanced visual effect while maintaining simplicity. By varying the lightness and saturation of one color, designers can introduce depth and contrast without introducing multiple hues. It also makes the viewer’s eye move more calmly. There’s no “where do I look?” moment. Everything stays consistent, and the mood stays steady. It’s simple, but it works.

Complementary Color Harmony

Complementary color harmony uses two colors on opposite ends of the color wheel, such as red–green, blue–orange, or yellow–purple. These combinations produce the highest level of contrast and visual tension because of their extreme hue differences. This approach is also called the “opposite color” scheme. This approach is often used to create bold, attention-grabbing visuals.

Analogous Color Harmony

Analogous color harmony is a color palette based on three to five colors that are adjacent to each other on the color wheel. These colors share similar undertones and blend seamlessly, creating a visually pleasing transition between the hues. Because they share identical undertones, they blend together really smoothly, almost like they’re part of the same family. You don’t get any harsh jumps or surprises; everything flows from one hue to the next. These are ideal for building serene, emotionally expressive, and visually connected compositions.

Triadic Color Harmony

You can create a triadic color harmony by selecting three colors evenly spaced around the color wheel. If you connect them, forming a perfect equilateral triangle. These colors are 120° apart, offering strong visual contrast while maintaining harmony and color richness. If you’re looking for colors that feel lively without clashing, triadic harmony is one of the easiest ways to keep everything cohesive.

Split-Complementary Color Harmony

To create a split-complementary palette, choose a base hue and pair it with the two colors that sit beside its complementary color. For example, if red is the base color, its split complements would be yellow-green and blue-green. This method softens the intensity of traditional complementary color schemes while still offering vibrant contrast. By introducing more hues, it allows for greater visual interest and flexibility without overwhelming the viewer. You can use split-complementary harmony to maintain balance and contrast, while avoiding harshness.

07. Color Psychology

Color psychology examines how different colors can shape how we feel, think, and respond, and how factors like age and culture influence how we interpret them. It looks at how certain hues can feel calm or energetic, trustworthy or playful, and how those reactions shape the choices we make in our day-to-day lives. While personal experiences and culture can change how someone interprets a color, the overall patterns are strong enough that designers use them intentionally to guide mood, create impact, and communicate meaning without even saying a word.

Color psychology chart showing meanings of red, green, purple, white, pink, and blue with keywords like excitement, nature, luxury, simplicity, compassion, and trust.
This chart shows the psychological meanings behind popular colors, helping to understand how each hue influences mood, perception, and design decisions.

If you have a basic understanding of the emotions different colors can evoke, you’ll quickly notice how intentionally famous brands choose their color palettes. You’ll also see how heavily marketing and branding rely on color to attract the right audience and communicate a message clearly and effectively. Here are the main hues and the feelings they typically evoke.

  • Red — Excitement, danger, strength, love, energy
  • Pink — Compassion, playfulness, romance, softness
  • Orange — Confidence, success, sociability
  • Yellow — Creativity, happiness, warmth, cheerfulness
  • Green — Nature, healing, freshness
  • Blue — Trust, peace, loyalty
  • Purple — Royalty, luxury, ambition
  • Brown — Dependability, stability, earthiness
  • Black — Formality, sophistication
  • White — Cleanliness, simplicity, innocence, honesty
  • Gray — Balance, neutrality, maturity, calmness

08. Color Personality Types

Woman smiling in a red outfit and hat, standing in front of a large red maple-leaf background.
People drawn to red often carry a dynamic, confident, and high-energy personality — expressive, determined, and unafraid to stand out. | Photo by Andre Furtado on Unsplash

Did you know that your favorite colors can reveal your personality traits? It may seem surprising at first, but the colors you naturally gravitate toward often reflect aspects of who you are and your lifestyle. For example, someone drawn to bold, intense colors might enjoy excitement and confidence, while someone who loves soft, muted tones may prefer calmness and stability. This isn’t a strict rule, of course, but it’s interesting how often these patterns match the way people actually behave. With that in mind, here are some of the common personality traits associated with the main colors.

  • Red — Enthusiastic, confident, passionate, charismatic; can be impulsive, aggressive, or unapologetically.
  • Black — Sophisticated, strong, powerful, serious; can also feel conservative, intimidating.
  • Yellow — Cheerful, confident, optimistic, great communicators; may also be perfectionistic or overly critical.
  • Blue — Honest, loyal, calm, sensitive, introverted; can sometimes be stubborn or anxious.
  • Green — Nature-loving, generous, family-oriented, modest; often seeks balance and stability.
  • Brown — Grounded, dependable, approachable, confident; may come across as stubborn or overly traditional.
  • Pink — Gentle, hopeful, optimistic, nurturing; can be seen as soft, or vulnerable.
  • Gray — Intelligent, calm, balanced, practical; may also signal uncertainty, dullness, or lack of confidence.
  • White — Neutral, refreshing, optimistic, pure; can sometimes feel distant, indecisive, or overly reserved.

Conclusion & Color Theory PDF

This brings us to the end of the article. I hope I’ve covered the essential basics every designer should know about color theory. Having a deep, practical understanding of color theory can help you win more projects, improve the quality of your designs, and deliver work that truly satisfies your clients. Keep creating, keep exploring. Don’t forget to download your free color theory PDF cheat sheet. If you have any questions, feel free to send us a message. See you in the next post. Cheers!

Color Theory PDF: Red promotional graphic showing a book titled “Color Theory Cheat Sheet” with a call-to-action to download the free Color Theory cheat sheet from Graphic Temple.
Free downloadable color theory PDF cheat sheet to help you learn color theory with ease.

Share the Post!