#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.29
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
正在加载顶部导航...
10_ui_accessibility_contrast_pairs_UI可访问性对比库
当前 4,260 条 · 4 / 89 页
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.09
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.11
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.58
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 16.31
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 15.6
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 14.82
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.15
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.38
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.97
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.86
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#251F18
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.12
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.3
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.1
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.1
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.57
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 16.15
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 15.45
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 14.67
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.12
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.34
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.94
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.83
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#291F14
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.07
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.32
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.11
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.08
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.54
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 15.92
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 15.23
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 14.47
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.08
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.3
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.9
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.79
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#2E1F0F
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 5.0
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #000000
- Contrast_Ratio
- 1.34
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #111827
- Contrast_Ratio
- 1.13
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #1F2937
- Contrast_Ratio
- 1.07
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #374151
- Contrast_Ratio
- 1.52
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #FFFFFF
- Contrast_Ratio
- 15.71
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F9FAFB
- Contrast_Ratio
- 15.04
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #F3F4F6
- Contrast_Ratio
- 14.28
- WCAG_Normal_Text
- AAA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #2563EB
- Contrast_Ratio
- 3.04
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #DC2626
- Contrast_Ratio
- 3.25
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- AA-large
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #047857
- Contrast_Ratio
- 2.87
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #7C3AED
- Contrast_Ratio
- 2.76
- WCAG_Normal_Text
- Fail
- WCAG_Large_Text
- Fail
- 背景色相
- 橙
- 背景明暗
- 深
#321F0B
Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。
- Foreground_HEX
- #D97706
- Contrast_Ratio
- 4.93
- WCAG_Normal_Text
- AA
- WCAG_Large_Text
- AAA-large
- 背景色相
- 橙
- 背景明暗
- 深