{"id":34,"date":"2020-02-06T21:34:05","date_gmt":"2020-02-06T21:34:05","guid":{"rendered":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/?page_id=34"},"modified":"2025-03-03T12:53:58","modified_gmt":"2025-03-03T12:53:58","slug":"color","status":"publish","type":"page","link":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/color\/","title":{"rendered":"Color"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Primary Color Palette<\/strong><\/h2>\n\n\n\n<p>CCS Yellow is the primary color and, in most cases, should appear as the dominant color.<\/p>\n\n\n\n\n<div class=\"ccsYellow\"> <strong>CCS Yellow<\/strong><br>\n  PMS 109C<br>\n  CMYK: C=0, M=10, Y=100, K=0<br>\n  RGB: R=255, G=221, B=0<br>\n  HEX: #FFDF1C<br>\n<\/div>\n\n\n\n<p><strong>Purple or Black can be used as a supporting color with the CCS Yellow<\/strong><\/p>\n\n\n\n<div class=\"ccsPurple\"> <strong>CCS Purple<\/strong><br>\n  PMS 276C<br>\n  CMYK: C=87, M=87, Y=0, K=51<br>\n  RGB: R=37, G=28, B=92<br>\n  HEX: #251C5C <\/div>\n<div class=\"ccsBlack\">\n  <strong>Black <\/strong><br>\n  CMYK: C=0, M=0,\n  Y=0, K=100 <br>\n  RGB: R=0, G=0, B=0 <br>\n  HEX: #000000<br><br> <\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Web Color Palette<\/strong><\/h2>\n\n\n\n<p>CCS Yellow should be used as the primary color with a sub color palette of Gray tones.<\/p>\n\n\n\n\n<b>Grey Tones<\/b>\n<div class=\"ccs000000\"><strong> HEX: #000000<br>\n  <\/strong><\/div>\n<div class=\"ccs242424\"><strong> HEX: #242424<br>\n  <\/strong><\/div>\n<div class=\"ccs444444\"><strong> HEX: #444444<br>\n  <\/strong><\/div>\n<div class=\"ccsB9B9B9\"><strong> HEX: #B9B9B9<br>\n  <\/strong><\/div>\n<div class=\"ccsE9E9E9\"><strong> HEX: #E9E9E9<br>\n  <\/strong><\/div>\n<div class=\"ccsF3F1F0\"><strong> HEX: #F3F1F0<br>\n  <\/strong><\/div>\n<b>Background<\/b>\n<div class=\"ccsFFFFFF\"><strong> White on HEX: #F2F2F2\n  <\/strong><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Departmental Colors<\/h2>\n\n\n\n<p>Department colors have been discontinued. <\/p>\n\n\n\n<!-- \n<figure class=\"wp-block-table\">\n  <table width=\"100%\" cellspacing=\"5\" cellpadding=\"10\">\n    <tbody>\n      <tr>\n        <td width=\"50%\">Advertising Design<\/td>\n        <td width=\"50%\" bgcolor=\"#b1b3b6\">Silver HEX #b1b3b6<\/td>\n      <\/tr>\n      <tr>\n        <td>Art Education<\/td>\n        <td bgcolor=\"#fdbb20\">Gold HEX #fdbb20<\/td>\n      <\/tr>\n      <tr>\n        <td>Art Practice<\/td>\n        <td class=\"WhiteText\" bgcolor=\"#5b2c86\">Purple HEX #5b2c86<\/td>\n      <\/tr>\n      <tr>\n        <td>Communication Design<\/td>\n        <td class=\"WhiteText\" bgcolor=\"#005da6\">Royal Blue HEX #005da6<\/td>\n      <\/tr>\n      <tr>\n        <td>Craft &amp; Material Studies<\/td>\n        <td class=\"WhiteText\" bgcolor=\"#008445\">Kelly Green HEX #008445<\/td>\n      <\/tr>\n      <tr>\n        <td>Entertainment Arts<\/td>\n        <td bgcolor=\"#f26729\">Orange HEX #f26729<\/td>\n      <\/tr>\n      <tr>\n        <td>Fashion Accessories Design<\/td>\n        <td class=\"WhiteText\" bgcolor=\"#7c184c\">Maroon HEX #7c184c<\/td>\n      <\/tr>\n      <tr>\n        <td>Illustration<\/td>\n        <td bgcolor=\"#4cc2e1\">Turquoise HEX #4cc2e1<\/td>\n      <\/tr>\n      <tr>\n        <td>Interior Design<\/td>\n        <td bgcolor=\"#ffffff\">White HEX #ffffff<\/td>\n      <\/tr>\n      <tr>\n        <td>Photography<\/td>\n        <td bgcolor=\"#fadf51\">Yellow HEX #fadf51<\/td>\n      <\/tr>\n      <tr>\n        <td>Product Design<\/td>\n        <td bgcolor=\"#aac27f\">Sage HEX #aac27f<\/td>\n      <\/tr>\n      <tr>\n        <td>Transportation Design<\/td>\n        <td bgcolor=\"#c22032\">Red HEX #c22032<\/td>\n      <\/tr>\n      <tr>\n        <td>Undeclared<\/td>\n        <td class=\"WhiteText\" bgcolor=\"#000000\">Black HEX #000000<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/figure> -->\n<style class=\"advgb-styles-renderer\">\n.ccsYellow {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #FFDF1C;\n    margin-bottom: 20px;\n}\n.ccsPurple {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #251C5C;\n    margin-bottom: 20px;\n    color: #FFFFFF;\n}\n.ccsBlack {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #000000;\n    margin-bottom: 20px;\n    color: #FFFFFF;\n}\n\n.ccs000000 {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #000000;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    height: 150px;\n}\n.ccs242424 {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #242424;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    height: 150px;\n}\n.ccs444444 {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #444444;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    height: 150px;\n}\n.ccsB9B9B9 {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #B9B9B9;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    height: 150px;\n}\n.ccsE9E9E9 {\n    width: 100%;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 20px;\n    background-color: #E9E9E9;\n    margin-bottom: 20px;\n    height: 150px;\n}\n.ccsF3F1F0 {\n\twidth: 100%;\n\tpadding-top: 20px;\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n\tpadding-bottom: 20px;\n\tbackground-color: #F3F1F0;\n\tmargin-bottom: 20px;\n\theight: 150px;\n}\n.ccsFFFFFF {\n\twidth: 100%;\n\tbackground-color: #FFFFFF;\n\tmargin-bottom: 20px;\n\theight: 150px;\n\tborder: 50px solid #F2F2F2;\n}\n\n.WhiteText {\n    color: #FFFFFF;\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Primary Color Palette CCS Yellow is the primary color and, in most cases, should appear as the dominant color. CCS Yellow PMS 109C CMYK: C=0, M=10, Y=100, K=0 RGB: R=255, G=221, B=0 HEX: #FFDF1C Purple or Black can be used as a supporting color with the CCS Yellow CCS Purple PMS 276C CMYK: C=87, M=87, &hellip; <a href=\"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/color\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Color&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"coauthors":[],"author_meta":{"author_link":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/author\/sevans\/","display_name":"Sean Evans"},"relative_dates":{"created":"Posted 6 years ago","modified":"Updated 1 year ago"},"absolute_dates":{"created":"Posted on February 6, 2020","modified":"Updated on March 3, 2025"},"absolute_dates_time":{"created":"Posted on February 6, 2020 9:34 pm","modified":"Updated on March 3, 2025 12:53 pm"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":19,"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/pages\/34\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/style-guide\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}