{"id":6341,"date":"2021-11-21T07:00:00","date_gmt":"2021-11-21T12:00:00","guid":{"rendered":"https:\/\/simplifiedblog.wpengine.com\/?p=6341"},"modified":"2024-09-18T02:38:19","modified_gmt":"2024-09-18T06:38:19","slug":"complementary-color-wheel","status":"publish","type":"post","link":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel","title":{"rendered":"All You Need To Know About Complementary Colors On The Color Wheel"},"content":{"rendered":"\n<blockquote class=\"eplus-uaKjje wp-block-quote eplus-wrapper is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\" eplus-wrapper\"><strong><em>\u201cIn nature, light creates the color. In the picture, color creates the light.\u201d \u2013 Hans Hofmann<\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n<p class=\" eplus-wrapper\">Colors play a big role in design. They have a huge impact on the mood of the designer and the viewer. They could either be made to feel like they\u2019re basking in the sun\u2019s glory or like they\u2019re cradling a hot cup of tea on a rainy day. And to invoke those emotions, designers and <a href=\"https:\/\/simplified.com\/blog\/ai-design\/top-ai-sketch-generator-tools-every-artist-needs\" rel=\"noreferrer noopener\" target=\"_blank\">artists<\/a> alike use the famed color wheel.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Wondering what exactly a color wheel is? Well, just like music, colors have patterns and combinations that make us feel differently. The color wheel represents all the possible combinations of colors an artist could use.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Taking the analogy of music further, color patterns that look good together are commonly known as color harmonies. And with regards to harmonies, there are a bunch of color theory terms you need to learn, including complementary colors, <a href=\"https:\/\/simplified.com\/blog\/colors\/analogous-colors\" rel=\"noreferrer noopener\" target=\"_blank\">analogous colors<\/a>, and triadic colors.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">But for the purpose of this guide, we&#8217;ll be taking a look at everything you need to know about complementary colors on the wheel. Starting with the color theory and then the color wheel. Continue reading for the full details below.<\/p>\n\n\n\n<p class=\" eplus-wrapper\"><strong>Bonus:&nbsp;<a href=\"https:\/\/simplified.com\/blog\/colors\/complementary-colors\" rel=\"noreferrer noopener\" target=\"_blank\">Learn How To Create A Brand Identity Using Complementary Colors<\/a><\/strong><\/p>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-7dc012d\" data-block-id=\"7dc012d\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-f7d6bcd\" data-block-id=\"f7d6bcd\"><style>.stk-f7d6bcd .stk-button{background:#fcb900 !important;border-top-left-radius:7px !important;border-top-right-radius:7px !important;border-bottom-right-radius:7px !important;border-bottom-left-radius:7px !important}.stk-f7d6bcd .stk-button__inner-text{font-size:20px !important;color:#000000 !important}@media screen and (max-width:1023px){.stk-f7d6bcd .stk-button__inner-text{font-size:20px !important}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/simplified.com\/color-palette-generator\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"has-text-color has-black-color stk-button__inner-text\"><strong>Generate Stunning Color Palettes in seconds<\/strong><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\" eplus-kYJjnU wp-block-heading eplus-wrapper\" id=\"h-color-theory-and-the-color-wheel\"><span class=\"ez-toc-section\" id=\"Color_Theory_and_the_Color_Wheel\"><\/span><strong>Color Theory and the Color Wheel<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\" eplus-wrapper\">You can&#8217;t have a comprehensive study about complementary colors without first getting a deep understanding of the color theory and color wheel.<\/p>\n\n\n\n<h3 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Understanding_the_Theory_of_Color\"><\/span>Understanding the Theory of Color<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\" eplus-wrapper\">Color theory is the art and science of using color to express and perceive emotions. It is the study of how colors mix, match, and contrast with each other to express certain thoughts. It also involves understanding what colors go well together and how to use different color combinations to capture different moods.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Dated back to the late 17th century, Sir Isaac Newton designed the color wheel at the heart of the color theory by mapping the color spectrum into a circle. Since then, the geometric connections illustrated on the color wheel have made the color wheel a go-to for designers and <a href=\"https:\/\/simplified.com\/blog\/ai-text-to-image\/ai-artist-11-best-ai-art-tools\" rel=\"noreferrer noopener\" target=\"_blank\">artists<\/a> looking for harmonious color combinations.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">During school days, we learned that color is the name given to the wavelengths of light grasped by the color receptors in our eyes. The objects we see absorb and reflect different wavelengths of light, and then those combinations are picked up by our eyes, which transform them into what we call color. But when it comes to art, there\u2019s a bit more to that.<\/p>\n\n\n\n<p class=\" eplus-wrapper\"><strong>Bonus:&nbsp;<a href=\"https:\/\/simplified.com\/blog\/colors\/design-guide-on-creating-graphics-for-colorblind-people\" rel=\"noreferrer noopener\" target=\"_blank\">6 Tips For Designing Graphics That Are Colorblind Friendly<\/a><\/strong><\/p>\n\n\n\n<h3 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Complementary_Colors_Wheel\"><\/span>Complementary Colors Wheel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\" eplus-wrapper\">The color wheel consists of 12 hues of pure colors, which are further broken down into three subsets of colors, namely, primary, secondary, and tertiary colors.<\/p>\n\n\n\n<p class=\" eplus-wrapper\"><strong>What are Primary Colors?<\/strong><\/p>\n\n\n\n<p class=\" eplus-wrapper\">There are three primary colors, namely, red, yellow, and blue. While these are the primary colors for artists and designers, physicists see red, green, and blue as primary colors instead.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">The reason for this is that there are two different color theories. One for material colors used by artists and designers and the other for colored lights. If you\u2019re interested in geeking out over colors, go crazy with the&nbsp;<a href=\"https:\/\/science.howstuffworks.com\/primary-colors.htm#:~:text=The%20reason%20for%20the%20confusing,additive%20and%20subtractive%20color%20systems.\" rel=\"noreferrer noopener\" target=\"_blank\">HowStuffWorks<\/a>&nbsp;explanations.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">But regarding what we are dealing with here, all you need to know is that Isaac Newton was the one who discovered that we could use prisms and mirrors to combine red, green, and blue (RGB) to create white light. Hence the name \u2018primary colors\u2019, as they are the basic ingredients that make up pure white light.<\/p>\n\n\n\n<p class=\" eplus-wrapper\"><strong>What Are Secondary Colors?<\/strong><\/p>\n\n\n\n<p class=\" eplus-wrapper\">There are three secondary colors, which are green, orange, and purple. They are formulated by combining primary colors.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Secondary colors are created as follows:<\/p>\n\n\n<ul class=\" wp-block-list eplus-wrapper eplus-styles-uid-45c944\">\n<li class=\" eplus-wrapper\">Yellow + Blue = Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow + Red = Orange<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red + Blue = Purple<\/li>\n<\/ul>\n\n\n<p class=\" eplus-wrapper\"><strong>What are Tertiary Colors?<\/strong><\/p>\n\n\n\n<p class=\" eplus-wrapper\">Tertiary colors are the colors you get when you mix primary and secondary colors together, and they are known by two hue names.&nbsp;<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Tertiary colors are six altogether, and they are:<\/p>\n\n\n<ul class=\" wp-block-list eplus-wrapper eplus-styles-uid-9030ae\">\n<li class=\" eplus-wrapper\">Blue-Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red-Violet<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow-Orange<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red-Orange<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red-Purple<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Blue-Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow-Green<\/li>\n<\/ul>\n\n\n<h2 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Pure_Colors_Tints_Shades_and_Tones\"><\/span>Pure Colors, Tints, Shades, and Tones<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image \">\n<figure class=\"aligncenter size-large is-resized eplus-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"421\" src=\"https:\/\/siteimages.simplified.com\/blog\/NHbrASDu-image-164.png?auto=compress&fm=png\" alt=\"colors\" class=\"wp-image-24735\" style=\"width:582px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\" has-text-align-center eplus-wrapper\">Source: <a href=\"https:\/\/simplified.com\/\" rel=\"noreferrer noopener\" target=\"_blank\">Simplified<\/a><\/p>\n\n\n\n<p class=\" eplus-wrapper\">Pure colors, also known as &#8220;hues,&#8221; are a gradation or variety of colors on the color wheel known as tints, shades, and tones.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Consider using a comprehensive tool like the <a href=\"https:\/\/themeselection.com\/item\/category\/figma-ui-kits\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figma UI Kit<\/a> to make your design process even smoother. It comes with a wide range of pre-designed components and color palettes, allowing you to experiment effortlessly with different combinations.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">By leveraging such resources, you can see how various tints, shades, and tones work together in real time, ensuring your final design maintains a balanced and harmonious look.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">To obtain a tint, you simply add white to the hue (or pure color). For example, to get a red tint, add white to the hue, and it will give you pink.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">On the other hand, you&#8217;ll have a shade when you add black to a hue. For example, if you mix black with pure red, you get the shade of burgundy.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">And a tone is when you add grey to a pure color or hue. This will darken the original hue and make the color less intense. This trick is best employed to create a subtler effect.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Another thing you need to know about navigating the color wheel is that there are warm and cool colors on the color wheel. Drawing a line across the center of the color wheel will separate warm colors from cool colors.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Warm colors are reds, oranges, and yellows, and are generally used to express energy, brightness, and action. On the other hand, cool colors are blues, greens, and purples, and are usually used to express calm, peace, and serenity.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Are you feeling a bit more confident with the color wheel now? Good! Let\u2019s see what colors have the potential to work well together (according to the color theory).<\/p>\n\n\n\n<h2 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"What_Colors_Work_Well_Together\"><\/span>What Colors Work Well Together?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\" eplus-wrapper\">You can develop many color schemes with the color wheel. However, we are focusing on complementary and split complementary color schemes.<\/p>\n\n\n\n<h3 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Complementary_Colors\"><\/span>Complementary Colors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\" eplus-wrapper\">In a simple term, complementary colors are colors that complement each other. These are usually the two opposite colors on the color wheel.<\/p>\n\n\n<div class=\"wp-block-image \">\n<figure class=\"aligncenter size-large is-resized eplus-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"393\" src=\"https:\/\/siteimages.simplified.com\/blog\/BboCwTgN-image-165.png?auto=compress&fm=png\" alt=\"Complementary Colors\" class=\"wp-image-24736\" style=\"width:530px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\" has-text-align-center eplus-wrapper\">Source: <a href=\"https:\/\/simplified.com\/\" rel=\"noreferrer noopener\" target=\"_blank\">Simplified<\/a><\/p>\n\n\n\n<p class=\" eplus-wrapper\">For example, the opposite colors on the complementary color wheel in the image above explain the theory. The sharp contrast between the two colors makes <a href=\"https:\/\/simplified.com\/blog\/design\/graphic-design-resume\" rel=\"noreferrer noopener\" target=\"_blank\">designs<\/a> and works of art pop.<\/p>\n\n\n\n<h3 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Split_Complementary_Colors\"><\/span>Split Complementary Colors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\" eplus-wrapper\">A split-complementary color scheme is a variation of a complementary color scheme. But rather than being a mixture of two opposite colors, split complementary colors are a combination of three colors on the complementary color wheel.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">When you mix one primary color and the two colors adjacent to its complement, you get split complementary colors. This way, you would get a greater contrast than if you had used only standard complementary colors.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">If you\u2019re on the hunt for split <a href=\"https:\/\/simplified.com\/blog\/colors\/complementary-color-of-blue\" rel=\"noreferrer noopener\" target=\"_blank\">complementary colors<\/a>, start with a base color, combine it with two colors adjacent to the opposite color on the color wheel, and leave the complementary color out.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">For example, if you take orange to be your base, combine it with <a href=\"https:\/\/simplified.com\/color-palette-generator\/blue-purple-combination\" rel=\"noreferrer noopener\" target=\"_blank\">blue-purple<\/a> and blue-green to get your split complementary. However, make sure you don\u2019t end up with an image that\u2019s too busy or over-contrasted.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">To make it simpler, here are the 12 basic split-complementary color schemes you can work with:<\/p>\n\n\n<ul class=\" wp-block-list eplus-wrapper eplus-styles-uid-158efe\">\n<li class=\" eplus-wrapper\">Red + Blue-Green + Yellow-Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Orange + Blue-Purple + Blue-Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red-Orange + Blue + Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Red-Purple + Yellow + Green<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow-Orange + Purple + Blue<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow-Green + Red + Purple<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Yellow + Blue-Purple + Red-Purple<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Green + Red-Orange + Red-Purple<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Blue + Red-Orange + Yellow-Orange<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Blue-Green + Orange + Red<\/li>\n\n\n\n<li class=\" eplus-wrapper\">Blue-Purple + Yellow + Orange<\/li>\n<\/ul>\n\n\n<h2 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Working_With_Complementary_Color_Palettes_On_Simplified\"><\/span>Working With Complementary Color Palettes On Simplified<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image \">\n<figure class=\"aligncenter size-large is-resized eplus-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"1263\" height=\"666\" src=\"https:\/\/siteimages.simplified.com\/blog\/Complementary-Color-Palettes-On-Simplified.png?auto=compress&fm=png\" alt=\"Complementary Color Palettes On Simplified\" class=\"wp-image-24733\" style=\"width:574px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\" has-text-align-center eplus-wrapper\">Source: <a href=\"https:\/\/app.simplified.com\/graphic-design\/tools\/image-color-palette\" rel=\"noreferrer noopener\" target=\"_blank\">Simplified<\/a><\/p>\n\n\n\n<p class=\" eplus-wrapper\">The Simplified Color Palette Generator tool offers hundreds of free templates, assets, images, and more for you to use while experimenting with complementary colors. Whether you\u2019re working on your own or as part of a team, Simplified offers a color scheme that perfectly matches your favorite designs.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Simply upload your photo or design and the tool will use the hues in your photo or design to create a perfect palette for you.<\/p>\n\n\n\n<p class=\" eplus-wrapper\">Additionally, combining this tool with a Figma UI kit allows for even more flexibility, enabling you to apply these palettes directly to pre-designed UI components, ensuring a cohesive and visually appealing design experience.<\/p>\n\n\n\n<p class=\" eplus-wrapper\"><strong>Bonus:&nbsp;<a href=\"https:\/\/simplified.com\/blog\/design\/creative-logo-design\" rel=\"noreferrer noopener\" target=\"_blank\">5 Golden Rules of Crafting Creative Logos: Welcome to the World of Creative Logo Design<\/a><\/strong><\/p>\n\n\n\n<h2 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\" eplus-wrapper\">Understanding color theory is crucial to making an informed decision. This will help you choose complementary colors schemes that blend perfectly with your <a href=\"https:\/\/simplified.com\/blog\/marketing\/graphic-design-for-nonprofits\" target=\"_blank\" rel=\"noreferrer noopener\">design<\/a> projects. By using the Simplified Color Palette Generator tool, you can create harmonious color schemes for engaging, impactful, and memorable visual designs.<\/p>\n\n\n\n<div class=\"wp-block-stackable-call-to-action stk-block-call-to-action stk-block stk-4ba4460 stk-block-background is-style-default stk--has-background-overlay\" data-v=\"2\" data-block-id=\"4ba4460\"><style>.stk-4ba4460{background-image:url(https:\/\/siteimages.simplified.com\/blog\/light-bg.png?auto=format&amp;ixlib=php-3.3.1) !important;border-radius:32px !important;overflow:hidden !important;margin-bottom:25px !important}.stk-4ba4460-container{background-color:#ffffffb3 !important;border-radius:30px !important;overflow:hidden !important;box-shadow:0px 70px 90px -20px #4849794d !important}.stk-4ba4460-container:before{background-color:#ffffffb3 !important}<\/style><div class=\"stk-block-call-to-action__content stk-content-align stk-4ba4460-column stk-container stk-4ba4460-container\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-4ba4460-inner-blocks\">\n<h2 class=\" wp-block-heading eplus-wrapper\"><span class=\"ez-toc-section\" id=\"Create_Beautiful_Color_Schemes_with_Simplified\"><\/span>Create Beautiful Color Schemes with Simplified<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-1687486\" data-block-id=\"1687486\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button is-style-ghost stk-block stk-949752d\" data-block-id=\"949752d\"><style>.stk-949752d .stk-button{background:#fcb900 !important;border-top-left-radius:8px !important;border-top-right-radius:8px !important;border-bottom-right-radius:8px !important;border-bottom-left-radius:8px !important}.stk-949752d .stk-button:hover:after{background:transparent !important;opacity:1 !important}:where(.stk-hover-parent:hover,.stk-hover-parent.stk--is-hovered) .stk-949752d .stk-button:after{background:transparent !important;opacity:1 !important}.stk-949752d .stk-button:before{box-shadow:none !important;border-style:solid !important;border-color:#000000 !important;border-top-width:2px !important;border-right-width:2px !important;border-bottom-width:2px !important;border-left-width:2px !important}.stk-949752d .stk-button__inner-text{color:#000000 !important;font-weight:bold !important}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/simplified.com\/color-palettes\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"has-text-color has-black-color stk-button__inner-text\">Get Started For Free<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u201cIn nature, light creates the color. In the picture, color creates the light.\u201d \u2013 Hans Hofmann Colors play a big role in design. They have a huge impact on the mood of the designer and the viewer. They could either be made to feel like they\u2019re basking in the sun\u2019s glory or like they\u2019re cradling a hot cup of tea on a rainy day. And to invoke those emotions, designers and artists alike use the famed color wheel. Wondering what exactly a color wheel is? Well, just like music, colors have patterns and combinations that make us feel differently. The [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":24734,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"editor_plus_copied_stylings":"{}","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[438],"tags":[2610,2611],"class_list":{"0":"post-6341","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-colors","8":"tag-color","9":"tag-complementary-colors","10":"post--single"},"featured_image_urls_v2":{"full":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png",3335,1667,false],"thumbnail":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=150&w=150","150","150",true],"medium":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=150&w=300",300,150,true],"medium_large":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=384&w=768",768,384,true],"large":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=512&w=1024",1024,512,true],"1536x1536":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=768&w=1536",1536,768,true],"2048x2048":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=1024&w=2048",2048,1024,true],"ceris-xxxs-1_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=70&w=70",70,70,true],"ceris-xxs-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=135&w=180",180,135,true],"ceris-xxs-1_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=180&w=180",180,180,true],"ceris-xs-16_9 400x225":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=225&w=400",400,225,true],"ceris-xs-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=185&w=370",370,185,true],"ceris-xs-2_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=200&w=400",400,200,true],"ceris-xs-1_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=400&w=400",400,400,true],"ceris-xs-16_9":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=338&w=600",600,338,true],"ceris-s-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=450&w=600",600,450,true],"ceris-s-2_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=300&w=600",600,300,true],"ceris-s-1_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=600&w=600",600,600,true],"ceris-m-16_9":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=450&w=800",800,450,true],"ceris-m-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=600&w=800",800,600,true],"ceris-m-2_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=400&w=800",800,400,true],"ceris-m-auto":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=scale&fm=png&h=400&w=800",800,400,true],"ceris-l-16_9":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=675&w=1200",1200,675,true],"ceris-l-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=900&w=1200",1200,900,true],"ceris-l-2_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=600&w=1200",1200,600,true],"ceris-xl-16_9":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=900&w=1600",1600,900,true],"ceris-xl-4_3":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=1200&w=1600",1600,1200,true],"ceris-xl-2_1":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=800&w=1600",1600,800,true],"ceris-xxl":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=1125&w=2000",2000,1125,true],"bdpp-medium":["https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fit=crop&fm=png&h=480&w=640",640,480,true]},"post_excerpt_stackable_v2":"<p>\u201cIn nature, light creates the color. In the picture, color creates the light.\u201d \u2013 Hans Hofmann Colors play a big role in design. They have a huge impact on the mood of the designer and the viewer. They could either be made to feel like they\u2019re basking in the sun\u2019s glory or like they\u2019re cradling a hot cup of tea on a rainy day. And to invoke those emotions, designers and artists alike use the famed color wheel. Wondering what exactly a color wheel is? Well, just like music, colors have patterns and combinations that make us feel differently. The&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/simplified.com\/blog\/colors\" rel=\"category tag\">Colors<\/a>","author_info_v2":{"name":"Shubham Kulkarni","url":"https:\/\/simplified.com\/blog\/author\/shubhamkulkarni"},"comments_num_v2":"0 comments","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.9 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Complementary Colors Explained | Simplified<\/title>\n<meta name=\"description\" content=\"Complementary colors are two colors that look good together. When you put them side by side, they make each other stand out more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Complementary Colors: All You Need To Know | Simplified\" \/>\n<meta property=\"og:description\" content=\"If you&#039;re just starting out as a designer, you might find some of the jargon confusing. Don&#039;t know what complementary colors are? Click here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel\" \/>\n<meta property=\"og:site_name\" content=\"Simplified\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifiedhq\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sosimplified\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-21T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-18T06:38:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png\" \/>\n\t<meta property=\"og:image:width\" content=\"3335\" \/>\n\t<meta property=\"og:image:height\" content=\"1667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shubham Kulkarni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Complementary Colors: All You Need To Know | Simplified\" \/>\n<meta name=\"twitter:description\" content=\"If you&#039;re just starting out as a designer, you might find some of the jargon confusing. Don&#039;t know what complementary colors are? Click here!\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/sosimplified\" \/>\n<meta name=\"twitter:site\" content=\"@sosimplified\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shubham Kulkarni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Complementary Colors Explained | Simplified","description":"Complementary colors are two colors that look good together. When you put them side by side, they make each other stand out more.","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:\/\/simplified.com\/blog\/colors\/complementary-color-wheel","og_locale":"en_US","og_type":"article","og_title":"Complementary Colors: All You Need To Know | Simplified","og_description":"If you're just starting out as a designer, you might find some of the jargon confusing. Don't know what complementary colors are? Click here!","og_url":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel","og_site_name":"Simplified","article_publisher":"https:\/\/www.facebook.com\/simplifiedhq\/","article_author":"https:\/\/www.facebook.com\/sosimplified","article_published_time":"2021-11-21T12:00:00+00:00","article_modified_time":"2024-09-18T06:38:19+00:00","og_image":[{"width":3335,"height":1667,"url":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","type":"image\/png"}],"author":"Shubham Kulkarni","twitter_card":"summary_large_image","twitter_title":"Complementary Colors: All You Need To Know | Simplified","twitter_description":"If you're just starting out as a designer, you might find some of the jargon confusing. Don't know what complementary colors are? Click here!","twitter_creator":"@https:\/\/twitter.com\/sosimplified","twitter_site":"@sosimplified","twitter_misc":{"Written by":"Shubham Kulkarni","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#article","isPartOf":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel"},"author":{"name":"Shubham Kulkarni","@id":"https:\/\/simplified.com\/blog\/#\/schema\/person\/bc329e7857a3ca6daa098180452756a5"},"headline":"All You Need To Know About Complementary Colors On The Color Wheel","datePublished":"2021-11-21T12:00:00+00:00","dateModified":"2024-09-18T06:38:19+00:00","mainEntityOfPage":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel"},"wordCount":1462,"publisher":{"@id":"https:\/\/simplified.com\/blog\/#organization"},"image":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#primaryimage"},"thumbnailUrl":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","keywords":["color","Complementary Colors"],"articleSection":["Colors"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel","url":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel","name":"Complementary Colors Explained | Simplified","isPartOf":{"@id":"https:\/\/simplified.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#primaryimage"},"image":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#primaryimage"},"thumbnailUrl":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","datePublished":"2021-11-21T12:00:00+00:00","dateModified":"2024-09-18T06:38:19+00:00","description":"Complementary colors are two colors that look good together. When you put them side by side, they make each other stand out more.","breadcrumb":{"@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#primaryimage","url":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","contentUrl":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","width":3335,"height":1667,"caption":"Complementary Colors Explained"},{"@type":"BreadcrumbList","@id":"https:\/\/simplified.com\/blog\/colors\/complementary-color-wheel#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/simplified.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Colors","item":"https:\/\/simplified.com\/blog\/colors"},{"@type":"ListItem","position":3,"name":"All You Need To Know About Complementary Colors On The Color Wheel"}]},{"@type":"WebSite","@id":"https:\/\/simplified.com\/blog\/#website","url":"https:\/\/simplified.com\/blog\/","name":"Blog | Simplified","description":"Everything AI - Graphic Design, Video Editing, Copywriting &amp; Social Media with Simplified","publisher":{"@id":"https:\/\/simplified.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/simplified.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/simplified.com\/blog\/#organization","name":"Simplified","url":"https:\/\/simplified.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simplified.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/blog.simplified.com\/wp-content\/uploads\/2021\/08\/Simplified-logo-small.jpeg","contentUrl":"https:\/\/blog.simplified.com\/wp-content\/uploads\/2021\/08\/Simplified-logo-small.jpeg","width":200,"height":200,"caption":"Simplified"},"image":{"@id":"https:\/\/simplified.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifiedhq\/","https:\/\/x.com\/sosimplified","https:\/\/www.instagram.com\/simplifiedhq\/","https:\/\/www.linkedin.com\/company\/simplifiedhq","https:\/\/www.tiktok.com\/@simplifiedhq","https:\/\/www.youtube.com\/@SimplifiedAI"]},{"@type":"Person","@id":"https:\/\/simplified.com\/blog\/#\/schema\/person\/bc329e7857a3ca6daa098180452756a5","name":"Shubham Kulkarni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/838356661db2bd24605feb34de257efcb2c1d5b00a3db1025528a59fc906e759?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/838356661db2bd24605feb34de257efcb2c1d5b00a3db1025528a59fc906e759?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/838356661db2bd24605feb34de257efcb2c1d5b00a3db1025528a59fc906e759?s=96&d=blank&r=g","caption":"Shubham Kulkarni"},"description":"Shubham Kulkarni is a growth strategist and product thinker focused on content-led growth and AI search. He challenges traditional playbooks by sharing systems and insights that help founders scale with clarity and speed","sameAs":["https:\/\/simplified.com","https:\/\/www.facebook.com\/sosimplified","https:\/\/www.instagram.com\/simplified.app\/","https:\/\/www.linkedin.com\/in\/kulkarni-shubham-hustle\/","https:\/\/x.com\/https:\/\/twitter.com\/sosimplified"],"url":"https:\/\/simplified.com\/blog\/author\/shubhamkulkarni"}]}},"jetpack_featured_media_url":"https:\/\/siteimages.simplified.com\/blog\/Complementary-Colors-Explained-02.png?auto=compress&fm=png","_links":{"self":[{"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/posts\/6341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/comments?post=6341"}],"version-history":[{"count":0,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/posts\/6341\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/media\/24734"}],"wp:attachment":[{"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/media?parent=6341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/categories?post=6341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.simplified.com\/blog\/wp-json\/wp\/v2\/tags?post=6341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}