Implement AI Color - A Starter Site

Color Contrast Accessibility

Go directly to Contrast Grid to edit the color grid using the colors from the Kadence color palette.

Background Text	#FFFFFF	#F9F8F7	#EEF1F5	#A0A8B3	#6B7684	#2E3D4D	#D45D3D	#0C6D37
White (Clean Base) #FFFFFF		Text DNP 1	Text DNP 1.1	Text DNP 2.4	Text AA 4.6	Text AAA 11.1	Text AA18 3.8	Text AA 6.4
Light Orange (Lighter Background) #F9F8F7	Text DNP 1		Text DNP 1	Text DNP 2.2	Text AA18 4.3	Text AAA 10	Text AA18 3.6	Text AA 6
Light Gray Blue (Subtle Background) #EEF1F5	Text DNP 1.1	Text DNP 1		Text DNP 2.1	Text AA18 4	Text AAA 9.8	Text AA18 3.4	Text AA 5.6
Cool Gray (Subtle Text) #A0A8B3	Text DNP 2.4	Text DNP 2.2	Text DNP 2.1		Text DNP 1.9	Text AA 4.6	Text DNP 1.6	Text DNP 2.6
Slate Gray (Medium Text) #6B7684	Text AA 4.6	Text AA18 4.3	Text AA18 4	Text DNP 1.9		Text DNP 2.4	Text DNP 1.1	Text DNP 1.4
Charcoal Gray (Strong Text) #2E3D4D	Text AAA 11.1	Text AAA 10	Text AAA 9.8	Text AA 4.6	Text DNP 2.4		Text DNP 2.8	Text DNP 1.7
Burnt Sienna (Alternative Accent) #D45D3D	Text AA18 3.8	Text AA18 3.6	Text AA18 3.4	Text DNP 1.6	Text DNP 1.1	Text DNP 2.8		Text DNP 1.6
Primary Brand Color #0C6D37	Text AA 6.4	Text AA 6	Text AA 5.6	Text DNP 2.6	Text DNP 1.4	Text DNP 1.7	Text DNP 1.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