An important aspect of color selections within our digital assets is strong color foreground and background contrast, vital to accessibility. Users, including users with visual disabilities, must be able to perceive content on the page. The grids on this page demonstrate which foreground/background combinations pass the WCAG 2.1 AA contrast specifications and at what level (see key at bottom of the page).

The first three grids below use our approved color palette to easily show what combinations pass which contrast thresholds and with what ratios; The fourth grid is all of our colors mapped to each other and shows which pass and which fail with each respective ratio.

Background Text
Digital Blue
#0170BC
Digital Blue Dark
#004986
Digital Purple
#800080
Gray 15
#D9D9D9
Text
AA18 3.6
Text
AA 6.4
Text
AA 6.6
Gray 05
#E4E4E4
Text
AA18 4
Text
AAA 7.1
Text
AAA 7.4
Gray 01
#F8F8F8
Text
AA 4.8
Text
AAA 8.6
Text
AAA 8.8
White
#FFFFFF
Text
AA 5.1
Text
AAA 9.1
Text
AAA 9.4
Digital Blue 10
#E6F1F8
Text
AA 4.5
Text
AAA 7.9
Text
AAA 8.2
Digital Green 10
#E7F2E5
Text
AA 4.5
Text
AAA 7.9
Text
AAA 8.1
Digital Orange Light
#FCF0D6
Text
AA 4.5
Text
AAA 8
Text
AAA 8.3
Digital Red 10
#FFE3E2
Text
AA18 4.2
Text
AAA 7.5
Text
AAA 7.7
Background Text
White
#FFFFFF
Digital Black
#333333
Text
AAA 12.6
Gray 60
#505050
Text
AAA 8
Gray 40
#939496
Text
AA18 3
Digital Blue Dark
#004986
Text
AAA 9.1
Digital Blue
#0170BC
Text
AA 5.1
Digital Green
#118503
Text
AA 4.7
Digital Orange Dark
#E35205
Text
AA18 3.8
DIgital Red
#CC0000
Text
AA 5.8
Background Text
Digital Black
#333333
Gray 60
#505050
Gray 15
#D9D9D9
Text
AAA 8.9
Text
AA 5.7
Gray 05
#E4E4E4
Text
AAA 9.9
Text
AA 6.3
Gray 01
#F8F8F8
Text
AAA 11.9
Text
AAA 7.5
White
#FFFFFF
Text
AAA 12.6
Text
AAA 8
Digital Blue 10
#E6F1F8
Text
AAA 11
Text
AAA 7
Digital Green 10
#E7F2E5
Text
AAA 10
Text
AAA 7
Digital Orange Light
#FCF0D6
Text
AAA 11.1
Text
AAA 7.1
Digital Red 10
#FFE3E2
Text
AAA 10
Text
AA 6.6
Background Text
Digital Black
#333333
Gray 60
#505050
Gray 40
#939496
Gray 15
#D9D9D9
Gray 05
#E4E4E4
Gray 01
#F8F8F8
White
#FFFFFF
Digital Blue Dark
#004986
Digital Blue
#0170BC
Digital Blue Light
#00A9E0
Digital Green
#118503
Digital Orange Dark
#E35205
Digital Orange Logo
#F68621
DIgital Red
#CC0000
Digital Purple
#800080
Digital Black
#333333
Text
DNP 1.5
Text
AA18 4.1
Text
AAA 8.9
Text
AAA 9.9
Text
AAA 11.9
Text
AAA 12.6
Text
DNP 1.3
Text
DNP 2.4
Text
AA 4.6
Text
DNP 2.6
Text
AA18 3.2
Text
AA 5
Text
DNP 2.1
Text
DNP 1.3
Gray 60
#505050
Text
DNP 1.5
Text
DNP 2.6
Text
AA 5.7
Text
AA 6.3
Text
AAA 7.5
Text
AAA 8
Text
DNP 1.1
Text
DNP 1.5
Text
DNP 2.9
Text
DNP 1.6
Text
DNP 2.1
Text
AA18 3.2
Text
DNP 1.3
Text
DNP 1.1
Gray 40
#939496
Text
AA18 4.1
Text
DNP 2.6
Text
DNP 2.1
Text
DNP 2.3
Text
DNP 2.8
Text
AA18 3
Text
AA18 3
Text
DNP 1.7
Text
DNP 1.1
Text
DNP 1.5
Text
DNP 1.2
Text
DNP 1.2
Text
DNP 1.9
Text
AA18 3.1
Gray 15
#D9D9D9
Text
AAA 8.9
Text
AA 5.7
Text
DNP 2.1
Text
DNP 1.1
Text
DNP 1.3
Text
DNP 1.4
Text
AA 6.4
Text
AA18 3.6
Text
DNP 1.9
Text
AA18 3.4
Text
DNP 2.7
Text
DNP 1.7
Text
AA18 4.1
Text
AA 6.6
Gray 05
#E4E4E4
Text
AAA 9.9
Text
AA 6.3
Text
DNP 2.3
Text
DNP 1.1
Text
DNP 1.2
Text
DNP 1.2
Text
AAA 7.1
Text
AA18 4
Text
DNP 2.1
Text
AA18 3.7
Text
AA18 3
Text
DNP 1.9
Text
AA 4.6
Text
AAA 7.4
Gray 01
#F8F8F8
Text
AAA 11.9
Text
AAA 7.5
Text
DNP 2.8
Text
DNP 1.3
Text
DNP 1.2
Text
DNP 1
Text
AAA 8.6
Text
AA 4.8
Text
DNP 2.5
Text
AA 4.5
Text
AA18 3.6
Text
DNP 2.3
Text
AA 5.5
Text
AAA 8.8
White
#FFFFFF
Text
AAA 12.6
Text
AAA 8
Text
AA18 3
Text
DNP 1.4
Text
DNP 1.2
Text
DNP 1
Text
AAA 9.1
Text
AA 5.1
Text
DNP 2.7
Text
AA 4.7
Text
AA18 3.8
Text
DNP 2.5
Text
AA 5.8
Text
AAA 9.4
Digital Blue Dark
#004986
Text
DNP 1.3
Text
DNP 1.1
Text
AA18 3
Text
AA 6.4
Text
AAA 7.1
Text
AAA 8.6
Text
AAA 9.1
Text
DNP 1.7
Text
AA18 3.3
Text
DNP 1.9
Text
DNP 2.3
Text
AA18 3.6
Text
DNP 1.5
Text
DNP 1
Digital Blue
#0170BC
Text
DNP 2.4
Text
DNP 1.5
Text
DNP 1.7
Text
AA18 3.6
Text
AA18 4
Text
AA 4.8
Text
AA 5.1
Text
DNP 1.7
Text
DNP 1.9
Text
DNP 1
Text
DNP 1.3
Text
DNP 2
Text
DNP 1.1
Text
DNP 1.8
Digital Blue Light
#00A9E0
Text
AA 4.6
Text
DNP 2.9
Text
DNP 1.1
Text
DNP 1.9
Text
DNP 2.1
Text
DNP 2.5
Text
DNP 2.7
Text
AA18 3.3
Text
DNP 1.9
Text
DNP 1.7
Text
DNP 1.4
Text
DNP 1
Text
DNP 2.1
Text
AA18 3.4
Digital Blue 10
#E6F1F8
Text
AAA 11
Text
AAA 7
Text
DNP 2.6
Text
DNP 1.2
Text
DNP 1.1
Text
DNP 1
Text
DNP 1.1
Text
AAA 7.9
Text
AA 4.5
Text
DNP 2.3
Text
AA18 4.1
Text
AA18 3.3
Text
DNP 2.1
Text
AA 5.1
Text
AAA 8.2
Digital Green
#118503
Text
DNP 2.6
Text
DNP 1.6
Text
DNP 1.5
Text
AA18 3.4
Text
AA18 3.7
Text
AA 4.5
Text
AA 4.7
Text
DNP 1.9
Text
DNP 1
Text
DNP 1.7
Text
DNP 1.2
Text
DNP 1.9
Text
DNP 1.2
Text
DNP 1.9
Digital Green 10
#E7F2E5
Text
AAA 10
Text
AAA 7
Text
DNP 2.6
Text
DNP 1.2
Text
DNP 1.1
Text
DNP 1
Text
DNP 1.1
Text
AAA 7.9
Text
AA 4.5
Text
DNP 2.3
Text
AA18 4.1
Text
AA18 3.3
Text
DNP 2.1
Text
AA 5.1
Text
AAA 8.1
Digital Orange Dark
#E35205
Text
AA18 3.2
Text
DNP 2.1
Text
DNP 1.2
Text
DNP 2.7
Text
AA18 3
Text
AA18 3.6
Text
AA18 3.8
Text
DNP 2.3
Text
DNP 1.3
Text
DNP 1.4
Text
DNP 1.2
Text
DNP 1.5
Text
DNP 1.5
Text
DNP 2.4
Digital Orange Logo
#F68621
Text
AA 5
Text
AA18 3.2
Text
DNP 1.2
Text
DNP 1.7
Text
DNP 1.9
Text
DNP 2.3
Text
DNP 2.5
Text
AA18 3.6
Text
DNP 2
Text
DNP 1
Text
DNP 1.9
Text
DNP 1.5
Text
DNP 2.3
Text
AA18 3.7
Digital Orange Light
#FCF0D6
Text
AAA 11.1
Text
AAA 7.1
Text
DNP 2.6
Text
DNP 1.2
Text
DNP 1.1
Text
DNP 1
Text
DNP 1.1
Text
AAA 8
Text
AA 4.5
Text
DNP 2.4
Text
AA18 4.2
Text
AA18 3.3
Text
DNP 2.2
Text
AA 5.2
Text
AAA 8.3
DIgital Red
#CC0000
Text
DNP 2.1
Text
DNP 1.3
Text
DNP 1.9
Text
AA18 4.1
Text
AA 4.6
Text
AA 5.5
Text
AA 5.8
Text
DNP 1.5
Text
DNP 1.1
Text
DNP 2.1
Text
DNP 1.2
Text
DNP 1.5
Text
DNP 2.3
Text
DNP 1.6
Digital Red 10
#FFE3E2
Text
AAA 10
Text
AA 6.6
Text
DNP 2.5
Text
DNP 1.1
Text
DNP 1
Text
DNP 1.1
Text
DNP 1.2
Text
AAA 7.5
Text
AA18 4.2
Text
DNP 2.2
Text
AA18 3.9
Text
AA18 3.1
Text
DNP 2
Text
AA 4.8
Text
AAA 7.7
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass

More Resources