{"id":3296,"date":"2020-05-27T16:33:02","date_gmt":"2020-05-27T15:33:02","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=3296"},"modified":"2023-07-27T15:30:24","modified_gmt":"2023-07-27T14:30:24","slug":"can-clashing-colours-be-used-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/","title":{"rendered":"Can clashing colours be used in web design?"},"content":{"rendered":"<p>Using clashing colours in web design is a no-go for most companies and businesses, as these colours can be visually overwhelming and distracting, leading to your potential customers and clients leaving your website. But in some circumstances, clashing colours can be more effective. So when can clashing colours be used in web design? Well, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/transparent-web-design-to-build-trust\/\">web design<\/a> experts. We provide, high quality, effective, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/different-options-for-scrolling-web-animation\/\">web design<\/a> solutions for local companies and businesses across Manchester, and the surrounding area, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport.<\/a> As a result, we have produced this guide to everything you should know about clashing colours in web design.<\/p>\n<h2>When can clashing colours be used in web design?<\/h2>\n<p>So, when can clashing colours be used on your website, if ever? Well, there are actually a number of situations where two clashing colours could be used effectively. These include:<\/p>\n<ul>\n<li><em><strong>When two clashing colours are used as secondary and tertiary colours-<\/strong> <\/em>choosing three colours for web design has long been popular. If your primary colour is something plain, like black or white, you might be able to use two bright, clashing colours together for the secondary and tertiary colours. This is because the secondary colour will stand out from the primary colour, and the tertiary colour will only be used very infrequently, preventing the overwhelming response that is typical when contrasting colours are used together, in the middle of the website. Instead, when used like this, the clashing colours can actually draw attention to key features and help them stand out.<\/li>\n<li><strong><em>If this is part of your branding-<\/em><\/strong> making a statement and standing out from your competitors is important in business, in any industry. If you want to make a bold statement, you may have chosen colours that clash as part of your company branding. This means that your website should support this branding decision, and make sure that your company is one that can not be missed. However, it may still be necessary to limit this use of colour to the above the fold content, or too small visual features, to maintain a professional digital image.<\/li>\n<\/ul>\n<h3>When should clashing colours be avoided in web design?<\/h3>\n<p>In general, it is thought that clashing colours should be avoided at all costs as part of your web design, as this will drive away your potential customers and clients. But this isn&#8217;t the case, as outlined above, clashing colours can actually have the opposite effect, in some very specific circumstances. But clashing colours should be avoided in many situations, including:<\/p>\n<ul>\n<li><em><strong>For websites with an older intended target audience-<\/strong><\/em> while clashing colours can be more suitable for younger adults and teens, older adults can find these colours overwhelming and off putting, and be more likely to leave your website.<\/li>\n<li><strong><em>For businesses with a serious message-<\/em> <\/strong>if your company is a serious, business to business facing company, or one that tackles solemn issues like life insurance or banking, clashing colours will be a bad choice for your company.<\/li>\n<\/ul>\n<p><strong>In general. clashing colours should be used only to fit one of the two criteria detailed above, for the best possible results.\u00a0<\/strong><\/p>\n<p>For more information or advice, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using clashing colours in web design is a no-go for most companies and businesses, as these colours can be visually overwhelming and distracting, leading to your potential customers and clients leaving your website. But in some circumstances, clashing colours can be more effective. So when can clashing colours be used in web design? Well, here [&#8230;]\n","protected":false},"author":2,"featured_media":455,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Can clashing colours be used in web design? - Pumpkin Web Design Manchester<\/title>\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.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can clashing colours be used in web design? - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Using clashing colours in web design is a no-go for most companies and businesses, as these colours can be visually overwhelming and distracting, leading to your potential customers and clients leaving your website. But in some circumstances, clashing colours can be more effective. So when can clashing colours be used in web design? Well, here [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-27T15:33:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T14:30:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/\",\"name\":\"Can clashing colours be used in web design? - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2020-05-27T15:33:02+00:00\",\"dateModified\":\"2023-07-27T14:30:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Can clashing colours be used in web design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Can clashing colours be used in web design? - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Can clashing colours be used in web design? - Pumpkin Web Design Manchester","og_description":"Using clashing colours in web design is a no-go for most companies and businesses, as these colours can be visually overwhelming and distracting, leading to your potential customers and clients leaving your website. But in some circumstances, clashing colours can be more effective. So when can clashing colours be used in web design? Well, here [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2020-05-27T15:33:02+00:00","article_modified_time":"2023-07-27T14:30:24+00:00","og_image":[{"width":340,"height":340,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/","name":"Can clashing colours be used in web design? - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2020-05-27T15:33:02+00:00","dateModified":"2023-07-27T14:30:24+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/can-clashing-colours-be-used-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Can clashing colours be used in web design?"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3296"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=3296"}],"version-history":[{"count":1,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3296\/revisions"}],"predecessor-version":[{"id":12466,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3296\/revisions\/12466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/455"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=3296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=3296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=3296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}