含羞草传媒

Skip to content
ApplyGive

Other ways to search: |

Color Accessibility on the Web

The University of Tennessee Health and Science Center websites and digital applications aim to comply with听听guidelines. This includes a required听听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

听

pantone 151, cmyk 0/50/100/0, rgb 255/130/0, hex# ff8200
None of our brand colors meet the minimum level of contrast when used in combination with Tennessee Orange. This includes orange text on a white background and white text on an orange background.

听

Accessible Foreground Colors on White Background

听

hex# E07400 on white background

听UTHSC ORANGE
听HEX #E07400
听Large text only

hex #00965E on white background

听PANTONE 340
听HEX #00965E
听Large text only

hex# 939598 on white background

听50% BLACK
听HEX #939598
听Large text only

hex #115740 on white background

听UTHSC GREEN
听HEX #115740
听All text sizes

hex# 4D4D4F on white background

听85% BLACK
听HEX #4D4D4F
听All text sizes

hex# 006747 on white background

听PANTONE 342
听HEX #006747
听All text sizes

hex # 58595B on white background

听80% BLACK
听HEX #58595B
听All text sizes

hex # B94700 on white background

听PANTONE 1525
听HEX #B94700
听All text sizes

听

Accessible Background Colors for White Text

hex #E07400 with white text

UTHSC ORANGE
HEX #E07400
Large text only

hex #00965E with white text

PANTONE 340
HEX #00965E
Large text only

hex #000000 with white text

BLACK
HEX #000000
All text sizes

hex #115740 with white text

UTHSC GREEN
HEX #115740
All text sizes

hex # 4D4D4F with white text

85% BLACK
HEX #4D4D4F
All text sizes

hex# 006747 with white text

PANTONE 342
HEX #006747
All text sizes

hex# 58595B with white text

80% BLACK
HEX #58595B
All text sizes

hex# B94700 with white text

PANTONE 1525
HEX听#B94700
All text sizes


Accessible Background Colors for 80% Black Text

hex# A0DAB3 with 80% black text

PANTONE 344
HEX #A0DAB3
Large text only

hex# BCBEC0 with 80% black text

30% BLACK
HEX #BCBEC0
Large text only

hex# FECB8B with 80% black text

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 are available via the WCAG website as well as the following sites: