{"id":897,"date":"2019-12-04T21:28:45","date_gmt":"2019-12-04T21:28:45","guid":{"rendered":"http:\/\/sites.monroecc.edu\/web-standards\/?page_id=897"},"modified":"2024-11-14T21:23:03","modified_gmt":"2024-11-14T21:23:03","slug":"text-color","status":"publish","type":"page","link":"https:\/\/sites.monroecc.edu\/web-standards\/accessibility\/create-accessible-content\/create-accessible-content-documents\/text-color\/","title":{"rendered":"Text Color"},"content":{"rendered":"

Text Color<\/h1>\n

Black on White is Best<\/h2>\n

For web content and documents that you plan to upload to the web or distribute electronically, good old-fashioned black text on white background is your best bet. Why? Visitors with low vision and those viewing the page in bright sunlight can read black on white with no problem. As you’d expect, black text on a white background meets color contrast accessibility requirements<\/a>.\u00a0<\/p>\n

If you want to add a color accent to your electronic documents, we recommend that you insert an approved MCC logo<\/a> instead of changing the text color.<\/p>\n

If the document must have colored text, then use only the accent colors below. These versions of gold and grey pass color contrast accessibility requirements and are used on monroecc.edu.\u00a0<\/p>\n

Learn more about WCAG2’s contrast ratio<\/a>.\u00a0<\/strong><\/p>\n

Brand Colors for the Web<\/h2>\n

The following applies to both webpages and files with text (PDFs, Word documents, JPGs, etc.). This not only applies to the contrast ratio of text to its background but also to button color and its background.<\/p>\n

For use with white<\/strong> text and backgrounds:\u00a0<\/p>\n

\n
\n
Gold<\/strong>
\n#996600
\nrgb (153,102,0)<\/div>\n<\/div>\n
\n
Grey<\/strong>
\n#555858
\nrgb (85,88,88)<\/div>\n<\/div>\n
\n
Black<\/strong>
\n#000000
\nrgb (0,0,0)<\/div>\n
\u00a0<\/div>\n<\/div>\n<\/div>\n

For use with black<\/strong> text and backgrounds:<\/p>\n

\n
\n
Gold<\/strong>
\n#C99700
\nrgb (201,151,0)<\/div>\n<\/div>\n
\n
Grey<\/strong>
\n#BBBBBB
\nrgb (187,187,187)<\/div>\n<\/div>\n
\n
White<\/strong>
\n#FFFFFF
\nrgb (255,255,255)<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Text Color Black on White is Best For web content and documents that you plan to upload to the web or distribute electronically, good old-fashioned black text on white background is your best bet. Why? Visitors with low vision and those viewing the page in bright sunlight can read black on white with no problem. […]<\/p>\n","protected":false},"author":665,"featured_media":0,"parent":414,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-897","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/users\/665"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":21,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/897\/revisions"}],"predecessor-version":[{"id":2150,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/897\/revisions\/2150"}],"up":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/414"}],"wp:attachment":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/media?parent=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}