Brand Color Tool with Extended Palette
Color info for your palette
Click on a color sample above the info to reveal tint/shade slider and adjust that color.
Click the "Compare contrast" button for two colors to check contrast. Deselect a color by clicking an active compare contrast button in order to pick others.
Color contrast analysis for selected colors
University Policy 7215: Information Technology Accessibility requires digital and web accessibility standards to meet that of WCAG 2.1 Level AA. The WCAG success criteria for color contrast requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, and a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.