{"id":31099,"date":"2017-08-09T15:21:03","date_gmt":"2017-08-09T15:21:03","guid":{"rendered":"https:\/\/brandignitybeta.com\/demo\/brandlatest\/2017\/08\/09\/how-complementary-colors-help-your-website\/"},"modified":"2017-08-09T15:21:03","modified_gmt":"2017-08-09T15:21:03","slug":"how-complementary-colors-help-your-website","status":"publish","type":"post","link":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/","title":{"rendered":"How Complementary Colors Help Your Website"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15220\" src=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/08\/Complementary-Colors.jpg\" alt=\"Complementary Colors\" width=\"848\" height=\"565\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>When you choose a color palette for your website, you likely intend to accomplish a few specific things. The colors you use can impact the mood of those visiting your site, reinforce your messaging and branding or entice visitors to click on a <a href=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/2014\/07\/website-design-mobile-app-calls-to-action\/\">call-to-action (CTA)<\/a> button.<\/p>\n<p>&nbsp;<\/p>\n<p>The psychology of colors is quite complicated and multifaceted, but in a nutshell, it\u2019s best to use complementary colors whenever possible. Complementary colors are opposite one another on the color wheel \u2014 red and green, for example. <a href=\"http:\/\/www.tigercolor.com\/color-lab\/color-theory\/color-harmonies.htm\">Using these opposing colors creates a harmony for your page<\/a>, so it isn&#8217;t jarring for the site visitor. Complementary colors contrast with one another, so it\u2019s vital to use a careful balance and to avoid putting text and background together as complementary.<\/p>\n<p>&nbsp;<\/p>\n<p>There are several benefits to using complementary colors.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>1.Stand Out From Your Competition<\/strong><\/h2>\n<hr \/>\n<p>Using complementary colors is bold and not for the faint of heart. Use the wrong shade, and the colors simply won\u2019t work together. However, when you choose colors in a palette that meshes well, you will <a href=\"https:\/\/coschedule.com\/blog\/color-psychology-marketing\/\">create a finely tuned visual tension that will make the consumer sit up and take notice<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>Opposite color combinations include:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><a href=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/2017\/07\/color-blue-affects-sites-conversions\/\">Blue<\/a> and orange<\/li>\n<li>Red and green<\/li>\n<li>Yellow and purple<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>One thing that will ensure the colors don\u2019t compete too much is choosing different saturation points for each. For example, <a href=\"https:\/\/coschedule.com\/blog\/color-psychology-marketing\/\">don\u2019t go for a combination that is a 50 percent saturation yellow and 50 percent saturation purple<\/a>. Instead, choose a deeper purple, such as 80 percent saturation, with a lower-saturation yellow, such as 25 percent.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15216\" src=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/08\/los-angeles-lakers.jpg\" alt=\"LA Lakers\" width=\"750\" height=\"323\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>One example of a site that <a href=\"http:\/\/www.nba.com\/lakers\">uses complementary colors to create a unique look<\/a> is the Los Angeles Lakers\u2019 NBA site. Notice how the page uses a deep purple with a bright yellow \u2014 the saturation differs between the two colors. This creates an overall look that\u2019s eye-catching, but not jarring.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>2. Make CTAs Stand Out<\/strong><\/h2>\n<hr \/>\n<p>One benefit of using complementary colors is that the opposing color naturally draws the viewer\u2019s eye. So, if you want to really make a CTA pop and capture the reader\u2019s attention, you should use the opposite color on the color wheel for the CTA.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15217\" src=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/08\/national-fulfillment-service.jpg\" alt=\"national fulfillment service\" width=\"750\" height=\"342\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>For example, National Fulfillment Services uses a fade from blue to green for the background in their heading. They then put the <a href=\"https:\/\/www.nfsrv.com\">CTA within a box in the complementary color orange<\/a>. This makes the CTA stand out and draws your eye. You immediately want to do what it\u2019s telling you to do and click on the \u201clearn more\u201d button.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>3. To Highlight Important Information<\/strong><\/h2>\n<hr \/>\n<p>Using a complementary color to your main color can help you highlight information that otherwise might face into the background. Because the complementary color will contrast more sharply with everything else, it will draw the reader&#8217;s eye. For example, let\u2019s say your overall color scheme is composed of blues and grays. You can use a pop of orange to draw the user\u2019s eye to a headline, around an information box or as the navigation menu.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15218\" src=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/08\/united.jpg\" alt=\"United Airlines\" width=\"750\" height=\"354\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>One example of a site that <a href=\"https:\/\/www.united.com\/ual\/en\/us\">uses complementary colors to highlight important information<\/a> is United Airlines. Most of their page is in blues or neutrals. Then, they have a pop of a complementary orangey-yellow color to highlight their MileagePlus program. This drives people to either log in or join. It is a sort of CTA, but a bit bigger than your traditional CTA.<\/p>\n<p>&nbsp;<\/p>\n<p>You might also think they would use this to get people to book a flight, but the obvious goal for conversions here is to get site visitors to sign up so United Airlines can capture people\u2019s email addresses and contact information. United can then continue to market to those qualified leads and let them know about special offers, with the goal of driving future bookings. United likely needs the positive marketing here to counteract recent issues they\u2019ve dealt with regarding their overall image.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>4. Take It to the Next Level<\/strong><\/h2>\n<hr \/>\n<p>Another variation is to use a\u00a0split-complementary color scheme. In addition to the base\u00a0color, a split-complementary color scheme uses the two\u00a0colors\u00a0adjacent to its complement. For example, if you\u2019ve chosen green as your primary color, its opposite on the color wheel is red. In a split-complementary color scheme, you\u2019d also use orange or yellow-orange as an accent color.<\/p>\n<p>&nbsp;<\/p>\n<p>The benefit of using split-complementary colors is you <a href=\"http:\/\/www.incolororder.com\/2011\/11\/art-of-choosing-split-complementary.html\">create a very eye-catching site that has multiple layers<\/a> and a professionally designed look.<\/p>\n<p>&nbsp;<\/p>\n<p>One key is to use your base color as your main color, and the two adjacent complementary colors only to highlight certain aspects of your site. Otherwise, the split-complementary look can become overwhelming and look like some bottles of paint threw up on your website.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15219\" src=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/08\/big-top.jpg\" alt=\"Big Top\" width=\"750\" height=\"343\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Big Top uses <a href=\"http:\/\/bigtop.it\">complementary colors for a gorgeous design<\/a>. Note that the main color is purple, and orange and blue are the complementary colors. It is eye-catching and memorable.<\/p>\n<p>&nbsp;<\/p>\n<p>A complementary color scheme takes a bit of thought about what your base color will be, and which colors and shades of those colors will best complement that base. It\u2019s a balancing act among colors that requires a bit of bravery and thinking outside the box.<\/p>\n<p>&nbsp;<\/p>\n<p>However, the results can be stunning and encourage people to take the actions you most want them to, such as clicking on a CTA and converting into subscribers.<\/p>\n<h3>Check Out These Great Resources to help with your Marketing:<\/h3>\n<p>Try <a href=\"https:\/\/mbsy.co\/38LQHJ\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Commun.it<\/strong><\/a> to easily track brand awareness, discover new leads, share quality content, schedule posts and download progress reports.<\/p>\n<p><a href=\"https:\/\/www.social-searcher.com\/social-media-affiliate\/?ref=3a77bd411c10c64d66b8fbe4b7ce4484\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Social Searcher<\/strong><\/a> is an amazing way to grow an online brand in leaps and bounds it simply takes creativity, passion and consistency to keep things moving in the right direction.<\/p>\n<p><a href=\"https:\/\/iconosquare.grsm.io\/maciejfita7095\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Iconosquare<\/strong><\/a> is the number one platform for Instagram &amp; Facebook analytics and social media management.<\/p>\n<p><a href=\"https:\/\/www.socialpilot.co?fp_ref=brandignity\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>SocialPilot<\/strong><\/a> is the Most Cost-Effective Marketing Tool. Powerful Publishing. Insightful Analytics. Seamless Collaboration.<\/p>\n<p><a href=\"https:\/\/www.bluehost.com\/track\/maciejfita\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Bluehost<\/strong><\/a> is a leading web hosting solutions company. Bluehost has continually innovated new ways to deliver on our mission: to empower people to fully harness the web. They provide comprehensive tools to millions of users throughout the world so anyone, novice or pro, can get on the web and thrive with our web hosting packages.<\/p>\n<p><a href=\"https:\/\/www.semrush.com\/lp\/sem\/en\/?ref=7605975292&amp;utm_campaign=aio_ campaign&amp;utm_source=berush&amp;utm_medium=promo&amp;utm_term=23\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>SEMrush<\/strong><\/a> is an all-in-one tool suite for improving online visibility and discovering marketing insights. Our tools and reports are able to help marketers that work in the following services: SEO, PPC, SMM, Keyword Research, Competitive Research, PR, Content Marketing, Marketing Insights, Campaign Management.<\/p>\n<p><a href=\"https:\/\/hubs.to\/393Vgt\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>HubSpot<\/strong><\/a> offers a complete CRM platform with all the tools and integrations you need to grow better \u2014 whether you want to increase leads, accelerate sales, streamline customer service, or build a powerful website.<\/p>\n<p>To check grammar and spelling to style and tone, <a href=\"https:\/\/grammarly.go2cloud.org\/aff_c?offer_id=182&amp;aff_id=62022\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Grammarly<\/strong><\/a> helps you eliminate errors and find the perfect words to express yourself.<\/p>\n<p><strong>Author<\/strong><\/p>\n<p>Lexie Lu is a designer and writer. She loves researching trends in the web and graphic design industry. She writes weekly on\u00a0Design Roast\u00a0and can be followed on Twitter\u00a0@lexieludesigner<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; When you choose a color palette for your website, you likely intend to accomplish a few specific things. The colors you use can impact the mood of those visiting your site, reinforce your messaging and branding or entice visitors to click on a call-to-action (CTA) button. &nbsp; The psychology [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13218,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[16683,17046],"class_list":["post-31099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-call-to-action","tag-website-colors"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How Complementary Colors Help Your Website - Brandignity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Complementary Colors Help Your Website - Brandignity\" \/>\n<meta property=\"og:description\" content=\"&nbsp; When you choose a color palette for your website, you likely intend to accomplish a few specific things. The colors you use can impact the mood of those visiting your site, reinforce your messaging and branding or entice visitors to click on a call-to-action (CTA) button. &nbsp; The psychology [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Brandignity\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brandignity\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-09T15:21:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:site\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\"},\"headline\":\"How Complementary Colors Help Your Website\",\"datePublished\":\"2017-08-09T15:21:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/\"},\"wordCount\":1191,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/trent-sanders-owner.png?wsr\",\"keywords\":[\"call to action\",\"website colors\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/\",\"name\":\"How Complementary Colors Help Your Website - Brandignity\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/trent-sanders-owner.png?wsr\",\"datePublished\":\"2017-08-09T15:21:03+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#primaryimage\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/trent-sanders-owner.png?wsr\",\"contentUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/trent-sanders-owner.png?wsr\",\"width\":200,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/how-complementary-colors-help-your-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Complementary Colors Help Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"name\":\"Brandignity\",\"description\":\"Brandignity\",\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\",\"name\":\"Brandignity\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"contentUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"width\":288,\"height\":70,\"caption\":\"Brandignity\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brandignity\",\"https:\\\/\\\/x.com\\\/Brandignty\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brandignity\",\"https:\\\/\\\/www.instagram.com\\\/brandignity\"]},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\\\/\\\/www.brandignitybeta.com\\\/demo\\\/brandlatest\"],\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How Complementary Colors Help Your Website - Brandignity","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":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/","og_locale":"en_US","og_type":"article","og_title":"How Complementary Colors Help Your Website - Brandignity","og_description":"&nbsp; When you choose a color palette for your website, you likely intend to accomplish a few specific things. The colors you use can impact the mood of those visiting your site, reinforce your messaging and branding or entice visitors to click on a call-to-action (CTA) button. &nbsp; The psychology [&hellip;]","og_url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/","og_site_name":"Brandignity","article_publisher":"https:\/\/www.facebook.com\/brandignity","article_published_time":"2017-08-09T15:21:03+00:00","og_image":[{"width":200,"height":200,"url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@Brandignty","twitter_site":"@Brandignty","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#article","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/"},"author":{"name":"admin","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b"},"headline":"How Complementary Colors Help Your Website","datePublished":"2017-08-09T15:21:03+00:00","mainEntityOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/"},"wordCount":1191,"commentCount":0,"publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#primaryimage"},"thumbnailUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png?wsr","keywords":["call to action","website colors"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/","name":"How Complementary Colors Help Your Website - Brandignity","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website"},"primaryImageOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#primaryimage"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#primaryimage"},"thumbnailUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png?wsr","datePublished":"2017-08-09T15:21:03+00:00","breadcrumb":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#primaryimage","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png?wsr","contentUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2024\/12\/trent-sanders-owner.png?wsr","width":200,"height":200},{"@type":"BreadcrumbList","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/how-complementary-colors-help-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/"},{"@type":"ListItem","position":2,"name":"How Complementary Colors Help Your Website"}]},{"@type":"WebSite","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","name":"Brandignity","description":"Brandignity","publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization","name":"Brandignity","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","contentUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","width":288,"height":70,"caption":"Brandignity"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brandignity","https:\/\/x.com\/Brandignty","https:\/\/www.linkedin.com\/company\/brandignity","https:\/\/www.instagram.com\/brandignity"]},{"@type":"Person","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/www.brandignitybeta.com\/demo\/brandlatest"],"url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/31099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/comments?post=31099"}],"version-history":[{"count":0,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/31099\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/media\/13218"}],"wp:attachment":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/media?parent=31099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/categories?post=31099"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/tags?post=31099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}