Virginia Tech™home

Brand Color Tool with Extended Palette

Palette display:

Web-Digital
Print

Active color evaluation

Drag and drop tiles to see what colors look like next to each other.

Best to grab the center of a tile when moving.


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

Contrast ratio:

Normal text:

Large text:

Normal text

Normal text

Large text

Large text

University Policy 7215: Information Technology Accessibility requires digital and web accessibility standards to meet that of WCAG 2.0 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.

More information on WCAG color contrast criteria.


View and print Web-Digital contrast table for your palette
If you change a value you will need to close the popup window and click the link again.