Explore UAB

UAB is a WCAG AA compliant university

UAB follows WCAG AA. Use this guide to choose color combinations with enough contrast, readability, and accessibility for the widest audience. All combinations—including those that fail WCAG AA—are listed so only passing, compliant options are used.

Definitions

Web Content Accessibility Guidelines (WCAG) are international standards from the W3C Web Accessibility Initiative that make digital content more usable for everyone.

Normal Text is defined "normal" or "regular" text as any text that is not considered "large". For Level AA conformance, normal text requires a luminance contrast ratio of at least 4.5:1.

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

Text Size Thresholds for Color Contrast Compliance (WCAG 2.2 AA)

Non-Bolded
24 px (Large starts →)
Bold (700+)
18.66 px (Large starts →)

Non-text elements (UI/graphics) require ≥ 3:1 contrast against adjacent color (WCAG 2.2 SC 1.4.11); applies to icons, input borders, and focus rings, excludes decorative/disabled/logos.


Note: Ratios assume solid colors on flat backgrounds (no opacity/gradients/images).

Contrast does not mean approval. Passing contrast requirements doesn’t mean a color pairing is brand-approved. Review Guidelines for Primary and Secondary Color Usage for usage guidance. The chart is intended to clarify accessibility constraints (what passes and what fails), not to indicate approved color pairings.

Color Accessibility Chart

UAB Green

#1a5632  |  R 26 G 86 B 50
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Gold #fdb913
5.01:1 Blazers Blazers
UAB Gold 30% #ffe6aa
7.08:1 Blazers Blazers
UAB Gold 15% #fff2d2
7.80:1 Blazers Blazers
UAB Gold 10% #fff8e8
8.20:1 Blazers Blazers
Dragon’s Lair Green #033319
1.62:1 Blazers Blazers
Campus Green #90d408
4.79:1 Blazers Blazers
Campus Green 30% #d7efa6
6.93:1 Blazers Blazers
Campus Green 15% #eaf7d0
7.73:1 Blazers Blazers
Campus Green 10% #f4fbe7
8.18:1 Blazers Blazers
Ever Loyal Evergreen #17b045
3.03:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
5.93:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
7.13:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
7.83:1 Blazers Blazers
Bham Sky Blue #42caf0
4.52:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
6.81:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
7.63:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
8.08:1 Blazers Blazers
White #ffffff
8.67:1 Blazers Blazers
Black #000000
2.42:1 Blazers Blazers

UAB Gold

#fdb913  |  R 253 G 185 B 19
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Green #1a5632
5.01:1 Blazers Blazers
UAB Gold #fdb913
UAB Gold 30% #ffe6aa
1.41:1 Blazers Blazers
UAB Gold 15% #fff2d2
1.56:1 Blazers Blazers
UAB Gold 10% #fff8e8
1.64:1 Blazers Blazers
Dragon’s Lair Green #033319
8.13:1 Blazers Blazers
Campus Green #90d408
1.04:1 Blazers Blazers
Campus Green 30% #d7efa6
1.38:1 Blazers Blazers
Campus Green 15% #eaf7d0
1.54:1 Blazers Blazers
Campus Green 10% #f4fbe7
1.63:1 Blazers Blazers
Ever Loyal Evergreen #17b045
1.65:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
1.18:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
1.42:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
1.56:1 Blazers Blazers
Bham Sky Blue #42caf0
1.11:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
1.36:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
1.52:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
1.61:1 Blazers Blazers
White #ffffff
1.73:1 Blazers Blazers
Black #000000
12.13:1 Blazers Blazers

Dragon’s Lair Green

#033319  |  R 3 G 51 B 25
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Green #1a5632
1.62:1 Blazers Blazers
UAB Gold #fdb913
8.13:1 Blazers Blazers
UAB Gold 30% #ffe6aa
11.50:1 Blazers Blazers
UAB Gold 15% #fff2d2
12.66:1 Blazers Blazers
UAB Gold 10% #fff8e8
13.31:1 Blazers Blazers
Campus Green #90d408
7.78:1 Blazers Blazers
Campus Green 30% #d7efa6
11.26:1 Blazers Blazers
Campus Green 15% #eaf7d0
12.55:1 Blazers Blazers
Campus Green 10% #f4fbe7
13.28:1 Blazers Blazers
Ever Loyal Evergreen #17b045
4.92:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
9.63:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
11.57:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
12.71:1 Blazers Blazers
Bham Sky Blue #42caf0
7.33:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
11.06:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
12.39:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
13.12:1 Blazers Blazers
White #ffffff
14.08:1 Blazers Blazers
Black #000000
1.49:1 Blazers Blazers

Campus Green

#90d408  |  R 144 G 212 B 8
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Green #1a5632
4.79:1 Blazers Blazers
UAB Gold #fdb913
1.04:1 Blazers Blazers
UAB Gold 30% #ffe6aa
1.48:1 Blazers Blazers
UAB Gold 15% #fff2d2
1.63:1 Blazers Blazers
UAB Gold 10% #fff8e8
1.71:1 Blazers Blazers
Dragon’s Lair Green #033319
7.78:1 Blazers Blazers
Campus Green #90d408
Campus Green 30% #d7efa6
1.45:1 Blazers Blazers
Campus Green 15% #eaf7d0
1.61:1 Blazers Blazers
Campus Green 10% #f4fbe7
1.71:1 Blazers Blazers
Ever Loyal Evergreen #17b045
1.58:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
1.24:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
1.49:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
1.63:1 Blazers Blazers
Bham Sky Blue #42caf0
1.06:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
1.42:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
1.59:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
1.69:1 Blazers Blazers
White #ffffff
1.81:1 Blazers Blazers
Black #000000
11.61:1 Blazers Blazers

Ever Loyal Evergreen

#17b045  |  R 23 G 176 B 69
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Green #1a5632
3.03:1 Blazers Blazers
UAB Gold #fdb913
1.65:1 Blazers Blazers
UAB Gold 30% #ffe6aa
2.34:1 Blazers Blazers
UAB Gold 15% #fff2d2
2.58:1 Blazers Blazers
UAB Gold 10% #fff8e8
2.71:1 Blazers Blazers
Dragon’s Lair Green #033319
4.92:1 Blazers Blazers
Campus Green #90d408
1.58:1 Blazers Blazers
Campus Green 30% #d7efa6
2.29:1 Blazers Blazers
Campus Green 15% #eaf7d0
2.55:1 Blazers Blazers
Campus Green 10% #f4fbe7
2.70:1 Blazers Blazers
Ever Loyal Evergreen #17b045
Ever Loyal Evergreen 30% #ace2bc
1.96:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
2.35:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
2.59:1 Blazers Blazers
Bham Sky Blue #42caf0
1.49:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
2.25:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
2.52:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
2.67:1 Blazers Blazers
White #ffffff
2.86:1 Blazers Blazers
Black #000000
7.33:1 Blazers Blazers

Bham Sky Blue

#42caf0  |  R 66 G 202 B 240
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Green #1a5632
4.52:1 Blazers Blazers
UAB Gold #fdb913
1.11:1 Blazers Blazers
UAB Gold 30% #ffe6aa
1.57:1 Blazers Blazers
UAB Gold 15% #fff2d2
1.73:1 Blazers Blazers
UAB Gold 10% #fff8e8
1.81:1 Blazers Blazers
Dragon’s Lair Green #033319
7.33:1 Blazers Blazers
Campus Green #90d408
1.06:1 Blazers Blazers
Campus Green 30% #d7efa6
1.53:1 Blazers Blazers
Campus Green 15% #eaf7d0
1.71:1 Blazers Blazers
Campus Green 10% #f4fbe7
1.81:1 Blazers Blazers
Ever Loyal Evergreen #17b045
1.49:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
1.31:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
1.58:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
1.73:1 Blazers Blazers
Bham Sky Blue #42caf0
Bham Sky Blue 30% #bbecfa
1.51:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
1.69:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
1.79:1 Blazers Blazers
White #ffffff
1.92:1 Blazers Blazers
Black #000000
10.94:1 Blazers Blazers

Color Name

#1a5632  |  R 26 G 86 B 50
Pass Fail
Color Name Contrast Ratio Normal Text Large Text Non-Text Element Examples
UAB Gold #fdb913
5.01:1 Blazers Blazers
UAB Gold 30% #ffe6aa
7.08:1 Blazers Blazers
UAB Gold 15% #fff2d2
7.80:1 Blazers Blazers
UAB Gold 10% #fff8e8
8.20:1 Blazers Blazers
Dragon’s Lair Green #033319
1.62:1 Blazers Blazers
Campus Green #90d408
4.79:1 Blazers Blazers
Campus Green 30% #d7efa6
6.93:1 Blazers Blazers
Campus Green 15% #eaf7d0
7.73:1 Blazers Blazers
Campus Green 10% #f4fbe7
8.18:1 Blazers Blazers
Ever Loyal Evergreen #17b045
3.03:1 Blazers Blazers
Ever Loyal Evergreen 30% #ace2bc
5.93:1 Blazers Blazers
Ever Loyal Evergreen 15% #d3f0db
7.13:1 Blazers Blazers
Ever Loyal Evergreen 10% #e8f7ed
7.83:1 Blazers Blazers
Bham Sky Blue #42caf0
4.52:1 Blazers Blazers
Bham Sky Blue 30% #bbecfa
6.81:1 Blazers Blazers
Bham Sky Blue 15% #dbf5fc
7.63:1 Blazers Blazers
Bham Sky Blue 10% #edf9fd
8.08:1 Blazers Blazers
White #ffffff
8.67:1 Blazers Blazers
Black #000000
2.42:1 Blazers Blazers

Back to Top