#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.4
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
正在加载顶部导航...
10_ui_accessibility_contrast_pairs_UI可访问性对比库
当前 4,260 条 · 6 / 89 页
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.18
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.02
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.45
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 15.0
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 14.35
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 13.63
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.9
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.11
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.73
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.63
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#2E260F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.71
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.46
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.23
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.02
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.4
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 14.41
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 13.79
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 13.09
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.79
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.98
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.63
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.53
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#32290B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.52
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.51
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.28
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.06
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.35
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 13.9
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 13.3
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 12.63
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.69
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.88
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.53
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.44
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#372B06
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.36
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.57
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.32
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.1
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.3
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 13.39
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 12.81
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 12.17
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.59
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.77
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.44
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.35
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 琥珀
- 背景明暗
- 深
#3C2D02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.2
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 琥珀
- 背景明暗
- 深