Most people learn what secondary colors are in grade school and never think about them again.
That’s a mistake. Secondary colors sit at the foundation of color theory, and understanding how they’re formed, where they sit on the color wheel, and how they behave across different color models directly affects how well you use color in art, design, and print.
This article covers the full picture: the definition, the three color models that each produce different secondary colors, the mixing rules, and the psychological associations that make orange, green, and violet behave so differently from each other.
What Are Secondary Colors
Secondary colors are colors formed by mixing two primary colors in equal parts.
In the traditional RYB model used in painting and art education, the three secondary colors are orange, green, and violet. But that answer changes depending on the color model you’re working in, which trips people up more than you’d expect.
The concept sits at the center of color theory and shows up in everything from kindergarten paint mixing to professional UI design.
According to the Institute for Color Research, people make a subconscious judgment about a product within 90 seconds of seeing it, and between 62% and 90% of that assessment is based on color alone. Understanding what colors are and how they’re made is not a small thing.
Secondary colors sit between primary colors on the color wheel, and that placement determines how they behave in color harmony, contrast, and combination.
Secondary Colors Across Color Models
Secondary colors are not universal. They shift depending on the color model, and mixing up which model applies to your medium is one of the most common mistakes in design and art work.
The three main models each define secondary colors differently.
| Color Model | Type | Secondary Colors | Used In |
|---|---|---|---|
| RYB | Subtractive | Orange, Green, Violet | Traditional painting, art education |
| RGB | Additive | Cyan, Magenta, Yellow | Screens, digital displays, lighting |
| CMYK | Subtractive | Print, offset and digital printing | Red, Green, Blue |
RGB and CMYK are essentially mirror images of each other. The primary colors of one model are the secondary colors of the other, which is counterintuitive until you understand how additive and subtractive mixing work.
RYB Color Model
The traditional artist’s model. Red, yellow, and blue are the primaries. Mix any two in equal amounts and you get orange, green, or violet.
This model dominated art education for centuries. The RYB system emerged partly because access to a wide range of pigments was historically limited by cost and availability, so artists needed a practical framework for mixing from a small set of colors.
It’s still the model most people learn first. And for oil painting, acrylic painting, and watercolor painting, it works well enough in practice.
RGB Color Model
RGB works with light, not pigment. Combine red and green light and you get yellow. That sounds wrong the first time you hear it.
Key difference: adding light together makes it brighter. Combining all three RGB primaries at full intensity produces white, not a muddy brown.
Secondary colors in RGB are cyan, magenta, and yellow. These are the same colors used as primaries in the CMYK print model. This is why converting between screen colors and print colors is never a perfect 1:1 match.
CMYK Color Model
CMYK starts from white (blank paper) and subtracts wavelengths using ink. Printing presses worldwide use this model.
Mix cyan and magenta and you get blue. Mix magenta and yellow and you get red. Mix yellow and cyan and you get green.
Practical note: if you design for print in RGB and forget to convert, the colors that come out of the printer will look noticeably different from what you saw on screen. Graphic designers learn this the hard way, usually once.
How Secondary Colors Are Made
The basic rule: mix two primary colors in equal parts. That 50/50 ratio is what produces a true secondary color.
Change the proportions and you move off the secondary into something else entirely.
What unequal mixing produces:
- More red than yellow: red-orange
- More yellow than blue: yellow-green
- More blue than red: blue-violet
These in-between results are actually tertiary colors, not secondary ones. The distinction matters when you’re working on a palette and trying to hit a specific hue.
Pigment mixing and light mixing also behave completely differently. In paint, yellow and blue make green. In light (RGB), yellow is already a secondary color, made by combining red and green.
The same physical primaries produce different results depending on whether you’re adding light or subtracting it. This is why understanding color as a concept, rather than just memorizing rules, actually saves time in practice.
The Three Secondary Colors in the RYB Model
Since RYB is the model most people work with in traditional art, these three get the most attention.
Orange
Red + yellow, mixed equally.
Visual character: warm, high visibility, one of the most attention-grabbing colors on the spectrum. It sits close to red on the color wheel, so even a small shift in proportion pulls it toward red-orange fast.
Orange is a dominant color in fauvism and shows up heavily in the work of artists who leaned toward bold, unmodulated color. Paul Gauguin used it extensively in his Tahitian paintings to build warmth and contrast against blues and greens.
Green
Yellow + blue. The most tonal range of the three secondaries.
Shift toward more yellow and you get a warm, lime-adjacent green. Add more blue and it cools into a blue-green or teal territory.
In landscape painting, this tonal range is what makes or breaks a scene. Mixing greens for landscape work is its own skill set because natural foliage never reads as a flat, simple secondary green.
Artists like Claude Monet spent considerable effort developing specific green mixtures for their garden and water subjects. Those greens aren’t just yellow + blue. They’re layered, modified, and adjusted across multiple glazes.
Violet
Red + blue. The trickiest of the three to mix cleanly.
The problem with violet is that most tube reds contain a warm bias (meaning they lean yellow), which contaminates the mix and produces a muddy brown instead of a clean purple. Artists who want a true violet usually need a cool-biased red like quinacridone rose or alizarin crimson.
Violet is highly sensitive to proportion shifts. More red pushes it toward red-violet or magenta territory. More blue produces blue-violet, which reads as a cooler, more receding color in a composition.
Vincent van Gogh used violets extensively in his night sky work, often mixing them with blues and whites to create the luminous depth that made paintings like The Starry Night so distinctive.
Secondary Colors on the Color Wheel
On a standard 12-part color wheel, secondary colors sit directly between the two primaries that make them. That placement is not decorative. It determines every major color relationship.
Complementary pairs involving secondary colors:
- Orange sits opposite blue
- Green sits opposite red
- Violet sits opposite yellow
Complementary pairs create the strongest contrast possible between two colors. Place orange next to blue and each one makes the other look more intense. This is called simultaneous contrast, and it’s a consistent, measurable effect on color perception.
Secondary colors also anchor analogous color schemes. Green, yellow-green, and blue-green, for example, form a natural analogous grouping with green as the pivot point.
Tools like Adobe Color, Coolors, and Figma’s color picker all use the standard 12-color wheel as their foundation. Knowing where secondaries land on that wheel makes working with those tools considerably faster.
85% of buyers say color is the main reason for choosing one product over another, according to research cited by Amra and Elma (2025). The color wheel relationships that govern secondary colors are directly connected to the palette decisions driving those choices.
Tertiary Colors and the Next Step in Mixing
Mix a primary color with one of its adjacent secondary colors and you get a tertiary color. There are six in the standard RYB wheel.
| Tertiary Color | Primary | Secondary |
|---|---|---|
| Red-orange | Red | Orange |
| Yellow-orange | Yellow | Orange |
| Yellow-green | Yellow | Green |
| Blue-green | Blue | Green |
| Blue-violet | Blue | Violet |
| Red-violet | Red | Violet |
The naming convention follows a consistent pattern: the primary color name comes first. Red-orange, not orange-red.
Tertiary colors complete the 12-color wheel and fill in the gradations between primary and secondary hues. In practice, most real-world color mixing lands somewhere in tertiary territory rather than on a pure secondary.
Where this shows up: color grading in film and photography, interior design palette building, and illustration work all depend on tertiary colors more than pure secondaries. Pure orange, pure green, and pure violet read as flat and graphic. Tertiary shifts give colors their complexity.
Color saturation and color intensity also shift as you move from secondary into tertiary territory. Understanding the full 12-color structure is genuinely useful, not just theoretical.
Secondary Colors in Design and Digital Tools
Color contrast failure is the #1 accessibility violation on the web, present on 83.6% of home pages, according to WebAIM’s 2024 Million analysis.
Secondary colors sit right at the center of that problem. Orange on white, green on dark backgrounds, violet against neutrals. All three require careful contrast testing before they go anywhere near a live interface.
In UI design, secondary colors typically fill the supporting role in a palette. Most design systems follow the 60-30-10 rule: 60% primary color, 30% secondary, 10% accent. Secondary colors handle sidebars, cards, and supporting containers, not the main calls to action.
Hex Codes and RGB Values for Secondary Colors
Standard secondary color values (RGB model):
- Pure orange: #FF8000 / rgb(255, 128, 0)
- Pure green: #00FF00 / rgb(0, 255, 0)
- Pure violet: #8000FF / rgb(128, 0, 255)
Pure secondary values almost never get used directly in production design. They’re too saturated. Designers work with muted, tinted, or shaded versions pulled from those base values.
Tools like Figma, Adobe Illustrator, and Coolors all use hex and RGB as their core color format for screen design. CMYK comes into play only when those same designs go to print, and the values will shift.
Secondary Colors in UI and Branding
Orange and green carry specific functional meanings in digital interfaces. Orange is nearly universal as a call-to-action color in e-commerce. Green signals success states, confirmation dialogs, and go signals.
Violet is trickier. It reads as premium in some contexts and dated in others. Depends heavily on the shade.
Real-world brand examples:
- Home Depot: built an entire identity around orange, using it as the dominant brand color
- Whole Foods: green as the primary signal for health and natural products
- Cadbury and Hallmark: both use violet as a luxury and premium positioning signal
- FedEx: combines violet with orange, two complementary-adjacent secondary colors, to create high contrast brand recognition
Consistent use of brand colors can improve recognition by up to 80%, according to Touro Law research cited in crowdspring’s 2024 branding report.
Using Secondary Colors in Composition
Secondary colors work well as accent and supporting tones in a composition. They’re strong enough to carry visual weight but don’t compete with primary hues the way another primary would.
In color contrast terms, orange against blue creates the highest possible contrast among secondary-primary complementary pairs.
Practical uses in visual composition:
- Orange as a focal accent against a blue or neutral ground
- Green as a mid-tone bridge between warm and cool areas
- Violet to create depth or recession in the background
These relationships connect directly to how emphasis and visual hierarchy work in composition. Color does a lot of that structural work without needing changes in size or position.
Psychological Associations of Secondary Colors
A cross-cultural study covering 42,266 participants across 64 countries found that yellow and orange consistently produced positive, high-arousal emotional responses. Green, blue-green, and related cool hues produced positive but low-arousal responses (ResearchGate, 2022).
That’s a meaningful difference for designers and artists making decisions about which secondary color to reach for.
| Secondary Color | Emotional Response | Common Context |
|---|---|---|
| Orange | Energy, enthusiasm, urgency | CTAs, food, fitness brands |
| Green | Calm, nature, health, safety | Wellness, eco, confirmation states |
| Violet | Luxury, creativity, premium | Beauty, spirituality, high-end products |
These aren’t absolute rules. Color meanings shift across cultures, sometimes dramatically.
Orange
44% of people associate orange with joy, according to Oberlo’s color psychology research.
Orange stimulates appetite and conveys energy without red’s aggression. That’s why fast food chains and gym brands gravitate toward it.
In some parts of Asia, particularly India, orange carries strong spiritual significance. The same color that says “buy now” in a Western e-commerce context signals something entirely different there. Worth knowing before a global campaign rolls out.
Green
Primary associations: nature, health, safety, environmental consciousness, and calm.
Green is the color the eye rests on most easily. It sits in the middle of the visible spectrum, which is part of why it reads as restful rather than stimulating.
In UI design, green owns the “success” state. Forms confirm, transactions complete, downloads finish. All green. That convention is so consistent across products that breaking it risks user confusion.
The cross-cultural study noted above found green reliably evoked relaxation and comfort across respondents, largely because of its association with natural environments. That holds up fairly consistently across cultures, unlike orange or violet, which vary more.
Violet
Historically, violet (specifically Tyrian purple) was more expensive to produce than gold. That scarcity created luxury associations that have stuck for centuries.
Research from Gupta et al. (2025) found female respondents showed significantly stronger preference for violet than male respondents. That gender split has design implications, particularly for brands targeting specific demographics.
Violet across contexts:
- Luxury and premium: Cadbury, Hallmark
- Creativity and spirituality: common in wellness and meditation branding
- Tech: some AI and software brands have moved toward violet to signal innovation
Violet also varies the most cross-culturally. In some countries, violet clusters near gold and orange in meaning. In others, it sits near black and brown. Understanding the audience matters more for violet than for either orange or green.
Artists working in expressionism and symbolism leaned heavily on violet’s psychological weight. Wassily Kandinsky wrote extensively about violet’s ability to suggest a withdrawn, introverted quality in a composition, distinct from any other color on the wheel.
Understanding color psychology in art and design isn’t about memorizing associations. It’s about knowing which colors carry weight, which carry risk, and which work reliably across the widest range of contexts.
FAQ on What Are Secondary Colors
What are the 3 secondary colors?
In the traditional RYB model used in painting and art education, the three secondary colors are orange, green, and violet.
These are formed by mixing two primary colors in equal parts: red + yellow, yellow + blue, and blue + red.
How are secondary colors made?
Mix two primary colors in equal parts. Red and yellow make orange. Yellow and blue make green. Blue and red make violet.
Unequal mixing produces tertiary colors, not true secondaries.
Are secondary colors the same in every color model?
No. Secondary colors change depending on the color model. In RGB (light), the secondaries are cyan, magenta, and yellow. In CMYK (print), they are red, green, and blue.
What is the difference between primary and secondary colors?
Primary colors cannot be created by mixing other colors. Secondary colors are always the result of combining two primaries.
Primaries come first. Secondaries depend entirely on them.
What are secondary colors in the RGB model?
In the RGB additive model used for screens and digital displays, the secondary colors are cyan, magenta, and yellow.
These are produced by combining two light primaries: red + blue, red + green, green + blue.
What colors mix to make violet?
Red and blue mixed in equal amounts produce violet. Getting a clean result requires a cool-biased red, like alizarin crimson or quinacridone rose.
Warm reds contain yellow undertones, which muddy the mix.
What are secondary colors used for in design?
In UI design, secondary colors typically fill supporting roles: sidebars, cards, and secondary containers. They follow the 60-30-10 rule, taking up roughly 30% of an interface.
Orange, green, and violet each carry distinct psychological signals that influence user behavior.
What are tertiary colors?
Tertiary colors are produced by mixing one primary with an adjacent secondary. The six RYB tertiaries are red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet.
They complete the standard 12-part color wheel.
Do secondary colors have different meanings in different cultures?
Yes. Green reads as health and nature in most Western contexts but carries different weight elsewhere. Orange signals spirituality in parts of Asia, not energy or urgency as it does in Western branding.
Where do secondary colors sit on the color wheel?
Each secondary color sits directly between the two primaries that produce it. This placement determines complementary color pairs: orange opposite blue, green opposite red, violet opposite yellow.
Conclusion
This conclusion is for an article presenting what are secondary colors, and the core answer is straightforward: orange, green, and violet, each formed by mixing two primaries in equal parts.
But the fuller picture is more useful. The color mixing rules shift depending on whether you’re working with pigment, light, or print ink.
Secondary colors anchor complementary pairs on the color wheel, drive color saturation decisions in painting, and carry real psychological weight in branding and UI design.
Color perception is never neutral. Orange energizes. Green calms. Violet signals luxury or creativity depending on the context and the audience.
Knowing how secondary colors work gives you more control over every color decision you make.
