Color Accessibility on the Web
The University of Tennessee Health and Science Center websites and digital applications aim to comply with WCAG 2.1 AA guidelines. This includes a required contrast ratio for text and images of text of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders).
To make choosing accessible colors easy, use the guide below to view accessible combinations of our primary and secondary color palette as applied to large text (18pt and larger, 14pt bold and larger), small text (17.9pt and smaller, 13.9pt bold and smaller) and graphical elements. This color palette is best-suited for digital properties such as the website and email.
Tennessee Orange Accessibility
Accessible Foreground Colors on White Background
UTHSC ORANGE
HEX #E07400
Large text only
PANTONE 340
HEX #00965E
Large text only
50% BLACK
HEX #939598
Large text only
UTHSC GREEN
HEX #115740
All text sizes
85% BLACK
HEX #4D4D4F
All text sizes
PANTONE 342
HEX #006747
All text sizes
80% BLACK
HEX #58595B
All text sizes
PANTONE 1525
HEX #B94700
All text sizes
Accessible Background Colors for White Text
UTHSC ORANGE
HEX #E07400
Large text only
PANTONE 340
HEX #00965E
Large text only
BLACK
HEX #000000
All text sizes
UTHSC GREEN
HEX #115740
All text sizes
85% BLACK
HEX #4D4D4F
All text sizes
PANTONE 342
HEX #006747
All text sizes
80% BLACK
HEX #58595B
All text sizes
PANTONE 1525
HEX #B94700
All text sizes
Accessible Background Colors for 80% Black Text
PANTONE 344
HEX #A0DAB3
Large text only
30% BLACK
HEX #BCBEC0
Large text only
PANTONE 148
HEX #FECB8B
All text sizes
Web Page Accessibility Tools and Resources
To determine if a website is accessible, there are several resources for testing. Helpful guides are available via the WCAG website as well as the following sites: