Colors Contrast Matrix
Format:
[COLOR NAME]: [#HEX]
Fonts
Backgrounds
Rerender matrix
Fonts →
↓ Backgrounds
gray900
#1F2534
gray800
#434A5A
gray700
#6F7285
gray600
#868C9E
gray500
#A7ACBD
gray400
#BDC1CD
gray300
#CDD0DA
gray200
#E6E8EE
gray100
#EFF0F3
gray50
#F6F6F8
gray900
#1F2534
1.00
F gray900 / BG gray900 / C 1.00 /
S Fail
1.72
F gray800 / BG gray900 / C 1.72 /
S Fail
3.22
F gray700 / BG gray900 / C 3.22 /
S AA Large
4.56
F gray600 / BG gray900 / C 4.56 /
S AA
6.76
F gray500 / BG gray900 / C 6.76 /
S AA
8.51
F gray400 / BG gray900 / C 8.51 /
S AAA
9.93
F gray300 / BG gray900 / C 9.93 /
S AAA
12.49
F gray200 / BG gray900 / C 12.49 /
S AAA
13.43
F gray100 / BG gray900 / C 13.43 /
S AAA
14.18
F gray50 / BG gray900 / C 14.18 /
S AAA
gray800
#434A5A
1.72
F gray900 / BG gray800 / C 1.72 /
S Fail
1.00
F gray800 / BG gray800 / C 1.00 /
S Fail
1.87
F gray700 / BG gray800 / C 1.87 /
S Fail
2.65
F gray600 / BG gray800 / C 2.65 /
S Fail
3.92
F gray500 / BG gray800 / C 3.92 /
S AA Large
4.93
F gray400 / BG gray800 / C 4.93 /
S AA
5.76
F gray300 / BG gray800 / C 5.76 /
S AA
7.25
F gray200 / BG gray800 / C 7.25 /
S AAA
7.79
F gray100 / BG gray800 / C 7.79 /
S AAA
8.22
F gray50 / BG gray800 / C 8.22 /
S AAA
gray700
#6F7285
3.22
F gray900 / BG gray700 / C 3.22 /
S AA Large
1.87
F gray800 / BG gray700 / C 1.87 /
S Fail
1.00
F gray700 / BG gray700 / C 1.00 /
S Fail
1.42
F gray600 / BG gray700 / C 1.42 /
S Fail
2.10
F gray500 / BG gray700 / C 2.10 /
S Fail
2.64
F gray400 / BG gray700 / C 2.64 /
S Fail
3.08
F gray300 / BG gray700 / C 3.08 /
S AA Large
3.88
F gray200 / BG gray700 / C 3.88 /
S AA Large
4.17
F gray100 / BG gray700 / C 4.17 /
S AA Large
4.40
F gray50 / BG gray700 / C 4.40 /
S AA Large
gray600
#868C9E
4.56
F gray900 / BG gray600 / C 4.56 /
S AA
2.65
F gray800 / BG gray600 / C 2.65 /
S Fail
1.42
F gray700 / BG gray600 / C 1.42 /
S Fail
1.00
F gray600 / BG gray600 / C 1.00 /
S Fail
1.48
F gray500 / BG gray600 / C 1.48 /
S Fail
1.87
F gray400 / BG gray600 / C 1.87 /
S Fail
2.18
F gray300 / BG gray600 / C 2.18 /
S Fail
2.74
F gray200 / BG gray600 / C 2.74 /
S Fail
2.94
F gray100 / BG gray600 / C 2.94 /
S Fail
3.11
F gray50 / BG gray600 / C 3.11 /
S AA Large
gray500
#A7ACBD
6.76
F gray900 / BG gray500 / C 6.76 /
S AA
3.92
F gray800 / BG gray500 / C 3.92 /
S AA Large
2.10
F gray700 / BG gray500 / C 2.10 /
S Fail
1.48
F gray600 / BG gray500 / C 1.48 /
S Fail
1.00
F gray500 / BG gray500 / C 1.00 /
S Fail
1.26
F gray400 / BG gray500 / C 1.26 /
S Fail
1.47
F gray300 / BG gray500 / C 1.47 /
S Fail
1.85
F gray200 / BG gray500 / C 1.85 /
S Fail
1.99
F gray100 / BG gray500 / C 1.99 /
S Fail
2.10
F gray50 / BG gray500 / C 2.10 /
S Fail
gray400
#BDC1CD
8.51
F gray900 / BG gray400 / C 8.51 /
S AAA
4.93
F gray800 / BG gray400 / C 4.93 /
S AA
2.64
F gray700 / BG gray400 / C 2.64 /
S Fail
1.87
F gray600 / BG gray400 / C 1.87 /
S Fail
1.26
F gray500 / BG gray400 / C 1.26 /
S Fail
1.00
F gray400 / BG gray400 / C 1.00 /
S Fail
1.17
F gray300 / BG gray400 / C 1.17 /
S Fail
1.47
F gray200 / BG gray400 / C 1.47 /
S Fail
1.58
F gray100 / BG gray400 / C 1.58 /
S Fail
1.67
F gray50 / BG gray400 / C 1.67 /
S Fail
gray300
#CDD0DA
9.93
F gray900 / BG gray300 / C 9.93 /
S AAA
5.76
F gray800 / BG gray300 / C 5.76 /
S AA
3.08
F gray700 / BG gray300 / C 3.08 /
S AA Large
2.18
F gray600 / BG gray300 / C 2.18 /
S Fail
1.47
F gray500 / BG gray300 / C 1.47 /
S Fail
1.17
F gray400 / BG gray300 / C 1.17 /
S Fail
1.00
F gray300 / BG gray300 / C 1.00 /
S Fail
1.26
F gray200 / BG gray300 / C 1.26 /
S Fail
1.35
F gray100 / BG gray300 / C 1.35 /
S Fail
1.43
F gray50 / BG gray300 / C 1.43 /
S Fail
gray200
#E6E8EE
12.49
F gray900 / BG gray200 / C 12.49 /
S AAA
7.25
F gray800 / BG gray200 / C 7.25 /
S AAA
3.88
F gray700 / BG gray200 / C 3.88 /
S AA Large
2.74
F gray600 / BG gray200 / C 2.74 /
S Fail
1.85
F gray500 / BG gray200 / C 1.85 /
S Fail
1.47
F gray400 / BG gray200 / C 1.47 /
S Fail
1.26
F gray300 / BG gray200 / C 1.26 /
S Fail
1.00
F gray200 / BG gray200 / C 1.00 /
S Fail
1.08
F gray100 / BG gray200 / C 1.08 /
S Fail
1.14
F gray50 / BG gray200 / C 1.14 /
S Fail
gray100
#EFF0F3
13.43
F gray900 / BG gray100 / C 13.43 /
S AAA
7.79
F gray800 / BG gray100 / C 7.79 /
S AAA
4.17
F gray700 / BG gray100 / C 4.17 /
S AA Large
2.94
F gray600 / BG gray100 / C 2.94 /
S Fail
1.99
F gray500 / BG gray100 / C 1.99 /
S Fail
1.58
F gray400 / BG gray100 / C 1.58 /
S Fail
1.35
F gray300 / BG gray100 / C 1.35 /
S Fail
1.08
F gray200 / BG gray100 / C 1.08 /
S Fail
1.00
F gray100 / BG gray100 / C 1.00 /
S Fail
1.06
F gray50 / BG gray100 / C 1.06 /
S Fail
gray50
#F6F6F8
14.18
F gray900 / BG gray50 / C 14.18 /
S AAA
8.22
F gray800 / BG gray50 / C 8.22 /
S AAA
4.40
F gray700 / BG gray50 / C 4.40 /
S AA Large
3.11
F gray600 / BG gray50 / C 3.11 /
S AA Large
2.10
F gray500 / BG gray50 / C 2.10 /
S Fail
1.67
F gray400 / BG gray50 / C 1.67 /
S Fail
1.43
F gray300 / BG gray50 / C 1.43 /
S Fail
1.14
F gray200 / BG gray50 / C 1.14 /
S Fail
1.06
F gray100 / BG gray50 / C 1.06 /
S Fail
1.00
F gray50 / BG gray50 / C 1.00 /
S Fail