Color Grid 1- Original Bright Blue

Color Contrast Accessibility

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

Background Text	#FFFFFF	#F1F2FF	#DADFE9	#4F5C72	#324C67	#363F4E	#112A46	#1C731D	#E6A227
White #FFFFFF		Text DNP 1.1	Text DNP 1.3	Text AA 6.7	Text AAA 8.8	Text AAA 10	Text AAA 14.5	Text AA 5.9	Text DNP 2.2
LIghter Background #F1F2FF	Text DNP 1.1		Text DNP 1.2	Text AA 6	Text AAA 7.9	Text AAA 9.5	Text AAA 13	Text AA 5.3	Text DNP 1.9
Subtle Background #DADFE9	Text DNP 1.3	Text DNP 1.2		Text AA 5	Text AA 6.6	Text AAA 7.9	Text AAA 10	Text AA18 4.4	Text DNP 1.6
Subtle Text #4F5C72	Text AA 6.7	Text AA 6	Text AA 5		Text DNP 1.3	Text DNP 1.5	Text DNP 2.1	Text DNP 1.1	Text AA18 3
Medium Text #324C67	Text AAA 8.8	Text AAA 7.9	Text AA 6.6	Text DNP 1.3		Text DNP 1.2	Text DNP 1.6	Text DNP 1.4	Text AA18 4
Strong Text #363F4E	Text AAA 10	Text AAA 9.5	Text AAA 7.9	Text DNP 1.5	Text DNP 1.2		Text DNP 1.3	Text DNP 1.7	Text AA 4.8
Strongest Text #112A46	Text AAA 14.5	Text AAA 13	Text AAA 10	Text DNP 2.1	Text DNP 1.6	Text DNP 1.3		Text DNP 2.4	Text AA 6.6
accent #1C731D	Text AA 5.9	Text AA 5.3	Text AA18 4.4	Text DNP 1.1	Text DNP 1.4	Text DNP 1.7	Text DNP 2.4		Text DNP 2.7
Accent alt #E6A227	Text DNP 2.2	Text DNP 1.9	Text DNP 1.6	Text AA18 3	Text AA18 4	Text AA 4.8	Text AA 6.6	Text DNP 2.7
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass About WCAG 2.0 contrast