Accessible COlor

Combinations

Please do not use greyed-out color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the WCAG 2.1 standards for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improves the user experience for all users.

UConn Combinations 

Navy Blue Text

#000E2F

White Text

#FFFFFF

Grey Text

#7C878E

Royal Blue Text
#013ECD

Black Text
#000000

Navy Blue Background

#000E2F

White Background

#FFFFFF

Sample Text

Grey Background

#7C878E

Royal Blue Background #013ECD

Black Background

#000000


UConn Health Combinations 

Navy Blue Text #000E2F

Blue Text #004369

Teal Grey Text #79AFBA

Bright Teal Text #64C7C9

Light Teal Text #98D7D8

Yellow Text #FFDA30

Orange Text #EE6921

Red Text #BE2D2D

Dark Grey Text #7E868C

Light Grey Text #BDC0C3

White Text #FFFFFF

Black Text #000000

Navy Blue BG

#000E2F

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Blue BG

#004369

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Teal Grey BG

#79AFBA

Sample Text

Sample Text

Bright Teal BG

#64C7C9

Sample Text

Sample Text

Sample Text

Light Teal BG

#98D7D8

Sample Text

Sample Text

Sample Text

Yellow BG

#FFDA30

Sample Text

Sample Text

Sample Text

Orange BG

#EE6921

Sample Text

Sample Text

Sample Text

Red BG

#BE2D2D

Dark Grey BG

#7E868C

Sample Text

Sample Text

Light Grey BG

#BDC0C3

Sample Text

Sample Text

Sample Text

White BG

#FFFFFF

Sample Text

Sample Text

Sample Text

Black BG

#000000

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text

Sample Text