Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleImportant information about contrast
Include Page
Color Contrast
Color Contrast

AAA

Hex Triplet

Name

Contrast Ratio

#ffffff

white

14.4

#f6f7f8

gray-tint-1

13.5

#f1f3f5

gray-tint-2

13.0

#edeff1

gray-base

12.5

#e5e8ec

gray-tint-3

11.7

#d9eaf5

blue-tint-2

11.7

#b0e3e4

teal-tint-2

10.3

#9fd64d

green

8.4

AA

Hex Triplet

Name

Contrast Ratio

#83c32e

green-secondary

6.7

#ef9070

orange-tint-2

6.1

#e98698

pink-tint-1

5.7

#059bd6

blue-tint-1

4.6

AALG

Hex Triplet

Name

Contrast Ratio

#ff5200

orange-tint-1

4.4

#0099a9

teal-tint-1

4.2

#ff0000

red

3.6

#44873c

green-shade-1

3.3

#037fb0

blue-shade-3

3.2

#00818f

teal

3.1

#d14200

orange

3.1

...