Color Contrast Accessibility
Go directly to Contrast Grid to edit the color grid using the colors from the Kadence color palette.
Color Tools:
- Contrast Grid
- Web Aim Contrast Checker (creates accessible options)
- Accessible Color Palette Generator
- Accessible Color Palette Builder
- A11y Rocks
|
Background
Text
|
#FFFFFF
|
#F9F8F7
|
#EEF1F5
|
#A0A8B3
|
#6B7684
|
#2E3D4D
|
#D45D3D
|
#0C6D37
|
|---|---|---|---|---|---|---|---|---|
|
White (Clean Base)
#FFFFFF
|
Text
AA
4.6
|
Text
AAA
11.1
|
Text
AA18
3.8
|
Text
AA
6.4
|
||||
|
Light Orange (Lighter Background)
#F9F8F7
|
Text
AA18
4.3
|
Text
AAA
10
|
Text
AA18
3.6
|
Text
AA
6
|
||||
|
Light Gray Blue (Subtle Background)
#EEF1F5
|
Text
AA18
4
|
Text
AAA
9.8
|
Text
AA18
3.4
|
Text
AA
5.6
|
||||
|
Cool Gray (Subtle Text)
#A0A8B3
|
Text
AA
4.6
|
|||||||
|
Slate Gray (Medium Text)
#6B7684
|
Text
AA
4.6
|
Text
AA18
4.3
|
Text
AA18
4
|
|||||
|
Charcoal Gray (Strong Text)
#2E3D4D
|
Text
AAA
11.1
|
Text
AAA
10
|
Text
AAA
9.8
|
Text
AA
4.6
|
||||
|
Burnt Sienna (Alternative Accent)
#D45D3D
|
Text
AA18
3.8
|
Text
AA18
3.6
|
Text
AA18
3.4
|
|||||
|
Primary Brand Color
#0C6D37
|
Text
AA
6.4
|
Text
AA
6
|
Text
AA
5.6
|
|||||
|
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
|
||||||||
