{"id":750752,"date":"2025-05-13T18:00:57","date_gmt":"2025-05-14T01:00:57","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcuser&#038;p=750752"},"modified":"2025-05-13T18:00:57","modified_gmt":"2025-05-14T01:00:57","slug":"design-your-maps-for-color-blind-readability","status":"publish","type":"arcuser","link":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability","title":{"rendered":"Design Your Maps for Color-Blind Readability"},"author":5752,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","_links_to":"","_links_to_target":""},"categories":[25022],"tags":[287782,20422,492222,492212,15232],"arcuser_issues":[492012],"class_list":["post-750752","arcuser","type-arcuser","status-publish","format-standard","hentry","category-hands-on","tag-accessibility","tag-arcgis-pro","tag-color-vision-deficiency","tag-colorblindness","tag-map-design","arcuser_issues-spring-2025"],"acf":{"short_description":"Learn strategies to make your maps readable for those who have some form of color blindness.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"An estimated 350 million people in the world have some form of color vision deficiency (CVD). That\u2019s roughly one in 12 men and one in 200\u00a0women. Statistically speaking, the average person knows at least 25\u00a0people who are color-blind. Map designers who consider factors like these can more effectively ensure their maps are not only accessible to all, but also easier to read and interpret. A good place to start is with the following question:\r\n\r\nHow can we make our maps readable for those who have some form of color blindness?\r\n\r\nWhen recognizing the impact that color can have in your maps, especially those created in ArcGIS Pro, it\u2019s vital to first understand the different types of color blindness.\r\n\r\nPeople with deuteranopia are unable to perceive green light. Deuteranomaly is a reduced sensitivity to green light. Deuteranopia and deuteranomaly are the most common forms of color blindness.\r\n\r\nPeople with deuteranopia are more likely to confuse:\r\n<ul>\r\n \t<li>Mid-reds with mid-greens<\/li>\r\n \t<li>Blue-greens with grays and mid-pinks<\/li>\r\n \t<li>Bright greens with yellows<\/li>\r\n \t<li>Pale pinks with light grays<\/li>\r\n \t<li>Mid-reds with mid-browns<\/li>\r\n \t<li>Light blues with lilac<\/li>\r\n<\/ul>\r\nLess common types of color blindness include protanopia and protanomaly, the inability to perceive red light and a reduced sensitivity to red light, respectively.\r\n\r\nPeople with protanopia are more likely to confuse:\r\n<ul>\r\n \t<li>Black with many shades of red<\/li>\r\n \t<li>Dark brown with dark green, dark orange, and dark red<\/li>\r\n \t<li>Some blues with some reds, purples, and dark pinks<\/li>\r\n \t<li>Mid-greens with some oranges<\/li>\r\n<\/ul>\r\nRarer still are tritanopia and tritanomaly, an inability to perceive blue light and a reduced sensitivity to blue light.\r\n\r\nPeople with tritanopia are more likely to confuse:\r\n<ul>\r\n \t<li>Light blues with grays<\/li>\r\n \t<li>Dark purples with black<\/li>\r\n \t<li>Mid-greens with blues<\/li>\r\n \t<li>Oranges with reds<\/li>\r\n<\/ul>\r\nAchromatopsia is one other rare type of color blindness and refers to the inability to perceive color at all. People with achromatopsia see only shades of gray.\r\n\r\nAlthough it is important to take into account all forms of CVD when designing a map, we will focus primarily on readability for the most common types of color blindness\u2014deuteranopia and protanopia.\r\n\r\nBefore we start talking about color-blind readability, it\u2019s also worth taking a step back to cover some color basics.\r\n\r\n<em>Hue<\/em> refers to the wavelength our eye perceives. This term is often used interchangeably with color.\r\n\r\n<em>Value <\/em>refers to the shade of a color. A lower value represents a darker color, and a value of zero is black. Value increases in the lightness or whiteness of the color.\r\n\r\n<em>Saturation<\/em> refers to the intensity or purity of the color. An intense color is more saturated, and a dull color is less saturated and looks grayer."},{"acf_fc_layout":"content","content":"<h2>Getting Colorful in ArcGIS Pro<\/h2>\r\nLet\u2019s look at the color swatches available in ArcGIS Pro. When you view the same colors through a filter that replicates how the swatches look to someone with deuteranopia or protanopia, you can see how the colors differ."},{"acf_fc_layout":"image","image":750762,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"To choose the colors that work best for readability, first divide this color swatch into three main categories:\r\n<ul>\r\n \t<li>reds\/oranges<\/li>\r\n \t<li>yellows\/greens<\/li>\r\n \t<li>blues\/purples<\/li>\r\n<\/ul>\r\nThis is a good starting point, but I recommend that you check your final colors with an emulator. Emulators allow you to use a lens to see how your map will look to others.\r\n\r\nTo pick colors in the columns of red hues, go down the column (vertically) when choosing colors that are next to each other. Don\u2019t choose colors that are side-by-side in the same row (horizontally), as they are more difficult to distinguish.\r\n\r\nIn the orange column, choose one orange and one red in the same row. Be cautious when choosing colors diagonally in the reds and oranges. Some of these may appear to be the same color to someone with color-blind readability issues."},{"acf_fc_layout":"image","image":750772,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"When it comes to yellows and greens, it\u2019s best to stick to a similar pattern. Don\u2019t choose colors that are side-by-side in the same row. If you choose colors in the same column, skip every other value, or choose two to three colors that are diagonal."},{"acf_fc_layout":"image","image":750782,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"With blues and purples, choose three of the four colors in one row, typically skipping one hue in the two center columns. Choose two to three colors that are diagonal to each other. If you choose all four that are diagonal, you may find two colors that are too similar. If you choose colors in a column, skip every other value."},{"acf_fc_layout":"image","image":750792,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"When working with the gray scale, skip every other value, no matter who is viewing the map. Even those who have no issues seeing color will have issues distinguishing between a 10-percent gray and a 20-percent gray."},{"acf_fc_layout":"image","image":750802,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"This can also be applied to custom colors. You can create custom colors in the Color Properties menu. If a color almost works, you can distinguish the color more by increasing or decreasing the value by 10 percent from another color that looks similar. Working with the saturation is another way to distinguish between similar colors.\r\n\r\nIn the Color Properties, switch from the RGB (red, green, blue) color model to the HSV (hue, saturation, value) color model to access the ability to change the value of a color, which can help make it more visually distinct."},{"acf_fc_layout":"image","image":750812,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>More than Just Color<\/h2>\r\nFills, point symbols, line weights, and other styles can help make your maps more understandable as well.\r\n\r\nOn this hiking trail map, you can see that hue might not be the most helpful variable to distinguish between features."},{"acf_fc_layout":"image","image":750822,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Although two of the lines might appear nearly the same color, you can use a dashed effect on the line to distinguish them, as seen in the second map."},{"acf_fc_layout":"image","image":750832,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"When you use the color tips outlined earlier to choose different hues or vary the values, you can use both hue and shape to help make the distinction between features even clearer."},{"acf_fc_layout":"image","image":750842,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"If this seems like a lot of work, there\u2019s an easier way to achieve the same effect.\r\n\r\nIn ArcGIS Pro 2.3 and beyond, a color ramp called Cividis allows you to use colors that were predesigned to be readable for those with some form of color blindness.\r\n\r\nTo choose a color ramp, click on Show Names and find the Cividis color ramp."},{"acf_fc_layout":"image","image":750852,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Additionally, you can choose colors from this ramp by selecting Format Color Scheme; this is where you can reverse the color ramp. You can also select any color in this scheme and save it as a Style to save and share your symbols, colors, color schemes, label placements, and layout items.\r\n\r\nYou can use the Color Scheme Editor to change the color ramp or pull individual colors."},{"acf_fc_layout":"image","image":750862,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"If working with bivariate or trivariate symbology, a color-blind readability symbology option, called the Yellow-Blue-Black 3\u00d73 color scheme, is also an option. Bivariate colors symbology shows the quantitative relationship between two variables in a feature layer. This type of symbology uses bivariate color schemes to visually compare, emphasize, or delineate values. Similar to graduated colors symbology, each variable is classified, and each class is assigned a color."},{"acf_fc_layout":"image","image":750872,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"The ColorBrewer 2.0 website is another invaluable resource you can use to choose colors for color-blind readability. From here, input RGB or Hex color codes (values that tell the display how much color to show) directly in the Color Properties in ArcGIS Pro.\r\n<h2>The Final Test<\/h2>\r\nIn order to test that these concepts and changes work, the final step is to use an emulator. In ArcGIS Pro 3.0 and beyond, this is called the Color Vision Simulator."},{"acf_fc_layout":"image","image":750882,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"This will show what your map looks like to those who have deuteranopia, protanopia, tritanopia, or achromatopsia. You can access it in the View tab and check your map through three filters. Adjust your colors on the fly and see the changes."}],"references":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser<\/title>\n<meta name=\"description\" content=\"Learn strategies to make your maps readable for those who have some form of color blindness.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser\" \/>\n<meta property=\"og:description\" content=\"Learn strategies to make your maps readable for those who have some form of color blindness.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/05\/arcuser-banner-design-wide.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser\" \/>\n<meta name=\"twitter:description\" content=\"Learn strategies to make your maps readable for those who have some form of color blindness.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/05\/arcuser-banner-design-wide.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability\",\n\t            \"name\": \"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2025-05-14T01:00:57+00:00\",\n\t            \"description\": \"Learn strategies to make your maps readable for those who have some form of color blindness.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Design Your Maps for Color-Blind Readability\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d\",\n\t            \"name\": \"Amy Ambard\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"caption\": \"Amy Ambard\"\n\t            },\n\t            \"url\": \"\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser","description":"Learn strategies to make your maps readable for those who have some form of color blindness.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability","og_locale":"en_US","og_type":"article","og_title":"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser","og_description":"Learn strategies to make your maps readable for those who have some form of color blindness.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/05\/arcuser-banner-design-wide.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser","twitter_description":"Learn strategies to make your maps readable for those who have some form of color blindness.","twitter_image":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/05\/arcuser-banner-design-wide.jpg","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability","url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability","name":"Design Your Maps for Color-Blind Readability | Spring 2025 | ArcUser","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2025-05-14T01:00:57+00:00","description":"Learn strategies to make your maps readable for those who have some form of color blindness.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/design-your-maps-for-color-blind-readability#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Design Your Maps for Color-Blind Readability"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d","name":"Amy Ambard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","caption":"Amy Ambard"},"url":""}]}},"sort_order":"14","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/750752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcuser"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/5752"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/750752\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=750752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=750752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=750752"},{"taxonomy":"arcuser_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser_issues?post=750752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}