#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.48
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
正在加载顶部导航...
10_ui_accessibility_contrast_pairs_UI可访问性对比库
当前 4,260 条 · 9 / 89 页
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.25
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.03
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.38
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 14.19
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 13.58
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 12.89
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.75
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.94
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.59
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.49
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#262E0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.45
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.56
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.31
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.09
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.31
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 13.5
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 12.92
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 12.27
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.61
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.8
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.46
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.37
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#29320B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.24
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.65
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.4
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.15
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.23
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 12.71
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 12.17
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 11.55
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.46
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.63
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.32
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.23
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2B3706
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 3.99
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.76
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.49
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.23
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.16
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 11.94
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 11.43
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 10.85
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 2.31
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 2.47
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.18
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.1
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 黄绿
- 背景明暗
- 深
#2D3C02
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 3.75
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 黄绿
- 背景明暗
- 深