{"id":2860,"date":"2025-11-18T14:42:23","date_gmt":"2025-11-18T19:42:23","guid":{"rendered":"https:\/\/it.rutgers.edu\/digital-accessibility\/?page_id=2860"},"modified":"2026-02-26T14:29:12","modified_gmt":"2026-02-26T19:29:12","slug":"rutgers-branding-color-compatibility-tool","status":"publish","type":"page","link":"https:\/\/it.rutgers.edu\/digital-accessibility\/accessible-web-content\/rutgers-branding-color-compatibility-tool\/","title":{"rendered":"Rutgers Color Contrast Look Up"},"content":{"rendered":"
\n\n
\n \n
\n
\n
\n
\n\t\t\t\t

Rutgers Color Contrast Look Up<\/h1>\n\n<\/div>\n\t\t\t\t
<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<\/div>\n\n <\/section>\n\n\n
\n\n
\n \n
\n
\n
\n

The following tool can help you determine which colors in the Rutgers Visual Identity System meet the required contrast ratios required by Web Content Accessibility Guidelines (WCAG). The following colors are part of Rutgers\u2019 primary and supporting color palettes:<\/p>\n

Primary Color Palette <\/b> <\/p>\n\n\n
CC0033 (Rutgers Red) <\/td>\n 000000 (Black) <\/td>\n FFFFFF (white) <\/td>\n<\/tr>\n<\/table>\n

Supporting Color Palette <\/b> <\/p>\n\n\n\n\n\n
8E0D18
(Dark Red) <\/td>\n		 222222
(Dark Gray) <\/td>\n		 00626D
(Teal) <\/td>\n		 007FAC
(Blue) <\/td>\n		 EBB600
(Yellow) <\/td>\n<\/tr>\n
<\/td>\n 666666
(Mid Gray) <\/td>\n		 52A2A9
(Mid Teal) <\/td>\n		 7DBFD6
(Mid Blue) <\/td>\n		 F5D36A
(Mid Yellow) <\/td>\n<\/tr>\n
<\/td>\n D8D8D8
(Gray) <\/td>\n		 87C3BE
(Pale Teal) <\/td>\n		 92D6E3
(Pale Blue) <\/td>\n		 FCE48B
(Pale Yellow) <\/td>\n<\/tr>\n
<\/td>\n EFEFEF
(Light Gray) <\/td>\n		 E3F3EF
(Light Teal) <\/td>\n		 DEF0F9
(Light Blue) <\/td>\n		 FFF6D4
(Light Yellow) <\/td>\n<\/tr>\n<\/table>\n

Enter in one of the colors by name or hex value to see the color combinations that either pass or fail color contrast standards. <\/p>\n<\/p><\/div>\n

\n

\u00a0<\/p>\n<\/div>\n

\n