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 |
Black Text |
|
|---|---|---|---|---|---|
|
Navy Blue Background #000E2F |
Sample Text |
Sample Text |
|||
|
White Background #FFFFFF |
Sample Text |
Sample Text |
Sample Text |
||
|
Grey Background #7C878E |
Sample Text |
Sample Text |
|||
|
Royal Blue Background #013ECD |
Sample Text |
||||
|
Black Background #000000 |
Sample Text |
Sample Text |
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 |