Color Grid

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	#D7D7D7	#D8D8E5	#5D5D5D	#313131	#262626	#000000	#394B8C	#C05400	#26345E
Base – White #FFFFFF		Text DNP 1.4	Text DNP 1.4	Text AA 6.5	Text AAA 13	Text AAA 15.1	Text AAA 21	Text AAA 8.2	Text AA 4.6	Text AAA 12.1
Base – Light Background #D7D7D7	Text DNP 1.4		Text DNP 1	Text AA 4.5	Text AAA 9	Text AAA 10	Text AAA 14.5	Text AA 5.7	Text AA18 3.2	Text AAA 8.4
Base – Subtle Background #D8D8E5	Text DNP 1.4	Text DNP 1		Text AA 4.6	Text AAA 9.2	Text AAA 10	Text AAA 14.8	Text AA 5.8	Text AA18 3.3	Text AAA 8.5
Contrast – Subtle Text #5D5D5D	Text AA 6.5	Text AA 4.5	Text AA 4.6		Text DNP 1.9	Text DNP 2.3	Text AA18 3.1	Text DNP 1.2	Text DNP 1.4	Text DNP 1.8
Contrast – Medium Text #313131	Text AAA 13	Text AAA 9	Text AAA 9.2	Text DNP 1.9		Text DNP 1.1	Text DNP 1.6	Text DNP 1.5	Text DNP 2.7	Text DNP 1
Contrast – Strong Text #262626	Text AAA 15.1	Text AAA 10	Text AAA 10	Text DNP 2.3	Text DNP 1.1		Text DNP 1.3	Text DNP 1.8	Text AA18 3.2	Text DNP 1.2
Contrast – Strongest Text #000000	Text AAA 21	Text AAA 14.5	Text AAA 14.8	Text AA18 3.1	Text DNP 1.6	Text DNP 1.3		Text DNP 2.5	Text AA 4.5	Text DNP 1.7
Accent Complement #394B8C	Text AAA 8.2	Text AA 5.7	Text AA 5.8	Text DNP 1.2	Text DNP 1.5	Text DNP 1.8	Text DNP 2.5		Text DNP 1.7	Text DNP 1.4
Accent – Orange #C05400	Text AA 4.6	Text AA18 3.2	Text AA18 3.3	Text DNP 1.4	Text DNP 2.7	Text AA18 3.2	Text AA 4.5	Text DNP 1.7		Text DNP 2.6
Accent – Brand Navy #26345E	Text AAA 12.1	Text AAA 8.4	Text AAA 8.5	Text DNP 1.8	Text DNP 1	Text DNP 1.2	Text DNP 1.7	Text DNP 1.4	Text DNP 2.6
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass About WCAG 2.0 contrast

Cultivation HR uses Accessibility Checker to monitor our website's accessibility. Read our Accessibility Policy.