{"id":96557,"date":"2022-05-17T15:55:00","date_gmt":"2022-05-17T19:55:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=96557"},"modified":"2022-05-18T13:28:50","modified_gmt":"2022-05-18T17:28:50","slug":"accessible-color-palettes","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/","title":{"rendered":"Accessible Color Palettes: Choosing Accessible Colors"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png\" alt=\"Title Image for Accessible Color Palettes: Choosing Accessible Colors\" class=\"wp-image-96700\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Color is a fundamental component of accessible site design. You\u2019ll need to make sure to contrast your text with background, stay mindful of color-blind viewers, and test your site\u2019s appearance under a variety of conditions. Below we\u2019ll cover some of the fundamentals of accessible color palettes so you can keep your site readable.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#color-contrast\">Color Contrast: The Foundation of Accessible Color Palettes<\/a><ul><li><a href=\"#important-contrast\">Where Color Contrast Matters Most<\/a><\/li><\/ul><\/li><li><a href=\"#color-blind\">Designing for the Color Blind<\/a><\/li><li><a href=\"#design\">Other Design Considerations<\/a><ul><li><a href=\"#meaningful\">Prioritize the Meaningful<\/a><\/li><li><a href=\"#independence\">Aim for Color Independence<\/a><\/li><\/ul><\/li><li><a href=\"#testing\">Testing it Out<\/a><ul><li><a href=\"#grayscale\">Is Your Site Readable in Grayscale?<\/a><\/li><li><a href=\"#lighting\">Be Mindful of Lighting<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"color-contrast\">Color Contrast: The Foundation of Accessible Color Palettes<\/h2>\n\n\n\n<p>When choosing website colors for accessibility, your primary consideration should be <strong>color contrast<\/strong>. The idea here is to select readable colors which have very different hues or shades. You\u2019ll normally want one brighter color and one darker color, so they stand out from each other. If the text and background are contrasting colors, then the text will be easier to read.<\/p>\n\n\n\n<p class=\"alert alert-info\">Color contrast is measured in terms of relative luminance by comparing the brightness of two colors. The great possible contrast ratio is 21 \u2014 which is the relative luminance between white and black.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"important-contrast\">Where Color Contrast Matters<\/h3>\n\n\n\n<p>Text and background color contrast isn\u2019t simply an aesthetic guideline. Providing clear, readable text in a contrasting color helps visitors to your site read easily. Contrast is a fundamental component of various accessibility standards; The WCAG requires normal text to have a contrast ratio of at least 7 to 1.<\/p>\n\n\n\n<p>You also need to make sure that important, usable features like forms, buttons, sliders, and other interactive areas are clearly contrasted from the background. Think of color contrast like a roadmap, directing the attention of your site visitors to what\u2019s important. Link color contrast is also important, with the WCAG recommending that links contrast both the regular text on a page <em>and<\/em> the page\u2019s background color. Use the web accessibility organization <a href=\"https:\/\/webaim.org\/resources\/linkcontrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM\u2019s Link Contrast Checker<\/a> if you want to see how your site\u2019s links stack up to standard accessibility recommendations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"400\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettescomparisonofgoodandbadcontrast.jpg\" alt=\"A comparison image of good and bad color contrast. Text on an orange background, &quot;Bad Contrast&quot; in yellow and &quot;Good Contrast&quot; in black. \" class=\"wp-image-96762\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettescomparisonofgoodandbadcontrast.jpg 500w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettescomparisonofgoodandbadcontrast-300x240.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption>The orange background is #F0AA14. The yellow text #FFFC67 has a contrast ratio of only 1.85, but black text #000000 has a contrast ratio of 10.46.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"color-blind\">Designing for the Color Blind<\/h2>\n\n\n\n<p>Color blindness is a major accessibility concern, as it occurs in <a rel=\"noreferrer noopener\" href=\"https:\/\/www.usability.gov\/get-involved\/blog\/2010\/02\/color-blindness.html\" target=\"_blank\">five to eight percent of men and around one percent of women<\/a>. Color blindness makes certain colors difficult to distinguish \u2014 red-green color blindness is the most common, but other forms such as blue-yellow color blindness exist.<\/p>\n\n\n\n<p>As a rule, avoid using color combinations for essential site elements that are difficult for the color blind to distinguish. For example, don\u2019t put red text on a green background.<\/p>\n\n\n\n<p>If you\u2019re planning out your site\u2019s design, it\u2019s worth running your logos, charts, and overall design through a <a href=\"https:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Blindness Simulator<\/a>. These tools will help you avoid problematic color combinations early in the design process.<\/p>\n\n\n\n<p class=\"alert alert-info\">Color combinations to avoid in important components include red-green, blue-green, yellow-red,<br>blue-yellow, and purple-red. You can still use these for decorative purposes, just make sure distinguishing between them isn\u2019t required for anything essential.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"design\">Other Design Considerations<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"meaningful\">Prioritize the Meaningful<\/h3>\n\n\n\n<p>Focus on providing contrast for informative text and interactive items like buttons, links, and form-fillable boxes. There\u2019s nothing wrong with using similar colors and a subdued color scheme for purely decorative portions of your page. Just be absolutely certain that the most important, interactive portions of your website are accessible \u2014 and check that the decorative portions don\u2019t get in the way!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"independence\">Aim for Color Independence<\/h3>\n\n\n\n<p>Don\u2019t rely on color alone to distinguish information or features on your site. Have you ever noticed how graphs will frequently include dots, stripes, or other distinguishing features in addition to a color code? How about the way articles on our site display code samples?<\/p>\n\n\n\n<p><code>print(\"hello, world!\")<\/code><\/p>\n\n\n\n<p>The text is a different color, yes, but it also uses a different font, along with highlighting. Those style changes are independent of the color change \u2014 and are still distinguishable even when the color is not.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"testing\">Testing it Out<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"grayscale\">Is Your Site Readable in Grayscale?<\/h3>\n\n\n\n<p>Use a browser extension or a plugin like One Click Accessibility to check out how your site looks in grayscale. Without color, can you still easily distinguish what everything does? Do your links still stand out? A quick review early in your site design process can save you trouble later on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lighting\">Be Mindful of Lighting<\/h3>\n\n\n\n<p>Some color combinations that look fine in a well lit office won\u2019t be nearly as readable in other lighting conditions. Imagine that you\u2019ve built the most aesthetically pleasing website for an insurance company. The warm pastels for the site looked great on your high end laptop with a 4k display, but how will the text stand out on a cheap phone under the noon day sun? If your customers are likely to call upon your site under a variety of lighting conditions, test your site out under those conditions across a variety of devices.<\/p>\n\n\n<div class=\"jumbotron\">Give your small business a digital presence with our fast, secure <a href=\"https:\/\/www.inmotionhosting.com\/shared-hosting\">Shared Hosting<\/a> solutions. Easily manage your websites with the industry-leading control panel on up to 20x faster web hosting that fits your budget.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Color is a fundamental component of accessible site design. You&#8217;ll need to make sure to contrast your text with background, stay mindful of color-blind viewers, and test your site&#8217;s appearance under a variety of conditions. Below we&#8217;ll cover some of the fundamentals of accessible color palettes so you can keep your site readable. Color Contrast:<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4526],"tags":[],"class_list":["post-96557","post","type-post","status-publish","format-standard","hentry","category-accessibility"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting<\/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.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Color is a fundamental component of accessible site design. You&#8217;ll need to make sure to contrast your text with background, stay mindful of color-blind viewers, and test your site&#8217;s appearance under a variety of conditions. Below we&#8217;ll cover some of the fundamentals of accessible color palettes so you can keep your site readable. Color Contrast: Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-17T19:55:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-18T17:28:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\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.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"Accessible Color Palettes: Choosing Accessible Colors\",\"datePublished\":\"2022-05-17T19:55:00+00:00\",\"dateModified\":\"2022-05-18T17:28:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\"},\"wordCount\":849,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png\",\"articleSection\":[\"Accessibility\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\",\"name\":\"Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png\",\"datePublished\":\"2022-05-17T19:55:00+00:00\",\"dateModified\":\"2022-05-18T17:28:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessible Color Palettes: Choosing Accessible Colors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting","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.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/","og_locale":"en_US","og_type":"article","og_title":"Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting","og_description":"Color is a fundamental component of accessible site design. You&#8217;ll need to make sure to contrast your text with background, stay mindful of color-blind viewers, and test your site&#8217;s appearance under a variety of conditions. Below we&#8217;ll cover some of the fundamentals of accessible color palettes so you can keep your site readable. Color Contrast: Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-05-17T19:55:00+00:00","article_modified_time":"2022-05-18T17:28:50+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"Accessible Color Palettes: Choosing Accessible Colors","datePublished":"2022-05-17T19:55:00+00:00","dateModified":"2022-05-18T17:28:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/"},"wordCount":849,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png","articleSection":["Accessibility"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/","name":"Accessible Color Palettes: Choosing Accessible Colors | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes-1024x538.png","datePublished":"2022-05-17T19:55:00+00:00","dateModified":"2022-05-18T17:28:50+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/05\/accessiblecolorpalettes.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/accessibility\/accessible-color-palettes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Accessible Color Palettes: Choosing Accessible Colors"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=96557"}],"version-history":[{"count":13,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96557\/revisions"}],"predecessor-version":[{"id":96966,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96557\/revisions\/96966"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=96557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=96557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=96557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}