{"id":1516,"date":"2016-09-05T12:57:47","date_gmt":"2016-09-05T12:57:47","guid":{"rendered":"http:\/\/www.octalsoftware.com.sg\/blog\/?p=1516"},"modified":"2021-08-05T10:44:12","modified_gmt":"2021-08-05T10:44:12","slug":"what-to-keep-in-mind-before-determining-color-combinations-for-web-designs","status":"publish","type":"post","link":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/","title":{"rendered":"What to Keep In Mind Before Determining Color Combinations for Web Designs?"},"content":{"rendered":"<p style=\"text-align: justify;\">While browsing Internet, we often come across websites that leave an excellent impression through its colors. On the other hand, there are many sites that have a washy impact as soon as they appear and most of us avoid lingering on such websites. Now, the question arises why does this happen? What exactly makes us feel awesome or annoying while browsing? As per experts, the color combination chosen for a website plays a crucial role in alluring or distracting users. Color leaves a magnificent impact on human mind as it establishes a communication with the viewer on many levels including emotional. It is the visual attribute to anything that emits, generates or mainly reflects light.<\/p>\n<p><!--more--><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1519 size-full\" src=\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/ways-to-select-color-combination-for-web-designs.jpg\" alt=\"web design tips\" width=\"755\" height=\"375\" srcset=\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/ways-to-select-color-combination-for-web-designs.jpg 755w, https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/ways-to-select-color-combination-for-web-designs-300x149.jpg 300w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/p>\n<p style=\"text-align: justify;\">However, it is of extreme importance to know the depth of choosing the right color scheme for your website. Follow the below mentioned rules:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_41_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69e5568a3be64\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-69e5568a3be64\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#Select_a_Foundation_Color\" title=\"Select a Foundation Color\">Select a Foundation Color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#Illumine_with_an_Extra_ColorShade\" title=\"Illumine with an Extra Color\/Shade\">Illumine with an Extra Color\/Shade<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#What_Proportion_of_Colors_Should_I_Have\" title=\"What Proportion of Colors Should I Have?\">What Proportion of Colors Should I Have?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#What_Tints_and_Shades_Have_to_Do\" title=\"What Tints and Shades Have to Do\">What Tints and Shades Have to Do<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#Creative_and_Graphic_Rich_Websites\" title=\"Creative and Graphic Rich Websites\">Creative and Graphic Rich Websites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h5><span class=\"ez-toc-section\" id=\"Select_a_Foundation_Color\"><\/span>Select a Foundation Color<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">Before you decide anything, you must select a base color for the website you are going to build as it will lay the foundation of your color easel. Once this is done, the whole <a title=\"Hire Web Designer\" href=\"https:\/\/www.octalsoftware.com.sg\/hire-web-designer\" target=\"_blank\" rel=\"noopener\">web design <\/a>color combination of your website will take off. What exactly you want to project, what, thoughts and ideas you have is only be defined by the foundation color. You must have observed that the base color covers the large area of a brand logo e.g. white for Apple.com. The best practice one can do in order to set the right color-combination is to have the color wheel in front of him and start collating the features of colors with the product you are going to sell. For instance, if you are dealing in cosmetics then you can go for vibrant shades, but if you are selling, let\u2019s say software services then the color should be grave and sober. Moreover, explore websites, especially of your competitors, and pick needed clues from there. This will give you a clear picture of what is trending.<\/p>\n<p>&nbsp;<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Illumine_with_an_Extra_ColorShade\"><\/span>Illumine with an Extra Color\/Shade<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">You must have observed that some sites are well-built and designed brilliantly, but fail to leave a significant influence at all. Thus, to have your design more alluring as well as professional, you must illumine its major parts like menu, buttons, quotes and subtitles with an extra shade.<\/p>\n<p style=\"text-align: justify;\">Color blending is actually not an easy task and you can identify a perfectly synced color scheme only when you have an in-depth understanding of colors. Thanks to technology, you can get some assistance from some fine tools available online. Make sure that you pick only 1 or 2 shades to highlight because multiple accent color may confuse viewers.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"What_Proportion_of_Colors_Should_I_Have\"><\/span>What Proportion of Colors Should I Have?<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">Once you decide upon colors, another stop where you wander about what proportion colors should be used. Experts explain the color proportion scheme by suggesting a figure 60-30-10. This figure clearly denotes the varying degree in which three colors are used to establish a perfect harmony.<\/p>\n<p style=\"text-align: justify;\">Approx the 60% of the space should be covered by the primary color for a unifying theme of the design. About 30% should go with the 60% for the contrast to have a visually impressive <a title=\"web designing company\" href=\"https:\/\/www.octalsoftware.com.sg\/custom-web-design\" target=\"_blank\" rel=\"noopener\">web design<\/a>. The remaining 10% accent color should be used in order to give complement the primary or the secondary color.<\/p>\n<p>&nbsp;<\/p>\n<h5><span class=\"ez-toc-section\" id=\"What_Tints_and_Shades_Have_to_Do\"><\/span>What Tints and Shades Have to Do<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">There are times when you have to work on projects where you are bind to use more than three colors. In such cases, tints and shades can be a better option. One of the examples may be content-rich pages where you have to visually split side bars, tables and captions from the content. Once you implement this, it unifies the design with no requirement for any other color. We can bring the use of Tints and shades in to offer extra color option without having any clash with your existing color pattern.<\/p>\n<p>&nbsp;<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Creative_and_Graphic_Rich_Websites\"><\/span>Creative and Graphic Rich Websites<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">There is no rule of thumb for websites built for restaurant, design, beauty, fashion and creative industries because you have full authority to choose what strikes into your mind. You are free to pick any background image, color etc. Black menu bar can be deployed to surprise the visitors or you have all the colors of the rainbow to create more drama.<\/p>\n<p>&nbsp;<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">Before going for filling colors to your website, make sure that you keep your favorite colors aside. Selecting the right color should not also be based on what your gut feeling say about it. Remember, impressive websites are considered only those that keep their audience first. Go for the color and design that seem more appealing to the audience you are targeting. Thus, you can make an unforgettable rapport with them and outreach your opponents. Selecting a right color scheme should not be a random call; rather it should be a planned and organized endeavor to achieve the objective.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While browsing Internet, we often come across websites that leave an excellent impression through its colors. On the other hand, there are many sites that have a washy impact as soon as they appear and most of us avoid lingering on such websites. Now, the question arises why does this happen? What exactly makes us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1517,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":""},"categories":[97,5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to select color combinations for Web Designs?<\/title>\n<meta name=\"description\" content=\"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.\" \/>\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.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to select color combinations for Web Designs?\" \/>\n<meta property=\"og:description\" content=\"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\" \/>\n<meta property=\"og:site_name\" content=\"Octal Info Solution\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-05T12:57:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-05T10:44:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"443\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Arun Goyal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/octalsg\" \/>\n<meta name=\"twitter:site\" content=\"@octalsg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arun Goyal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\"},\"author\":{\"name\":\"Arun Goyal\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5\"},\"headline\":\"What to Keep In Mind Before Determining Color Combinations for Web Designs?\",\"datePublished\":\"2016-09-05T12:57:47+00:00\",\"dateModified\":\"2021-08-05T10:44:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\"},\"wordCount\":823,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\"},\"articleSection\":[\"Web Design\",\"Web-Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\",\"name\":\"How to select color combinations for Web Designs?\",\"isPartOf\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#website\"},\"datePublished\":\"2016-09-05T12:57:47+00:00\",\"dateModified\":\"2021-08-05T10:44:12+00:00\",\"description\":\"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What to Keep In Mind Before Determining Color Combinations for Web Designs?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#website\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\",\"name\":\"Octal Info Solution\",\"description\":\"Technology Outsourcing Simplified\",\"publisher\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.octalsoftware.com.sg\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\",\"name\":\"Octal Info Solution\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":38,\"caption\":\"Octal Info Solution\"},\"image\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\",\"https:\/\/twitter.com\/octalsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5\",\"name\":\"Arun Goyal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g\",\"caption\":\"Arun Goyal\"},\"description\":\"Managing Director @ Octal Info Solution, Arun Goyal is a tech-enthusiast and visionary entrepreneur. He loves to talk about technology, and expresses his views about the trends in tech-world through this blog.\",\"sameAs\":[\"http:\/\/octalsoftware.com.sg\/\",\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\",\"https:\/\/www.linkedin.com\/company\/octal-info-solution-pte-ltd\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/octalsg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to select color combinations for Web Designs?","description":"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.","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.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/","og_locale":"en_US","og_type":"article","og_title":"How to select color combinations for Web Designs?","og_description":"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.","og_url":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/","og_site_name":"Octal Info Solution","article_publisher":"https:\/\/www.facebook.com\/OctalInfoSolutionSG","article_author":"https:\/\/www.facebook.com\/OctalInfoSolutionSG","article_published_time":"2016-09-05T12:57:47+00:00","article_modified_time":"2021-08-05T10:44:12+00:00","og_image":[{"width":1600,"height":443,"url":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg","type":"image\/jpeg"}],"author":"Arun Goyal","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/octalsg","twitter_site":"@octalsg","twitter_misc":{"Written by":"Arun Goyal","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#article","isPartOf":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/"},"author":{"name":"Arun Goyal","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5"},"headline":"What to Keep In Mind Before Determining Color Combinations for Web Designs?","datePublished":"2016-09-05T12:57:47+00:00","dateModified":"2021-08-05T10:44:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/"},"wordCount":823,"commentCount":0,"publisher":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization"},"articleSection":["Web Design","Web-Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/","url":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/","name":"How to select color combinations for Web Designs?","isPartOf":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#website"},"datePublished":"2016-09-05T12:57:47+00:00","dateModified":"2021-08-05T10:44:12+00:00","description":"Colors say a lot about things and same goes for a website. The right and wrong choice of a single color can make or break the whole impression your website is trying to create.","breadcrumb":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/what-to-keep-in-mind-before-determining-color-combinations-for-web-designs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.octalsoftware.com.sg\/blog\/"},{"@type":"ListItem","position":2,"name":"What to Keep In Mind Before Determining Color Combinations for Web Designs?"}]},{"@type":"WebSite","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#website","url":"https:\/\/www.octalsoftware.com.sg\/blog\/","name":"Octal Info Solution","description":"Technology Outsourcing Simplified","publisher":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.octalsoftware.com.sg\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization","name":"Octal Info Solution","url":"https:\/\/www.octalsoftware.com.sg\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":38,"caption":"Octal Info Solution"},"image":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OctalInfoSolutionSG","https:\/\/twitter.com\/octalsg"]},{"@type":"Person","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5","name":"Arun Goyal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g","caption":"Arun Goyal"},"description":"Managing Director @ Octal Info Solution, Arun Goyal is a tech-enthusiast and visionary entrepreneur. He loves to talk about technology, and expresses his views about the trends in tech-world through this blog.","sameAs":["http:\/\/octalsoftware.com.sg\/","https:\/\/www.facebook.com\/OctalInfoSolutionSG","https:\/\/www.linkedin.com\/company\/octal-info-solution-pte-ltd","https:\/\/twitter.com\/https:\/\/twitter.com\/octalsg"]}]}},"uagb_featured_image_src":{"full":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",1600,443,false],"thumbnail":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg-150x150.jpg",150,150,true],"medium":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg-300x83.jpg",300,83,true],"medium_large":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",648,179,false],"large":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg-1024x284.jpg",648,180,true],"1536x1536":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",1536,425,false],"2048x2048":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",1600,443,false],"sparkling-featured":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",750,208,false],"sparkling-featured-fullwidth":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",1140,316,false],"tab-small":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",60,17,false],"web-stories-poster-portrait":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",640,177,false],"web-stories-publisher-logo":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",96,27,false],"web-stories-thumbnail":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/09\/blogimg.jpg",150,42,false]},"uagb_author_info":{"display_name":"Arun Goyal","author_link":"https:\/\/www.octalsoftware.com.sg\/blog\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"While browsing Internet, we often come across websites that leave an excellent impression through its colors. On the other hand, there are many sites that have a washy impact as soon as they appear and most of us avoid lingering on such websites. Now, the question arises why does this happen? What exactly makes us&hellip;","_links":{"self":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1516"}],"collection":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/comments?post=1516"}],"version-history":[{"count":10,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1516\/revisions"}],"predecessor-version":[{"id":4722,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1516\/revisions\/4722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/media\/1517"}],"wp:attachment":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/media?parent=1516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/categories?post=1516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/tags?post=1516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}