#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.25
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
正在加载顶部导航...
10_ui_accessibility_contrast_pairs_UI可访问性对比库
当前 4,260 条 · 3 / 89 页
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.05
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.15
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.64
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 16.86
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 16.13
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 15.32
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.26
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.49
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 3.07
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.96
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#2E170F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.29
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.25
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.05
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.15
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.63
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 16.83
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 16.11
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 15.29
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.26
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.49
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 3.07
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.95
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#32150B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.28
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
1.25
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Foreground_HEX
- #000000
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
1.06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Foreground_HEX
- #111827
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#1F2937
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 1.14
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
1.63
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Foreground_HEX
- #374151
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#FFFFFF
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 16.78
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#F9FAFB
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 16.06
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#F3F4F6
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 15.25
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#2563EB
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 3.25
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#DC2626
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 3.47
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
3.06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Foreground_HEX
- #047857
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#7C3AED
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 2.94
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#D97706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Background_HEX
- #371206
- Contrast_Ratio
- 5.27
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.27
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.07
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.13
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.61
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 16.57
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 15.86
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 15.06
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.21
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.43
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 3.02
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.91
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 朱红
- 背景明暗
- 深
#3C1002
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.2
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 朱红
- 背景明暗
- 深