Accessible Color Combinations for Content Creation and Remediation.
Introduction
This page contains a selection of Virginia Tech Brand Colors paired with text colors. These background color/text color combinations have been pre-checked to ensure that they meet color contrast requirements for WCAG 2.1. For a full list of Virginia Tech Brand Colors, please visit https://brand.vt.edu/identity/color.html.
Pre-Checked Color Combinations
Background: Chicago Maroon
Text: White
HEX: #861F41 / #FFFFFF
RGB: 134, 31, 65 / 255, 255, 255
CSS Variable: --vt-maroon
Background: Burnt Orange
Text: Black
HEX: #E5751F / #000000
RGB: 229, 117, 31 / 0, 0, 0
CSS Variable: --vt-burntOrange
Background: Yardline White
Text: Black
HEX: #FFFFFF / #000000
RGB: 255, 255, 255 / 0, 0, 0
CSS Variable: --vt-white
Background: Pylon Purple
Text: White
HEX: #642667 / #FFFFFF
RGB: 100, 38, 103 / 255, 255, 255
CSS Variable: --vt-purple
Background: Triumphant Yellow
Text: Black
HEX: #F7EA48 / #000000
RGB: 247, 234, 72 / 0, 0, 0
CSS Variable: --vt-yellow
Background: Vibrant Turquoise
Text: Black
HEX: #2CD5C4 / #000000
RGB: 44, 213, 196 / 0, 0, 0
CSS Variable: --vt-turquoise
Background: Land Grant Grey
Text: Black
HEX: #D7D2CB / #000000
RGB: 215, 210, 203 / 0, 0, 0
CSS Variable: --vt-grey
Background: Skipper Smoke
Text: Black
HEX: #E5E1E6 / #000000
RGB: 229, 225, 230 / 0, 0, 0
CSS Variable: --vt-smoke
Background: Impact Orange
Text: White
HEX: #CA4F00 / #FFFFFF
RGB: 202, 79, 0 / 255, 255, 255
CSS Variable: --vt-impactOrange
If you have questions about using these color combinations, please contact us at engtechteam@vt.edu or 540-231-9076.