{"id":299,"date":"2020-07-14T09:32:33","date_gmt":"2020-07-14T15:32:33","guid":{"rendered":"https:\/\/www.engr.colostate.edu\/operations\/communications\/?page_id=299"},"modified":"2025-05-30T08:52:29","modified_gmt":"2025-05-30T14:52:29","slug":"color","status":"publish","type":"page","link":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/","title":{"rendered":"Color"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"299\" class=\"elementor elementor-299\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e479ce8 elementor-section-full_width elementor-section-height-min-height elementor-section-items-bottom elementor-section-height-default\" data-id=\"e479ce8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a32f118\" data-id=\"a32f118\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7493186 elementor-widget elementor-widget-heading\" data-id=\"7493186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xl\">Color<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e41506a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e41506a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5418c18\" data-id=\"5418c18\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3615930 elementor-widget elementor-widget-heading\" data-id=\"3615930\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The 2025 College Brand is coming soon!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec16ed1 elementor-widget elementor-widget-heading\" data-id=\"ec16ed1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Brand information and guidelines listed here will be updated to the college's new Visual Brand Language in 2025.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf87ba6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bf87ba6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-75bb33e\" data-id=\"75bb33e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d52329b elementor-widget elementor-widget-heading\" data-id=\"d52329b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Why do we want to use these colors?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-fd88f6a\" data-id=\"fd88f6a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1a39b8 elementor-widget elementor-widget-text-editor\" data-id=\"c1a39b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We want our visitors to have a consistent experience, no matter if they are on our websites or looking at our printed materials. One of the foundations of doing that is to have a persistent plan for styles across all media, and color is one of the cornerstones of that plan.<\/p><p>The CSU Green and Gold, particularly, inform the visitor that they are still looking at Colorado State University content. The consistent use of color helps us to maintain our professionalism, and sends a message that, even among different departments, we are one College.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-37e7096 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"37e7096\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd8cf91\" data-id=\"fd8cf91\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7d290b elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b7d290b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#colors\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">College colors<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#coloraccessible\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Color accessibility<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#guidelines\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Color usage guidelines<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/brand.colostate.edu\/color\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">University Brand Colors<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Style Guide<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-373b86a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"373b86a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63d5341 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63d5341\" data-element_type=\"section\" data-e-type=\"section\" id=\"colors\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-9390d2a\" data-id=\"9390d2a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57cb1ee3 elementor-widget elementor-widget-text-editor\" data-id=\"57cb1ee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The College defines several colors, <strong><a href=\"https:\/\/brand.colostate.edu\/color\/\" target=\"_blank\" rel=\"noopener\">along with the official CSU colors<\/a><\/strong>, as the standards to be used with any content. We have two primary colors and five accent colors. Accent colors are unique to the College, and are to be used <strong>sparingly<\/strong> to provide visual interest in various design applications. \u00a0<\/p><p>Each is listed with their common color attributes, each attribute based on print or web usage:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73d8968 elementor-widget elementor-widget-text-editor\" data-id=\"73d8968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Hexadecimal colors<\/strong>, usually shortened to &#8220;hex&#8221; colors, are the primary colors used on the web. They are identified with the &#8220;<strong>#<\/strong>&#8221; symbol, followed by a three or six digit code.<\/li><li><strong>RGB<\/strong>\u00a0colors can be used in digital printing, but are primarily used for the web and other displayed technologies (such as PowerPoint).<\/li><li><strong>CMYK<\/strong> is used exclusively for printed materials, and never for web.<\/li><li>The Pantone Management System (<strong>PMS<\/strong>) is a library of colors exclusive to printed materials, never for web use. It allows print shops to reproduce a common, exact color no matter what program created it.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6441692\" data-id=\"6441692\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d668f8d elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6d668f8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-adjust\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPrimary Color: CSU Green\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tPMS 357 CP<br>\nCMYK: 98, 40, 100, 46<br>\nRGB: 30, 77, 42<br>\n#1e4d2b\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-9214cd3\" data-id=\"9214cd3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-411476e7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"411476e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-adjust\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPrimary Color: CSU Gold\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tPMS 617 CP<br>\nCMYK: 11, 6, 64, 13<br>\nRGB: 200, 195, 115<br>\n#c8c372\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7183602 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7183602\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2073962\" data-id=\"2073962\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8464a7a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8464a7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bdb9743\" data-id=\"bdb9743\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a24dd68 elementor-widget elementor-widget-menu-anchor\" data-id=\"5a24dd68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"coloraccessible\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8eeb196 elementor-widget elementor-widget-heading\" data-id=\"8eeb196\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Accessibility and color<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ee3d63b\" data-id=\"ee3d63b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ff1524 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4ff1524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5da3cdc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5da3cdc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-061f7bf\" data-id=\"061f7bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6aac012 elementor-widget elementor-widget-text-editor\" data-id=\"6aac012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As we point out in our <a href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/accessibility\/\">accessibility standards<\/a>, we want to make sure that our website is open and useful for anyone who visits it. Color plays an important role in how useful a site is for many people, especially those with color vision disabilities. We have a adopted a standard of using colors with accessibility in mind for all users.<\/p><p>The charts in this section are provided by the World Wide Web Consortium, and offer a look at how colors are perceived by those with color blindness or impairment. <a href=\"https:\/\/www.w3.org\/TR\/low-vision-needs\/#color-vision target=\">For more information, click here<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-514e3f5 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"514e3f5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-20b0801\" data-id=\"20b0801\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-44f54325 elementor-widget elementor-widget-text-editor\" data-id=\"44f54325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Color contrast, the difference in luminance or color between objects, is determined by a ratio of colors. The higher the number compared to one, the better the contrast is.<\/p><p>For example, compare the green and white ratio as &#8220;AAA,&#8221; which is great contrast, with the gold and white, which fails the test.\u00a0<a href=\"https:\/\/www.viget.com\/articles\/color-contrast\/\" target=\"_blank\" rel=\"noopener\">This page offers a great explanation of what the WCAG guidelines mean in practice.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4210a53 elementor-widget elementor-widget-heading\" data-id=\"4210a53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Color contrast testing tools<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6a492 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5f6a492\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/colorable.jxnblk.com\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-link\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Colorable<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/contrastchecker.com\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-link\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Acart Contrast Checker<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-link\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">WebAIM Contrast Checker<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-37d1308\" data-id=\"37d1308\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62fa6604 elementor-widget elementor-widget-heading\" data-id=\"62fa6604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-large\">AAA contrast: <br>9.76:1 ratio<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-250ac945 elementor-widget elementor-widget-heading\" data-id=\"250ac945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-large\">Contrast fail: <br>1.83:1 ratio<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-556342f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"556342f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c4269a5\" data-id=\"c4269a5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5f5bf27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f5bf27\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2105a43\" data-id=\"2105a43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c3489a4 elementor-widget elementor-widget-image\" data-id=\"5c3489a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"285\" height=\"285\" src=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png\" class=\"attachment-medium_large size-medium_large wp-image-255\" alt=\"sample color wheel demonstrating full color vision\" srcset=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png 285w, https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color-150x150.png 150w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">full color, normal vision<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-65764a9\" data-id=\"65764a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3648ec2e elementor-widget elementor-widget-image\" data-id=\"3648ec2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"285\" height=\"285\" src=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/protanopia.png\" class=\"attachment-medium_large size-medium_large wp-image-256\" alt=\"sample color wheel demonstrating protanopia\" srcset=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/protanopia.png 285w, https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/protanopia-150x150.png 150w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Red-green color blindness, protanopia<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f53a7a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f53a7a9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4664282\" data-id=\"4664282\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2861c0e elementor-widget elementor-widget-image\" data-id=\"2861c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"285\" height=\"285\" src=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/achromatopsia.png\" class=\"attachment-medium_large size-medium_large wp-image-258\" alt=\"sample color wheel demonstrating achromatopsia\" srcset=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/achromatopsia.png 285w, https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/achromatopsia-150x150.png 150w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Achromatopsia, total color blindness<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-16d2c04\" data-id=\"16d2c04\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2613bdd elementor-widget elementor-widget-image\" data-id=\"2613bdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"285\" src=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/tritanopia.png\" class=\"attachment-medium_large size-medium_large wp-image-257\" alt=\"sample color wheel demonstrating tritanopia\" srcset=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/tritanopia.png 285w, https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/tritanopia-150x150.png 150w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Blue-yellow color blindness, tritanopia<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-efac1c1\" data-id=\"efac1c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce55c90 elementor-cta--skin-cover elementor-cta--valign-bottom elementor-widget elementor-widget-call-to-action\" data-id=\"ce55c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/09\/csu-150-ambassadors-1219B_1656x953-768x442.jpg);\" role=\"img\" aria-label=\"Student Ambassadors with CSU 150th letters in Scott Atrium, December 2019\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tOriginal\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-476f3a2 elementor--v-position-bottom elementor-pagination-position-outside elementor--h-position-center elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"476f3a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;transition&quot;:&quot;fade&quot;,&quot;transition_speed&quot;:1000,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-45ae6e2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Protanopia sample\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Red-green color blindness, protanopia<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-12850a5 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"csu 150 ambassadors\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Blue-yellow color blindness, tritanopia<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-4244e71 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Achromatopsia sample\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Achromatopsia, total color blindness<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bad328b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bad328b\" data-element_type=\"section\" data-e-type=\"section\" id=\"guidelines\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5bd7b8a\" data-id=\"5bd7b8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-996f70f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"996f70f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f907bc7\" data-id=\"f907bc7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7084d09 elementor-widget elementor-widget-heading\" data-id=\"7084d09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Color usage guidelines<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3aeed51\" data-id=\"3aeed51\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d0bb88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0d0bb88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4dc8c24 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4dc8c24\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-329565e2\" data-id=\"329565e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7a592d48 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a592d48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-7f9309d9\" data-id=\"7f9309d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09ea00b elementor-widget elementor-widget-heading\" data-id=\"09ea00b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Overall Website<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b935fb9 elementor-widget elementor-widget-text-editor\" data-id=\"b935fb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our website styles are built into the Cascading Style Sheets (CSS) that control the look and feel of all of our sites.<\/p><ul><li>Text, headings, links, footers, and anything else that uses a set color is specified based on the color standards above.<\/li><li>While creating new pages or content, keep these defaults in mind. It is not an exhaustive list, only the main components of the websites.<\/li><li><strong>Background Color:<\/strong><ul><li>The College website uses a slightly gray background, hex color #f1f1f1, for the default page background color.<\/li><li>Pure white (#ffffff) can be very harsh on the eyes, and reading any amount of text over a long period of time on a pure white background can affect those with visual issues.<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4328b742\" data-id=\"4328b742\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-620f3e22 elementor-widget elementor-widget-text-editor\" data-id=\"620f3e22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>Page Background:<\/strong><br \/>#f1f1f1<\/p><p style=\"text-align: center;\"><strong>Page Headers and Text:<\/strong><br \/>#1e4d2b<\/p><p style=\"text-align: center;\"><strong>Main Header and Footer Background:<\/strong><br \/>#1e4d2b<\/p><p style=\"text-align: center;\"><strong>Brighter box backgrounds (this box):<\/strong><br \/>#f7f7f7<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-5527056b elementor-widget elementor-widget-menu-anchor\" data-id=\"5527056b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"readablity\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6794422d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6794422d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1b5ae8db elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b5ae8db\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-4a214bf3\" data-id=\"4a214bf3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b0d3a8 elementor-widget elementor-widget-heading\" data-id=\"4b0d3a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Readability<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eabd525 elementor-widget elementor-widget-text-editor\" data-id=\"eabd525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We want to make sure our visitors can read our content easily, and it is important to make sure that color choices do not make reading more difficult.<\/p><ul><li>When designing content, make sure that there is sufficient contrast between the text and the background colors.<\/li><li>Using the right color combinations also plays a part in accessibility for those who might have difficulty with the visual aspects of our webpages.<\/li><li>As a part of the <a href=\"https:\/\/www.engr.colostate.edu\/operations\/style-content-guidebook\/accessibility-standards\/\">College&#8217;s Accessibility Standards<\/a>, we want to create pages that are more accessible to everyone, and using the correct color contrast plays a large part in that effort.<\/li><li>Our standard is based on the World Wide Web Consortium&#8217;s Web Content Accessibility Guidelines (WCAG). Read more about their <a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/#visual-audio-contrast-scale\" target=\"_blank\" rel=\"noopener\">text contrast guidelines here<\/a>.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-699117d6\" data-id=\"699117d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5069e4bc elementor-widget elementor-widget-text-editor\" data-id=\"5069e4bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>No<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3264830c elementor-widget elementor-widget-text-editor\" data-id=\"3264830c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>No<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b70461b elementor-widget elementor-widget-text-editor\" data-id=\"3b70461b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>Yes!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9ed7b3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e9ed7b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-391052fb elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"391052fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-2787519e\" data-id=\"2787519e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d00ac53 elementor-widget elementor-widget-heading\" data-id=\"d00ac53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Using consistent colors in text<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72ca42e elementor-widget elementor-widget-text-editor\" data-id=\"72ca42e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Think about a red, bolded word inside a paragraph. The viewer&#8217;s eye goes right to it, almost in emergency mode.<\/p><p>But that can be very distracting to many viewers, and makes finding the truly valuable information more difficult.<\/p><ul><li>Using color for emphasis can affect accessibility, as those with visual problems such as colorblindness cannot see the text.<\/li><li>We have adopted a standard of using &#8220;strong&#8221; bolded words instead of using color to show important information. By using the <strong>strong HTML tag<\/strong> instead, the emphasis is far easier to find.<\/li><li>Using strong text instead of a color emphasis also works better for accessibility, <a href=\"https:\/\/www.w3.org\/TR\/low-vision-needs\/#color-vision target=\">based on WCAG guidelines<\/a>. Users with color blindness, for example, would have a more positive experience with bold text over trying to read a particular color they have trouble seeing.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2216a6f1\" data-id=\"2216a6f1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66b323e9 elementor-widget elementor-widget-text-editor\" data-id=\"66b323e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Bad Example:<\/strong><\/p><p>The <span style=\"color: #008000;\">Walter Scott, Jr. College of Engineering<\/span> <span style=\"color: #ff0000;\"><strong>must be able to allow<\/strong><\/span> a new paint coverage of the <span style=\"color: #0000ff;\">main staircase<\/span>. It is vital to our success.<\/p><p><strong>Better:<\/strong><\/p><p>The Walter Scott, Jr. College of Engineering <strong>must be able<\/strong> to allow a new paint coverage of the main staircase. It is <strong>vital<\/strong> to our success.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-33cfb790 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"33cfb790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2fb68f33 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fb68f33\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-179d8747\" data-id=\"179d8747\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e744cd elementor-widget elementor-widget-heading\" data-id=\"5e744cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Using consistent colors in overall design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e046070 elementor-widget elementor-widget-text-editor\" data-id=\"e046070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Color can add impact to designed pieces by grabbing a visitor&#8217;s attention. But using inconsistent colors for everything is distracting, makes content less accessible, and sends the message that we are unprofessional.<\/p><p>By limiting our colors to a primary and an accent color, in most cases, we come across as more professional.<\/p><p>In the top example, we are using CSU Green and CSU Gold. Even with an &#8220;outlined&#8221; box design instead of one filled with color, it is still recognizable since the colors are the same as the rest of the site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7e0ad841\" data-id=\"7e0ad841\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1626cdac elementor-widget elementor-widget-heading\" data-id=\"1626cdac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">This header is on-brand.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-971429d elementor-widget elementor-widget-heading\" data-id=\"971429d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-small\">This header is off-brand.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Color The 2025 College Brand is coming soon! Brand information and guidelines listed here will be updated to the college&#8217;s new Visual Brand Language in 2025. Why do we want to use these colors? We want our visitors to have a consistent experience, no matter if they are on our websites or looking at our<a class=\"read-more\" href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/\">&#8230;Read more <\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":279,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-299","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Color - Communications<\/title>\n<meta name=\"description\" content=\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\" \/>\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.engr.colostate.edu\/operations\/communications\/style-guide\/color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color - Communications\" \/>\n<meta property=\"og:description\" content=\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/\" \/>\n<meta property=\"og:site_name\" content=\"Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-30T14:52:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png\" \/>\n\t<meta property=\"og:image:width\" content=\"285\" \/>\n\t<meta property=\"og:image:height\" content=\"285\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/\",\"name\":\"Color - Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/full_color.png\",\"datePublished\":\"2020-07-14T15:32:33+00:00\",\"dateModified\":\"2025-05-30T14:52:29+00:00\",\"description\":\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/full_color.png\",\"contentUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/full_color.png\",\"width\":285,\"height\":285,\"caption\":\"sample color wheel demonstrating full color vision\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/color\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Guide\",\"item\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#website\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\",\"name\":\"Communications\",\"description\":\"Walter Scott, Jr. College of Engineering\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#organization\",\"name\":\"Communications, Walter Scott, Jr. College of Engineering\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/SCOE-CSU-2-C357.png\",\"contentUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/SCOE-CSU-2-C357.png\",\"width\":494,\"height\":272,\"caption\":\"Communications, Walter Scott, Jr. College of Engineering\"},\"image\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color - Communications","description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","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.engr.colostate.edu\/operations\/communications\/style-guide\/color\/","og_locale":"en_US","og_type":"article","og_title":"Color - Communications","og_description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","og_url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/","og_site_name":"Communications","article_modified_time":"2025-05-30T14:52:29+00:00","og_image":[{"width":285,"height":285,"url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/","name":"Color - Communications","isPartOf":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/#primaryimage"},"image":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/#primaryimage"},"thumbnailUrl":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png","datePublished":"2020-07-14T15:32:33+00:00","dateModified":"2025-05-30T14:52:29+00:00","description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","breadcrumb":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/#primaryimage","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png","contentUrl":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/full_color.png","width":285,"height":285,"caption":"sample color wheel demonstrating full color vision"},{"@type":"BreadcrumbList","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.engr.colostate.edu\/operations\/communications\/"},{"@type":"ListItem","position":2,"name":"Style Guide","item":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/"},{"@type":"ListItem","position":3,"name":"Color"}]},{"@type":"WebSite","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#website","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/","name":"Communications","description":"Walter Scott, Jr. College of Engineering","publisher":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.engr.colostate.edu\/operations\/communications\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#organization","name":"Communications, Walter Scott, Jr. College of Engineering","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#\/schema\/logo\/image\/","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/SCOE-CSU-2-C357.png","contentUrl":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/SCOE-CSU-2-C357.png","width":494,"height":272,"caption":"Communications, Walter Scott, Jr. College of Engineering"},"image":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":50,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":1527,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/299\/revisions\/1527"}],"up":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/279"}],"wp:attachment":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}