{"id":7404,"date":"2023-11-09T05:59:43","date_gmt":"2023-11-09T05:59:43","guid":{"rendered":"https:\/\/www.andacademy.com\/resources\/?p=7404"},"modified":"2026-05-26T06:55:07","modified_gmt":"2026-05-26T06:55:07","slug":"how-to-design-a-colour-wheel","status":"publish","type":"post","link":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/","title":{"rendered":"How To Design a Colour Wheel: Your Step-by-Step Guide (With Images)"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">The colour wheel is an essential design tool. It shows you how different colours interact, harmonise, and contrast with each other\u2014providing a visual reference to guide you whenever you\u2019re working with colour.&nbsp;<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Of course, you can easily find colour wheels online. But, by creating your own, you get to see first-hand how different colours are made and why certain <a herf=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/complete-guide-to-colour-combinations\/\" target=\"_blank\" rel=\"noopener\">colour combinations<\/a> create different visual effects. Not to mention that it\u2019s fun!<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">In this guide, we\u2019ll show you how to create a physical colour wheel from scratch. Here\u2019s what we\u2019ll cover:<\/p>\r\n\r\n\r\n\r\n<ul class=\"disc wp-block-list\">\r\n<li><a href=\"#What\">What is the colour wheel?<\/a><\/li>\r\n\r\n\r\n\r\n<li><a href=\"#brief\">A brief recap of colour theory<\/a><\/li>\r\n\r\n\r\n\r\n<li><a href=\"#tools\">What tools and materials do you need to create your colour wheel?<\/a><\/li>\r\n\r\n\r\n\r\n<li><a href=\"#How\">How to design a colour wheel: Your step-by-step guide<\/a>&nbsp;<\/li>\r\n\r\n\r\n\r\n<li><a href=\"#use\">How to use your colour wheel<\/a>&nbsp;<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">If you\u2019re already familiar with the basics and want to skip straight to the practical guide, just use the clickable menu.&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"intext-cta__blog-title wp-block-heading\" id=\"What\">1. What is the Colour Wheel?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The colour wheel is a fundamental tool for designers and artists. It presents the primary, secondary, and tertiary colours in a circular format\u2014it is, quite literally, a wheel of colour!&nbsp;<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The colour wheel can vary in complexity. A simple 12-point colour wheel features the three primary colours, the three secondary colours, and the six tertiary colours. A more complex colour wheel features those 12 colours (or hues) on the outer edge, as well as their different shades, tints, and tones.&nbsp;<\/p>\r\n\r\n\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\r\n  <tr>\r\n    <td width=\"50%\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-655ae3ecaab9f.webp\" alt=\"Simple colour wheel with 3 primary, 3 secondary, and 3 tertiary colours\" title=\"Simple colour wheel with 3 primary, 3 secondary, and 3 tertiary colours\">\r\n    <\/td>\r\n    <td width=\"50%\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-655ae3edcc09e.webp\" alt=\"Complex color wheel with 12 hues encircling its outer edge, and a variety of associated shades, tints, and tones.\" title=\"Complex color wheel with 12 hues encircling its outer edge, and a variety of associated shades, tints, and tones.\">\r\n    <\/td>\r\n  <\/tr>\r\n<\/table>\r\n \r\n<!-- \/wp:post-content -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>The colour wheel is useful because it visually depicts the relationship between different colours. Designers can use the colour wheel to see and understand how different colours relate to and interact with each other. This is essential when it comes to choosing a <a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/complete-guide-to-colour-palettes\/\" target=\"_blank\" rel=\"noopener\">colour palette<\/a> and achieving the desired visual effects in your designs.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Before we show you how to create a colour wheel, let\u2019s first recap on some essential colour theory. If you\u2019re already familiar with these basics, feel free to skip ahead.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"className\":\"intext-cta__blog-title\"} -->\r\n<h2 class=\"intext-cta__blog-title\" id=\"brief\">2. A Brief Recap of Colour Theory<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Colour theory is a broad field of study that explores how colours interact and combine to create different visual effects. It encompasses a wide range of principles, concepts, and guidelines\u2014spanning art, science, and psychology.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Colour theory helps designers understand the role that colour plays in connecting with the target audience, creating visual harmony, evoking feelings and emotions, and communicating certain messages. And tools like the colour wheel provide a practical framework for choosing, combining, and applying colour effectively in different design contexts.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Before you create your own colour wheel, it\u2019s important to get to grips with some fundamental terminology. Let\u2019s set out some key definitions:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li><p><strong>Primary colours: <\/strong>The three primary colours are red, yellow, and blue, and these form the basis for creating all other colours. The primary colours are evenly spaced around the colour wheel.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Secondary colours: <\/strong>The three secondary colours are orange, purple, and green. These are created by mixing two primary colours. The three secondary colours are positioned at regular intervals around the colour wheel, in between the two primary colours that make them. Orange, for example, sits between red and yellow.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Tertiary colours: <\/strong>There are six tertiary colours\u2014amber, vermillion, magenta, violet, teal, and chartreuse. Tertiary colours are created by mixing a primary colour and a secondary colour. On the colour wheel, the tertiary colours are located between the primary and secondary colours that make them.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Hue: <\/strong>The terms \u201ccolour\u201d and \u201chue\u201d tend to be used interchangeably. But, technically speaking, hue refers to the colour of origin in its purest form\u2014without any shade, tint, or tone.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Shade: <\/strong>If you want to create a darker variant of a particular hue, you can add black. The resulting colour variant is known as the \u201cshade\u201d. <\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Tint: <\/strong>If you want to create a lighter version of a particular hue, you can add white, and this would be called a \u201ctint\u201d.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Tone: <\/strong>Tone refers to the addition of grey (i.e. black and white) to an original hue in order to alter the saturation or brightness.<\/p><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-20px;\"><strong>Colour schemes: <\/strong>A colour scheme, or colour palette, is a combination of colours taken from the colour wheel. There are six main types of colour schemes, and they each achieve a different effect depending on the relationship between the colours they\u2019re based on. An analogous colour scheme, for example, comprises colours that are next to each other on the colour wheel\u2014and therefore work harmoniously together. A complementary colour scheme, on the other hand, takes colours that are opposite each other on the wheel and therefore creates high contrast.&nbsp;<\/li><\/p>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:paragraph -->\r\n<p style=\"margin-top:-60px;\">Colour theory is a huge topic, and we\u2019ve barely scratched the surface here\u2014but that\u2019s all the terminology you need to get started with your colour wheel.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7406,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<a class=\"downlaod_courses_anch mob_wd_an my_pop_show1\" href=\"#brochure\"><figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/07\/image6.gif\" class=\"wp-image-7406\" style=\"margin-bottom:30px;\"\/><\/figure><\/a>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"className\":\"intext-cta__blog-title\"} -->\r\n<h2 class=\"intext-cta__blog-title\" id=\"tools\">3. What Tools and Materials Do You Need to Create Your  Colour  Wheel?<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Here\u2019s what you\u2019ll need to get started:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li>A large blank piece of paper (that you can draw and paint on)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>A lead pencil&nbsp;<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>An eraser<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>A compass<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>A ruler<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Red, blue, yellow, black, and white acrylic paints<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Paintbrushes<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>A cup of water (to clean your brushes)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>A large, flat work surface&nbsp;<\/li>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Tools at the ready? Then let\u2019s begin!<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"className\":\"intext-cta__blog-title\"} -->\r\n<h2 class=\"intext-cta__blog-title\" id=\"How\">4. How to Design a Colour Wheel: Your Step-by-Step Guide<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:image {\"id\":7415,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7-1024x683.webp\" alt=\"A visual designer finalising the colour scheme for a brochure\r\n\" class=\"wp-image-7415\" title=\"A visual designer finalising the colour scheme for a brochure\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7-1024x683.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7-300x200.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7-768x512.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7-1536x1024.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image11-654c7479292c7.webp 1999w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>To create your own colour wheel, you\u2019re essentially going to draw out the circular template in pencil, divide it into 12 segments, and then divide each of those segments into three. Then, using paints, you\u2019ll fill in the three primary colours, the three secondary colours, and the six tertiary colours, as well as their respective tints and shades.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>That\u2019s the process in a nutshell. Now let\u2019s break it down step by step.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-1-draw-the-basis-of-your-colour-wheel\">i. Draw the basis of your colour wheel<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>The first step is to map out your colour wheel template. For this, you\u2019ll need a large blank piece of paper, a lead pencil, a compass, and a ruler.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><strong>First, take your large blank piece of paper and find the centre point. <\/strong>To do this:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li>Measure the length of the paper and mark the halfway point with your pencil<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Measure the width of the paper and once again mark the halfway point with your pencil<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Use your ruler to locate where these two marks intersect\u2014that\u2019s your centre point. Mark it with your pencil.&nbsp;<\/li>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:image {\"id\":7414,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860-1024x594.webp\" alt=\"Locating the center point of the paper using two straight converging lines\" class=\"wp-image-7414\" title=\"Locating the center point of the paper using two straight converging lines\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860-1024x594.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860-300x174.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860-768x445.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860-1536x891.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image10-654c7477b3860.webp 1680w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><strong>Next, with your centre point clearly marked, use a compass to draw three circles around it. <\/strong>Start with the smallest circle\u2014the one closest to the centre point\u2014then expand your compass to draw the second, medium-sized circle around that, and finally, the third and largest circle around that.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7407,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57-1024x564.webp\" alt=\"Drawing 3 circles from the centre using a compass\" class=\"wp-image-7407\" title=\"Drawing 3 circles from the centre using a compass\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57-1024x564.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57-300x165.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57-768x423.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57-1536x846.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image3-654c746e50f57.webp 1728w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><strong>Now you\u2019re going to label your colour wheel with numbers 1-12 (in pencil). <\/strong>For this step, it helps to think of your colour wheel as a clock face. First fill in labels 12, 3, 6, and 9\u2014in exactly the same positions as you\u2019d find them on a clock. Then, using those labels as a guide, fill in the remaining numbers.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7416,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7-1024x605.webp\" alt=\"Labelling the numbers 1-12 in the clockwise direction on a colour wheel.\r\n\" class=\"wp-image-7416\" title=\"Labelling the numbers 1-12 in the clockwise direction on a colour wheel.\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7-1024x605.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7-300x177.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7-768x454.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7-1536x907.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image12-654c7478e98a7.webp 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><strong>Using the numbers to guide you, divide your colour wheel into twelve segments. <\/strong>Place your ruler between number 12 and number 1, and line it up so it passes evenly through numbers 6 and 7 at the other end (and through the centre point). Then use your pencil to mark a straight line through the entirety of the wheel. Repeat this step until you have 12 equal segments marked out.<br><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7418,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image14-654c747bda9ab-1024x574.webp\" alt=\"Dividing the colour wheel into 12 equal segments.\" class=\"wp-image-7418\" title=\"Dividing the colour wheel into 12 equal segments.\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image14-654c747bda9ab-1024x574.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image14-654c747bda9ab-300x168.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image14-654c747bda9ab-768x431.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image14-654c747bda9ab.webp 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-2-add-your-primary-colours\">ii. Add your primary colours<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Your colour wheel template is ready\u2014great work! Now it\u2019s time to add some colour, starting with the primary hues.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Your primary hues are yellow, blue, and red, and they\u2019re going to sit on the very outer edge of your colour wheel in positions 12, 4, and 8 respectively.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>So, grab your yellow, blue, and red acrylic paints and brushes and fill in the relevant sections of your colour wheel.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7413,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image9-654c74767d783-1024x567.webp\" alt=\"Fill in the primary colours in the boxes labelled - 4,8, and 12\r\n\" class=\"wp-image-7413\" title=\"Fill in the primary colours in the boxes labelled - 4,8, and 12\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image9-654c74767d783-1024x567.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image9-654c74767d783-300x166.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image9-654c74767d783-768x426.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image9-654c74767d783.webp 1498w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-3-add-your-secondary-colours\">iii. Add your secondary colours<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>The next step is to fill in your secondary colours. The three secondary colours are green, purple, and orange, and you\u2019ll need to mix the following primary colours to create them:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li><p><strong>Green: <\/strong>Mix equal parts yellow and blue paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Purple: <\/strong>Mix equal parts blue and red paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Orange: <\/strong>Mix equal parts red and yellow paint<\/li><\/p>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:paragraph -->\r\n<p style=\"margin-top:-60px;\">Your secondary colours\u2014green, purple, and orange\u2014will occupy segments 2, 6, and 10 respectively on the outer edge of the colour wheel. Notice how each secondary colour sits in between the two primary colours that combine to produce it. That\u2019s the beauty of the colour wheel\u2014it allows us to easily see the relationship between different hues!<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7409,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-654c747059796-1024x559.webp\" alt=\"Adding the secondary colours to the boxes labelled - 2,6, and 10\r\n\" class=\"wp-image-7409\" title=\"Adding the secondary colours to the boxes labelled - 2,6, and 10\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-654c747059796-1024x559.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-654c747059796-300x164.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-654c747059796-768x419.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image5-654c747059796.webp 1370w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-4-add-your-tertiary-colours\">iv. Add your tertiary colours<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>To complete the outer edge of your colour wheel, you\u2019ll add the six tertiary hues. Here\u2019s how to create them:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li><p><strong>Chartreuse: <\/strong>Mix yellow and green paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Teal: <\/strong>Mix green and blue paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Violet: <\/strong>Mix blue and purple paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Magenta: <\/strong>Mix purple and red paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Vermillion: <\/strong>Mix red and orange paint<\/li><\/p>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><p style=\"margin-top:-40px;\"><strong>Amber: <\/strong>Mix orange and yellow paint&nbsp;<\/li><\/p>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:paragraph -->\r\n<p style=\"margin-top:-60px;\">Cleaning your brush throughout, fill in your tertiary colours as follows (on the outer edge of your colour wheel):<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li>Segment 1: Chartreuse (in between yellow and green)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Segment 3: Teal (in between green and blue)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Segment 5: Violet (in between blue and purple)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Segment 7: Magenta (in between purple and red)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Segment 9: Vermillion (in between red and orange)<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Segment 11: Amber (in between orange and yellow)<\/li>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:image {\"id\":7405,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba-1024x559.webp\" alt=\"Adding tertiary colours to boxes labelled - 1,3,5,7,9, and 11\r\n\" class=\"wp-image-7405\" title=\"Adding tertiary colours to boxes labelled - 1,3,5,7,9, and 11\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba-1024x559.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba-300x164.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba-768x419.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba-1536x838.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image1-654c746c97aba.webp 1726w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-5-add-tint\">v. Add tint<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>The outer edge of your colour wheel is now complete. Looking good!&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Next, we\u2019ll fill in the middle section with the tint for each hue. If you remember our colour theory recap from earlier, the term \u201ctint\u201d refers to the addition of white to a base hue in order to lighten it.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>So: now you\u2019re going to mix each original hue from the outer edge of your colour wheel with white paint to create the tint. Once you\u2019ve got a noticeably lighter colour, paint the segment directly beneath the base hue on the colour wheel.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7412,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9-1024x563.webp\" alt=\"Adding tints to the circle in the middle section.\r\n\" class=\"wp-image-7412\" title=\"Adding tints to the circle in the middle section.\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9-1024x563.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9-300x165.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9-768x423.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9-1536x845.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image8-654c7473b55c9.webp 1712w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 id=\"h-6-add-shade\">vi. Add shade<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>All that\u2019s left to do now is fill in the innermost section of your colour wheel. This section will be painted with the shade of each hue\u2014that is, your original hues (the paints you used to fill in the outer edge of your colour wheel) mixed with black paint.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>So, with a clean brush each time, mix each base hue from the outer edge of your colour wheel with some black paint to create a darker shade of that hue. Once you\u2019ve got a noticeably darker shade, paint the segment directly below the tint for each colour.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":7417,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53-1024x563.webp\" alt=\"Adding shades to the innermost circle.\r\n\" class=\"wp-image-7417\" title=\"Adding shades to the innermost circle.\r\n\" style=\"margin-bottom:30px;\" srcset=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53-1024x563.webp 1024w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53-300x165.webp 300w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53-768x423.webp 768w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53-1536x845.webp 1536w, https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image13-654c747a98a53.webp 1552w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>With all your hues, tints, and shades filled in, your colour wheel is complete. As a finishing touch, use the eraser to rub out the number labels around your colour wheel.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"className\":\"intext-cta__blog-title\"} -->\r\n<h2 class=\"intext-cta__blog-title\" id=\"use\">5. How to Use Your Colour Wheel<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Congratulations on creating your very own colour wheel! Keep it close by and refer to it whenever you\u2019re working with colour. The position of each hue on the wheel helps you to choose effective colour schemes depending on your <a href=\"https:\/\/www.behance.net\/gallery\/171039133\/Amul-Indian-Aunthentic-Brand-Identity\" target=\"_blank\" rel=\"noopener\">design project<\/a> and what you want to achieve.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>If you want a harmonious colour palette, you can choose a colour you like and then build out your colour scheme based on the colours that are next to, or close to, your base colour on the wheel.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Perhaps you want a vibrant colour scheme that creates an exciting \u201cpop\u201d. In that case, select your base hue on the colour wheel and pair it with the colour directly opposite.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Those are just a few examples of how the colour wheel can help you make smart colour choices and develop an eye for how different colours work together.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"className\":\"intext-cta__blog-title\"} -->\r\n<h2 class=\"intext-cta__blog-title\" id=\"Additional\">6. Additional Resources for Designers<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>We hope you\u2019ve enjoyed getting hands-on with colour and are pleased with the end result. The colour wheel is an incredibly useful tool\u2014whether you\u2019re a web designer, an artist, an interior designer, or a graphic designer.&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>If you\u2019re learning <a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/what-is-graphic-design\/\" target=\"_blank\" rel=\"noopener\">graphic design<\/a> (or aspiring to), the colour wheel is just one of many concepts you\u2019ll want to master. Once you\u2019re a colour wheel expert, consider expanding your knowledge with these guides:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"className\":\"disc\"} -->\r\n<ul class=\"disc\"><!-- wp:list-item -->\r\n<li><a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/fundamental-graphic-design-principles-and-how-to-apply-them\/\" target=\"_blank\" rel=\"noopener\">The Fundamental Graphic Design Principles and How To Apply Them<\/a><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/what-is-typography-design\/\" target=\"_blank\" rel=\"noopener\">Typography Design 101: Key Elements, Rules, and Principles of Good Typography<\/a><\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li><a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-logo\/\" target=\"_blank\" rel=\"noopener\">How To Design a Logo: Your Ultimate Step-by-Step Guide<\/a><\/li>\r\n<!-- \/wp:list-item --><\/ul>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:heading -->\r\n<h2 id=\"h-next-steps\">Next Steps<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Alternatively, you could also consider some of our other resources to further understand the graphic design space:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:list {\"ordered\":true,\"className\":\"disc\"} -->\r\n<ol class=\"disc\"><!-- wp:list-item -->\r\n<li>Watch this <a href=\"https:\/\/www.youtube.com\/watch?v=yI776k-sW_4\" target=\"_blank\" rel=\"noopener\">session<\/a> by design veteran and AND\u2019s Academic Head, Prachi Mittal, and our Course Lead, Soumya Tiwari.<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Talk to a <a class=\"circle_anch pop_show my_pop_show1\" href=\"#consultcourseadvisors\"> course advisor<\/a> to discuss how you can transform your career with one of our courses.<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Pursue our <a class=\"my_course_entity\" href=\"https:\/\/www.andacademy.com\/graphic-design-courses\/\" target=\"_blank\" rel=\"noopener\">Graphic Design courses<\/a> &#8211; all courses are taught through live, interactive classes by industry experts, and some even offer a Job Guarantee.<\/li>\r\n<!-- \/wp:list-item -->\r\n\r\n<!-- wp:list-item -->\r\n<li>Take advantage of the <a class=\"my_course_entity\" href=\"https:\/\/www.andacademy.com\/graphic-design-courses\/#:~:text=graphic%20design%20course%20fee%20&amp;%20funding\" target=\"_blank\" rel=\"noopener\"> scholarship and funding options that come with our courses<\/a> to overcome any financial hurdle on the path of your career transformation.<\/li>\r\n<!-- \/wp:list-item --><\/ol>\r\n<!-- \/wp:list -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><em>Note: All information and\/or data from external sources is believed to be accurate as of the date of publication.<\/em><\/p>\r\n<!-- \/wp:paragraph -->","protected":false},"excerpt":{"rendered":"<p>The colour wheel is an essential design tool. It shows you how different colours interact, harmonise, and contrast with each other\u2014providing a visual reference to guide you whenever you\u2019re working with colour.&nbsp; Of course, you can easily find colour wheels online. But, by creating your own, you get to see first-hand how different colours are [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":7531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[24],"tags":[33],"class_list":["post-7404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","tag-and-academy"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Design a Colour Wheel | AND Academy<\/title>\n<meta name=\"description\" content=\"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Design a Colour Wheel | AND Academy\" \/>\n<meta property=\"og:description\" content=\"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/\" \/>\n<meta property=\"og:site_name\" content=\"AND Academy\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-09T05:59:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T06:55:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image7-654c74740691f.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Emily Stevens\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How To Design a Colour Wheel | AND Academy\" \/>\n<meta name=\"twitter:description\" content=\"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image7-654c74740691f.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emily Stevens\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/\"},\"author\":{\"name\":\"Emily Stevens\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/person\\\/af0fd06e2364bbc12f94772edb7e4108\"},\"headline\":\"How To Design a Colour Wheel: Your Step-by-Step Guide (With Images)\",\"datePublished\":\"2023-11-09T05:59:43+00:00\",\"dateModified\":\"2026-05-26T06:55:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/\"},\"wordCount\":2199,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog01.webp\",\"keywords\":[\"AND Academy\"],\"articleSection\":[\"Graphic Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/\",\"name\":\"How To Design a Colour Wheel | AND Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog01.webp\",\"datePublished\":\"2023-11-09T05:59:43+00:00\",\"dateModified\":\"2026-05-26T06:55:07+00:00\",\"description\":\"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog01.webp\",\"contentUrl\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog01.webp\",\"width\":780,\"height\":410,\"caption\":\"Graphic designer using a colour wheel for a project.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/blog\\\/graphic-design\\\/how-to-design-a-colour-wheel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Design a Colour Wheel: Your Step-by-Step Guide (With Images)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\",\"name\":\"AND Academy\",\"description\":\"Design Courses with Placement Guarantee | AND Academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#organization\"},\"alternateName\":\"AND Academy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#organization\",\"name\":\"AND Academy\",\"alternateName\":\"AND Academy\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/AND-Logo-Hi-res-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/AND-Logo-Hi-res-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"AND Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/person\\\/af0fd06e2364bbc12f94772edb7e4108\",\"name\":\"Emily Stevens\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g\",\"caption\":\"Emily Stevens\"},\"sameAs\":[\"http:\\\/\\\/andacademy.com\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/emily-stevens-8bab706a\\\/\"],\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/author\\\/emily-stevens\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Design a Colour Wheel | AND Academy","description":"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/","og_locale":"en_US","og_type":"article","og_title":"How To Design a Colour Wheel | AND Academy","og_description":"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.","og_url":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/","og_site_name":"AND Academy","article_published_time":"2023-11-09T05:59:43+00:00","article_modified_time":"2026-05-26T06:55:07+00:00","og_image":[{"width":1999,"height":1334,"url":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image7-654c74740691f.webp","type":"image\/webp"}],"author":"Emily Stevens","twitter_card":"summary_large_image","twitter_title":"How To Design a Colour Wheel | AND Academy","twitter_description":"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.","twitter_image":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/image7-654c74740691f.webp","twitter_misc":{"Written by":"Emily Stevens","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#article","isPartOf":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/"},"author":{"name":"Emily Stevens","@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/person\/af0fd06e2364bbc12f94772edb7e4108"},"headline":"How To Design a Colour Wheel: Your Step-by-Step Guide (With Images)","datePublished":"2023-11-09T05:59:43+00:00","dateModified":"2026-05-26T06:55:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/"},"wordCount":2199,"commentCount":0,"publisher":{"@id":"https:\/\/www.andacademy.com\/resources\/#organization"},"image":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/blog01.webp","keywords":["AND Academy"],"articleSection":["Graphic Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/","url":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/","name":"How To Design a Colour Wheel | AND Academy","isPartOf":{"@id":"https:\/\/www.andacademy.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#primaryimage"},"image":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/blog01.webp","datePublished":"2023-11-09T05:59:43+00:00","dateModified":"2026-05-26T06:55:07+00:00","description":"Learn how to design a colour wheel with hues, tints, and shades in this complete step-by-step guide\u2014including images to help you along the way.","breadcrumb":{"@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#primaryimage","url":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/blog01.webp","contentUrl":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2023\/11\/blog01.webp","width":780,"height":410,"caption":"Graphic designer using a colour wheel for a project."},{"@type":"BreadcrumbList","@id":"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/how-to-design-a-colour-wheel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.andacademy.com\/resources\/"},{"@type":"ListItem","position":2,"name":"How To Design a Colour Wheel: Your Step-by-Step Guide (With Images)"}]},{"@type":"WebSite","@id":"https:\/\/www.andacademy.com\/resources\/#website","url":"https:\/\/www.andacademy.com\/resources\/","name":"AND Academy","description":"Design Courses with Placement Guarantee | AND Academy","publisher":{"@id":"https:\/\/www.andacademy.com\/resources\/#organization"},"alternateName":"AND Academy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.andacademy.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.andacademy.com\/resources\/#organization","name":"AND Academy","alternateName":"AND Academy","url":"https:\/\/www.andacademy.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2022\/10\/AND-Logo-Hi-res-scaled.jpg","contentUrl":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2022\/10\/AND-Logo-Hi-res-scaled.jpg","width":2560,"height":2560,"caption":"AND Academy"},"image":{"@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/person\/af0fd06e2364bbc12f94772edb7e4108","name":"Emily Stevens","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/621fb2cf576106d5d9e391cc1cd970f932a20a841a9af8639eac77b9b6d26d4c?s=96&d=mm&r=g","caption":"Emily Stevens"},"sameAs":["http:\/\/andacademy.com","https:\/\/www.linkedin.com\/in\/emily-stevens-8bab706a\/"],"url":"https:\/\/www.andacademy.com\/resources\/author\/emily-stevens\/"}]}},"_links":{"self":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/posts\/7404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/comments?post=7404"}],"version-history":[{"count":25,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/posts\/7404\/revisions"}],"predecessor-version":[{"id":22885,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/posts\/7404\/revisions\/22885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/media\/7531"}],"wp:attachment":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/media?parent=7404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/categories?post=7404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/tags?post=7404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}