{"id":8,"date":"2025-09-25T20:16:15","date_gmt":"2025-09-25T20:16:15","guid":{"rendered":"https:\/\/www.hchcares.org\/brand-guide\/?page_id=8"},"modified":"2025-11-06T14:27:47","modified_gmt":"2025-11-06T14:27:47","slug":"color","status":"publish","type":"page","link":"https:\/\/www.hchcares.org\/brand-guide\/color\/","title":{"rendered":"Color"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Core palette<\/h2>\n\n\n\n\n  <div class=\"color-grid\">\n    <table class=\"color-grid__content\">\n      <thead>\n        <tr>\n          <th scope=\"col\" aria-hidden=\"true\"><\/th>\n          <th scope=\"col\">Color<\/th>\n          <th scope=\"col\">Digital<\/th>\n          <th scope=\"col\">Print<\/th>\n        <\/tr>\n      <\/thead>\n\n      <tbody>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #003E76\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Dark blue<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 0, 62, 118                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #003E76                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#003E76\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 100, 78, 29, 19              \n                              <br>\n                <strong>PMS<\/strong> 541                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #A7A976\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Green<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 167, 169, 118                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #A7A976                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#A7A976\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 37, 24, 65, 1              \n                              <br>\n                <strong>PMS<\/strong> 5777                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #BAE0FF\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Light blue<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 186, 224, 255                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #BAE0FF                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#BAE0FF\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 27, 12, 0, 0              \n                              <br>\n                <strong>PMS<\/strong> 290 C                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #63ADF1\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Medium blue<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 99, 173, 241                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #63ADF1                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#63ADF1\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 59, 28, 0, 0              \n                              <br>\n                <strong>PMS<\/strong> 2915 C                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #FFFFFF\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">White<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 255, 255, 255                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #FFFFFF                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#FFFFFF\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 0, 0, 0, 0              \n                          <\/td>\n          <\/tr>\n              <\/tbody>\n    <\/table>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Expanded palette<\/h2>\n\n\n\n\n  <div class=\"color-grid\">\n    <table class=\"color-grid__content\">\n      <thead>\n        <tr>\n          <th scope=\"col\" aria-hidden=\"true\"><\/th>\n          <th scope=\"col\">Color<\/th>\n          <th scope=\"col\">Digital<\/th>\n          <th scope=\"col\">Print<\/th>\n        <\/tr>\n      <\/thead>\n\n      <tbody>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #EA5F43\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Dark coral<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 234, 95, 67                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #EA5F43                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#EA5F43\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 0, 72, 81, 8              \n                              <br>\n                <strong>PMS<\/strong> 7417 C                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #F87D5C\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Middle coral<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 248, 125, 92                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #F87D5C                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#F87D5C\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 0, 65, 67, 3              \n                              <br>\n                <strong>PMS<\/strong> 7416 C                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #FEECE7\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Light coral<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 254, 236, 231                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #FEECE7                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#FEECE7\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 0, 7, 9, 0              \n                              <br>\n                <strong>PMS<\/strong> 705 C                          <\/td>\n          <\/tr>\n                  <tr>\n            <td aria-hidden=\"true\">\n                              <div class=\"color-grid__swatch\" style=\"background-color: #75C9C3\"><\/div>\n                          <\/td>\n\n            <th scope=\"row\">Teal<\/th>\n            \n            <td>\n              <div class=\"color-grid__heading\">Web<\/div>\n\n                              <strong>RGB:<\/strong> 117, 201, 195                            \n                              <div class=\"color-grid__hex\">\n                  <div class=\"color-grid__hex-label\">\n                    <strong>HEX:<\/strong> #75C9C3                  <\/div>\n\n                  <div class=\"color-grid__copy\">\n                    <button class=\"color-grid__copy-btn\" data-color=\"#75C9C3\" data-copy-color>\n                      <span class=\"sr-only\">copy hex code<\/span>\n                    <\/button>\n\n                    <span class=\"color-grid__copy-success\" data-copy-success aria-live=\"polite\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/td>\n\n            <td>\n              <div class=\"color-grid__heading\">Print<\/div>\n\n                              <strong>CMYK:<\/strong> 42, 0, 14, 21              \n                              <br>\n                <strong>PMS<\/strong> 3245 C                          <\/td>\n          <\/tr>\n              <\/tbody>\n    <\/table>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Usage<\/h2>\n\n\n\n<p>For printing, it\u2019s best to use CMYK. For a large print run with minimal colors or specialty print methods, it\u2019s recommended to use the Pantone Matching System (PMS) spot colors.<\/p>\n\n\n\n<p>For web, use the HEX values (#xxxxxx) and for digital applications, use RGB. Note that colors may vary on different computers\/devices, due to inconsistent monitor color calibration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Palette application and usage notes<\/h3>\n\n\n\n<p>The Henry Community Health color palette builds on the warmth and optimism of its coral and gold tones. Gradients play a key role in adding depth and energy to the brand\u2019s look.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The logo\u2019s green was intentionally omitted from current designs to maintain visual balance and warmth.<\/li>\n\n\n\n<li>Coral borders used for hover states are set at 5px to ensure consistency across interfaces.<\/li>\n\n\n\n<li>Gradients are a defining feature of the visual system. When developing new materials, incorporate them thoughtfully to extend the brand\u2019s layered, modern aesthetic.<\/li>\n\n\n\n<li>The primary gradient used on the homepage transitions from coral to a light gold tone (#F2F2C2).<\/li>\n<\/ul>\n\n\n\n  <div class=\"photo-grid\">\n                  <div class=\"photo-grid__photo photo-grid__photo--full\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"262\" src=\"https:\/\/www.hchcares.org\/brand-guide\/wp-content\/uploads\/sites\/2\/hch-photo-gradient.svg\" class=\"attachment-large size-large\" alt=\"Gradient example\" \/>        <\/div>\n            <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Color usage scale<\/h2>\n\n\n\n<p>Color is a powerful tool. It can draw attention, create harmony, enhance readability, and set a tone. Consistent, balanced use of Henry Community Health\u2019s colors in design projects makes our brand more recognizable and memorable, helping us maintain a strong visual identity.<\/p>\n\n\n\n\n  <div class=\"color-scale\">\n              <div class=\"color-scale__color\" style=\"width: 3%; background-color: #000000;\">\n          <span class=\"sr-only\">\n            #000000: 3%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 23%; background-color: #FFFFFF;\">\n          <span class=\"sr-only\">\n            #FFFFFF: 23%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 23%; background-color: #003E76;\">\n          <span class=\"sr-only\">\n            #003E76: 23%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 23%; background-color: #BAE0FF;\">\n          <span class=\"sr-only\">\n            #BAE0FF: 23%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 5%; background-color: #63ADF1;\">\n          <span class=\"sr-only\">\n            #63ADF1: 5%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 10%; background-color: #75C9C3;\">\n          <span class=\"sr-only\">\n            #75C9C3: 10%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 3%; background-color: #EA5F43;\">\n          <span class=\"sr-only\">\n            #EA5F43: 3%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 3%; background-color: #F87D5C;\">\n          <span class=\"sr-only\">\n            #F87D5C: 3%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 6%; background-color: #FEECE7;\">\n          <span class=\"sr-only\">\n            #FEECE7: 6%          <\/span>\n        <\/div>\n              <div class=\"color-scale__color\" style=\"width: 1%; background-color: #A7A976;\">\n          <span class=\"sr-only\">\n            #A7A976: 1%          <\/span>\n        <\/div>\n        <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Color contrast<\/h2>\n\n\n\n<p>Color accessibility is important because it ensures that everyone, including people with visual impairments or color vision deficiencies, can perceive and distinguish information presented in various color combinations.<\/p>\n\n\n\n<p>Color contrast is defined as the difference between two colors when they are placed next to each other. It is important because it affects legibility and readability of text, as well as the overall comprehension of content for people with visual impairments or color vision deficiencies.<\/p>\n\n\n\n<p>Contrast is typically measured using what\u2019s known as the contrast ratio, a numerical value that represents the relative difference in luminance (brightness) between two colors. The contrast ratio is calculated by comparing the luminance of the foreground color (such as text) to that of the background color (such as the background of a webpage).<\/p>\n\n\n\n<p>The Web Content Accessibility Guidelines (WCAG) provide specific criteria for contrast ratios to ensure that text is easily readable for a wide range of users. The current WCAG 2.1 standard recommends a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (typically 18 pt or 14 pt bold). For enhanced accessibility, the WCAG AAA level requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.<\/p>\n\n\n\n<p>By ensuring sufficient contrast between foreground and background colors, we make it easier for all users to perceive and understand the information being presented.<\/p>\n\n\n\n  <div class=\"content-cards\">\n          <div class=\"content-card content-card--full content-card--yes\">\n                  <div class=\"content-card__image\">\n                          <div class=\"content-card__icon\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"300\" src=\"https:\/\/www.hchcares.org\/brand-guide\/wp-content\/uploads\/sites\/2\/hch-high-contrast.svg\" class=\"attachment-large size-large\" alt=\"HCH logo high contrast\" \/>              <\/div>\n                      <\/div>\n        \n        \n              <\/div>\n          <div class=\"content-card content-card--no\">\n                  <div class=\"content-card__image\">\n                          <div class=\"content-card__icon\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"174\" src=\"https:\/\/www.hchcares.org\/brand-guide\/wp-content\/uploads\/sites\/2\/hch-low-contrast-full-color-on-coral.svg\" class=\"attachment-large size-large\" alt=\"HCH logo low contrast\" \/>              <\/div>\n                      <\/div>\n        \n        \n              <\/div>\n          <div class=\"content-card content-card--no\">\n                  <div class=\"content-card__image\">\n                          <div class=\"content-card__icon\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"174\" src=\"https:\/\/www.hchcares.org\/brand-guide\/wp-content\/uploads\/sites\/2\/hch-low-contrast-full-color-on-medium-blue.svg\" class=\"attachment-large size-large\" alt=\"HCH logo low contrast\" \/>              <\/div>\n                      <\/div>\n        \n        \n              <\/div>\n      <\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Accessibility Contrast Grid<\/h3>\n\n\n\n  <div class=\"block block--full\">\n    <!-- Contrast Grid generated by contrast-grid.eightshapes.com -->\r\n<!-- Editable link: https:\/\/contrast-grid.eightshapes.com\/?version=1.1.0&background-colors=&foreground-colors=%23FFFFFF%2C%20White%0D%0A%23000000%2C%20Black%0D%0A%239D9D9D%2C%20Gray%20(web)%0D%0A%2363ADF1%2C%20Medium%20blue%0D%0A%23003E76%2C%20Dark%20Blue%0D%0A%23001F3A%2C%20Darkest%20blue%20(web)%0D%0A%23BAE0FF%2C%20Light%20blue%0D%0A%23D3ECFF%2C%20Lighter%20blue%20(web)%0D%0A%23EBF6FF%2C%20%20Lightest%20blue%20(web)%0D%0A%23EA5F43%2C%20Dark%20coral%0D%0A%23F87D5C%2C%20Middle%20coral%0D%0A%23FEECE7%2C%20Light%20coral%0D%0A%2375C9C3%2C%20Teal%0D%0A%23A7A976%2C%20Green%0D%0A%23F2F2C2%2C%20Light%20yellow%20(web)&es-color-form__tile-size=compact&es-color-form__show-contrast=aaa&es-color-form__show-contrast=aa&es-color-form__show-contrast=aa18 -->\r\n<div class=\"es-contrast-grid es-contrast-grid--compact\">\r\n    <div class=\"es-contrast-grid__inner\">\r\n        <table class=\"es-contrast-grid__table\">\r\n            <thead>\r\n                <tr class=\"es-contrast-grid__foreground-key\">\r\n                    <th>\r\n                        <div class=\"es-contrast-grid__key-swatch-spacer\">\r\n                            <span class=\"es-contrast-grid__key-swatch-label es-contrast-grid__key-swatch-label--background\">Background<\/span>\r\n                            <span class=\"es-contrast-grid__key-swatch-label es-contrast-grid__key-swatch-label--text\">Text<\/span>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" data-hex=\"#FFFFFF\" style=\"background-color: #ffffff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#FFFFFF<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground\" data-hex=\"#000000\" style=\"background-color: #000000;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#000000<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#9D9D9D\" style=\"background-color: #9d9d9d;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#9D9D9D<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#63ADF1\" style=\"background-color: #63adf1;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#63ADF1<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground\" data-hex=\"#003E76\" style=\"background-color: #003e76;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#003E76<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground\" data-hex=\"#001F3A\" style=\"background-color: #001f3a;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#001F3A<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#BAE0FF\" style=\"background-color: #bae0ff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#BAE0FF<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#D3ECFF\" style=\"background-color: #d3ecff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#D3ECFF<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#EBF6FF\" style=\"background-color: #ebf6ff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#EBF6FF<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#EA5F43\" style=\"background-color: #ea5f43;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#EA5F43<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#F87D5C\" style=\"background-color: #f87d5c;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#F87D5C<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#FEECE7\" style=\"background-color: #feece7;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#FEECE7<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#75C9C3\" style=\"background-color: #75c9c3;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#75C9C3<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#A7A976\" style=\"background-color: #a7a976;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#A7A976<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <th class=\"es-contrast-grid__foreground-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--foreground es-contrast-grid--dark-label\" data-hex=\"#F2F2C2\" style=\"background-color: #f2f2c2;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">#F2F2C2<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody class=\"es-contrast-grid__content\">\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" data-hex=\"#FFFFFF\" style=\"background-color: #ffffff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">White<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#FFFFFF<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">21<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">10<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">16.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #ea5f43;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--bordered-swatch es-contrast-grid--dark-label\" style=\"background-color: #ffffff; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background\" data-hex=\"#000000\" style=\"background-color: #000000;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Black<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#000000<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #ffffff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">21<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #9d9d9d;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">7.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #63adf1;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #003e76; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #001f3a; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #bae0ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">15.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #d3ecff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">17.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #ebf6ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">19.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #ea5f43;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #f87d5c;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #feece7;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">18.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #75c9c3;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">10.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #a7a976;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #000000; color: #f2f2c2;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">18.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#9D9D9D\" style=\"background-color: #9d9d9d;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Gray (web)<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#9D9D9D<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">7.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #9d9d9d; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#63ADF1\" style=\"background-color: #63adf1;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Medium blue<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#63ADF1<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #63adf1; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background\" data-hex=\"#003E76\" style=\"background-color: #003e76;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Dark Blue<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#003E76<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #ffffff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">10<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #000000; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #9d9d9d;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #63adf1;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #001f3a; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #bae0ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">7.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #d3ecff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #ebf6ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #ea5f43;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #f87d5c;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #feece7;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #75c9c3;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">5.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #a7a976;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #003e76; color: #f2f2c2;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background\" data-hex=\"#001F3A\" style=\"background-color: #001f3a;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Darkest blue (web)<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#001F3A<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #ffffff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">16.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #000000; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #9d9d9d;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #63adf1;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #003e76; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #bae0ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">12<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #d3ecff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">13.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #ebf6ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">15.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #ea5f43;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #f87d5c;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #feece7;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">14.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #75c9c3;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #a7a976;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch\" style=\"background-color: #001f3a; color: #f2f2c2;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">14.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#BAE0FF\" style=\"background-color: #bae0ff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Light blue<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#BAE0FF<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">15.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">7.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">12<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #bae0ff; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#D3ECFF\" style=\"background-color: #d3ecff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Lighter blue (web)<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#D3ECFF<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">17.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">13.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #d3ecff; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#EBF6FF\" style=\"background-color: #ebf6ff;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Lightest blue (web)<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#EBF6FF<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">19.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">15.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #ea5f43;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ebf6ff; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#EA5F43\" style=\"background-color: #ea5f43;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Dark coral<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#EA5F43<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #ffffff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #ebf6ff;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #ea5f43; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#F87D5C\" style=\"background-color: #f87d5c;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Middle coral<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#F87D5C<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f87d5c; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#FEECE7\" style=\"background-color: #feece7;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Light coral<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#FEECE7<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">18.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">14.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #feece7; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#75C9C3\" style=\"background-color: #75c9c3;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Teal<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#75C9C3<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">10.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">5.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #75c9c3; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#A7A976\" style=\"background-color: #a7a976;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Green<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#A7A976<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">8.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">4.4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">6.8<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.7<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #a7a976; color: #f2f2c2; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr class=\"es-contrast-grid__content-row\">\r\n                    <th class=\"es-contrast-grid__background-key-cell\">\r\n                        <div class=\"es-contrast-grid__key-swatch es-contrast-grid__key-swatch--background es-contrast-grid--dark-label\" data-hex=\"#F2F2C2\" style=\"background-color: #f2f2c2;\">\r\n                            <div class=\"es-contrast-grid__key-swatch-label\">\r\n                                <div class=\"es-contrast-grid__key-swatch-label-text\">Light yellow (web)<\/div>\r\n                                <div class=\"es-contrast-grid__key-swatch-label-hex\">#F2F2C2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/th>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #ffffff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #000000;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">18.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #9d9d9d; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #63adf1; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #003e76;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">9.3<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #001f3a;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">14.5<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #bae0ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #d3ecff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #ebf6ff; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #ea5f43; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.9<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #f87d5c; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.2<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #feece7; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #75c9c3; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">1.6<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch es-contrast-grid--dark-label\" style=\"background-color: #f2f2c2; color: #a7a976; display: none;\">\r\n                            <span class=\"es-contrast-grid__swatch-demo-text\">Text<\/span>\r\n                            <div class=\"es-contrast-grid__swatch-stats\">\r\n                                <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span>\r\n                                <span class=\"es-contrast-grid__contrast-ratio\">2.1<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"es-contrast-grid__content-cell\">\r\n                        <div class=\"es-contrast-grid__swatch-spacer\"><\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n            <tbody class=\"es-contrast-grid__key\">\r\n                <tr class=\"es-contrast-grid__key-row\">\r\n                    <td class=\"es-contrast-grid__key-cell\" colspan=\"16\">\r\n                        <div class=\"es-contrast-grid-key\">\r\n                            <div class=\"es-contrast-grid-key__column\">\r\n                                <div class=\"es-contrast-grid-key__label\">\r\n                                    <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aaa\">AAA<\/span> Pass, AAA (7+)\r\n                                <\/div>\r\n                                <div class=\"es-contrast-grid-key__label\">\r\n                                    <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa\">AA<\/span> Pass, AA (4.5+)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"es-contrast-grid-key__column\">\r\n                                <div class=\"es-contrast-grid-key__label\">\r\n                                    <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--aa18\">AA18<\/span> Pass, Large Text Only (3+)\r\n                                <\/div>\r\n                                <div class=\"es-contrast-grid-key__label\">\r\n                                    <span class=\"es-contrast-grid__accessibility-label es-contrast-grid__accessibility-label--dnp\">DNP<\/span> Does Not Pass\r\n                                <\/div>\r\n                            <\/div>\r\n                            <a class=\"es-contrast-grid-key__link\" href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/visual-audio-contrast-contrast.html\">About WCAG 2.0 contrast<\/a>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n    <style class=\"es-contrast-grid-styles\">\r\n        \/* Override Contrast Grid Styles to make color and font changes *\/\r\n        .es-contrast-grid {\r\n            font-family: 'Lato', sans-serif;\r\n        }\r\n\r\n        .es-contrast-grid {\r\n            box-sizing: border-box;\r\n            overflow: auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .es-contrast-grid *,\r\n        .es-contrast-grid *:before,\r\n        .es-contrast-grid *:after {\r\n            box-sizing: inherit;\r\n        }\r\n\r\n        .es-contrast-grid__table-wrap {\r\n            width: auto;\r\n        }\r\n\r\n        .es-contrast-grid__table {\r\n            border-collapse: collapse;\r\n            color: #fff;\r\n        }\r\n\r\n        .es-contrast-grid__table td,\r\n        .es-contrast-grid__table th {\r\n            border: solid 1px transparent;\r\n            font-size: 16px;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .es-contrast-grid--dark-label {\r\n            color: black;\r\n        }\r\n\r\n        .es-contrast-grid__accessibility-label {\r\n            background: #ccc;\r\n            border-radius: 4px;\r\n            display: inline-block;\r\n            color: #000;\r\n            font-size: 12px;\r\n            padding: 2px 4px;\r\n            text-align: center;\r\n            width: 36px;\r\n        }\r\n\r\n        .es-contrast-grid__accessibility-label--dnp {\r\n            background: #EE0000;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .es-contrast-grid__accessibility-label--aa18 {\r\n            background: #CFB317;\r\n        }\r\n\r\n        .es-contrast-grid__swatch {\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100px;\r\n            justify-content: space-between;\r\n            padding: 8px;\r\n            min-width: 100px;\r\n        }\r\n\r\n        .es-contrast-grid--compact .es-contrast-grid__swatch {\r\n            height: 80px;\r\n            min-width: 80px;\r\n        }\r\n\r\n        .es-contrast-grid--large .es-contrast-grid__swatch {\r\n            height: 150px;\r\n            padding: 15px;\r\n            min-width: 150px;\r\n        }\r\n\r\n        .es-contrast-grid__swatch-demo-text {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .es-contrast-grid__swatch-stats {\r\n            align-items: center;\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .es-contrast-grid__contrast-ratio {\r\n            color: #FFFFFF;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .es-contrast-grid--dark-label .es-contrast-grid__contrast-ratio {\r\n            color: #000000;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch-spacer {\r\n            align-items: center;\r\n            background: linear-gradient(to top right, rgba(243, 241, 241, 0) 0%, rgba(243, 241, 241, 0) calc(50% - 1px), #f3f1f1 50%, rgba(243, 241, 241, 0) calc(50% + 1px), rgba(243, 241, 241, 0) 100%);\r\n            background-color: #FFFFFF;\r\n            border: solid 1px #F3F1F1;\r\n            color: #000000;\r\n            display: flex;\r\n            height: 100px;\r\n            justify-content: space-between;\r\n            padding: 8px;\r\n            min-width: 200px;\r\n        }\r\n\r\n        .es-contrast-grid--compact .es-contrast-grid__key-swatch-spacer {\r\n            height: 80px;\r\n        }\r\n\r\n        .es-contrast-grid--large .es-contrast-grid__key-swatch-spacer {\r\n            height: 150px;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch-label--background {\r\n            align-self: flex-end;\r\n        }\r\n\r\n        .es-contrast-grid__swatch-spacer {\r\n            background-color: #FFFFFF;\r\n            border: solid 1px #F3F1F1;\r\n            height: 100px;\r\n            width: 100%;\r\n        }\r\n\r\n        .es-contrast-grid--compact .es-contrast-grid__swatch-spacer {\r\n            height: 80px;\r\n            width: 100%;\r\n        }\r\n\r\n        .es-contrast-grid--large .es-contrast-grid__swatch-spacer {\r\n            height: 150px;\r\n            width: 100%;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch--foreground {\r\n            align-items: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            font-size: 14px;\r\n            height: 100px;\r\n            justify-content: center;\r\n            padding: 8px;\r\n            text-align: left;\r\n        }\r\n\r\n        .es-contrast-grid--compact .es-contrast-grid__key-swatch--foreground {\r\n            height: 80px;\r\n        }\r\n\r\n        .es-contrast-grid--large .es-contrast-grid__key-swatch--foreground {\r\n            height: 150px;\r\n            padding: 15px;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch--foreground .es-contrast-grid__key-swatch-label-text {\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            max-width: 220px;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .es-contrast-grid--bordered-swatch {\r\n            border: solid 1px #F3F1F1;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch--background {\r\n            align-items: center;\r\n            display: flex;\r\n            height: 100px;\r\n            padding: 8px;\r\n            text-align: left;\r\n            min-width: 200px;\r\n        }\r\n\r\n        .es-contrast-grid--compact .es-contrast-grid__key-swatch--background {\r\n            height: 80px;\r\n        }\r\n\r\n        .es-contrast-grid--large .es-contrast-grid__key-swatch--background {\r\n            height: 150px;\r\n            padding: 15px;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch-label-text {\r\n            font-weight: bold;\r\n        }\r\n\r\n        .es-contrast-grid__key-swatch-label-hex {\r\n            font-weight: normal;\r\n            font-size: 14px;\r\n        }\r\n\r\n        td.es-contrast-grid__key-cell {\r\n            padding-top: 26px;\r\n        }\r\n\r\n        .es-contrast-grid-key {\r\n            align-items: center;\r\n            border: solid 1px #F3F1F1;\r\n            color: #000000;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: space-between;\r\n            padding: 15px;\r\n        }\r\n\r\n        .es-contrast-grid__key-cell[colspan=\"1\"] .es-contrast-grid-key,\r\n        .es-contrast-grid__key-cell[colspan=\"2\"] .es-contrast-grid-key,\r\n        .es-contrast-grid__key-cell[colspan=\"3\"] .es-contrast-grid-key {\r\n            display: block;\r\n        }\r\n\r\n        .es-contrast-grid__key-cell[colspan=\"1\"] .es-contrast-grid-key__column,\r\n        .es-contrast-grid__key-cell[colspan=\"2\"] .es-contrast-grid-key__column,\r\n        .es-contrast-grid__key-cell[colspan=\"3\"] .es-contrast-grid-key__column {\r\n            margin-bottom: 8px;\r\n            width: 100%;\r\n        }\r\n\r\n        .es-contrast-grid-key__label {\r\n            align-items: center;\r\n            display: flex;\r\n            font-size: 14px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .es-contrast-grid-key__label .es-contrast-grid__accessibility-label {\r\n            margin-right: 8px;\r\n        }\r\n\r\n        .es-contrast-grid-key__label:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .es-contrast-grid-key__link {\r\n            font-size: 14px;\r\n        }\r\n    <\/style>\r\n<\/div>  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Core palette Expanded palette Usage For printing, it\u2019s best to use CMYK. For a large print run with minimal colors [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Color | Henry Community Health Brand Guide<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color | Henry Community Health Brand Guide\" \/>\n<meta property=\"og:description\" content=\"Core palette Expanded palette Usage For printing, it\u2019s best to use CMYK. For a large print run with minimal colors [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hchcares.org\/brand-guide\/color\/\" \/>\n<meta property=\"og:site_name\" content=\"Henry Community Health Brand Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-06T14:27:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/color\\\/\",\"url\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/color\\\/\",\"name\":\"Color | Henry Community Health Brand Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/#website\"},\"datePublished\":\"2025-09-25T20:16:15+00:00\",\"dateModified\":\"2025-11-06T14:27:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/color\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/color\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/color\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/#website\",\"url\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/\",\"name\":\"Henry Community Health Brand Guidelines\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hchcares.org\\\/brand-guide\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color | Henry Community Health Brand Guide","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Color | Henry Community Health Brand Guide","og_description":"Core palette Expanded palette Usage For printing, it\u2019s best to use CMYK. For a large print run with minimal colors [&hellip;]","og_url":"https:\/\/www.hchcares.org\/brand-guide\/color\/","og_site_name":"Henry Community Health Brand Guide","article_modified_time":"2025-11-06T14:27:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hchcares.org\/brand-guide\/color\/","url":"https:\/\/www.hchcares.org\/brand-guide\/color\/","name":"Color | Henry Community Health Brand Guide","isPartOf":{"@id":"https:\/\/www.hchcares.org\/brand-guide\/#website"},"datePublished":"2025-09-25T20:16:15+00:00","dateModified":"2025-11-06T14:27:47+00:00","breadcrumb":{"@id":"https:\/\/www.hchcares.org\/brand-guide\/color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hchcares.org\/brand-guide\/color\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hchcares.org\/brand-guide\/color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hchcares.org\/brand-guide\/"},{"@type":"ListItem","position":2,"name":"Color"}]},{"@type":"WebSite","@id":"https:\/\/www.hchcares.org\/brand-guide\/#website","url":"https:\/\/www.hchcares.org\/brand-guide\/","name":"Henry Community Health Brand Guidelines","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hchcares.org\/brand-guide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hchcares.org\/brand-guide\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}