Colour accessibility grid

Open nav

What are you looking for?

Colour accessibility grid

Background Text	Nottingham blue#10263B	White#FFFFFF
Nottingham blue#10263B		Text AAA 15.4
80% Nottingham blue#405162	Text DNP 1.8	Text AAA 8.1
60% Nottingham blue#707D89	Text AA18 3.6	Text AA18 4.2
60% Nottingham blue#9FA8B1	Text AA 6.3	Text DNP 2.4
20% Nottingham blue#CFD4D8	Text AAA 10	Text DNP 1.4
5% Nottingham blue#F3F4F5	Text AAA 14	Text DNP 1.1
Portland stone#FAF6EF	Text AAA 14.3	Text DNP 1
40% Portland stone#FDFBF9	Text AAA 14.9	Text DNP 1
Jubilee red#B91C2E	Text DNP 2.4	Text AA 6.4
80% Jubilee red#C74958	Text AA18 3.3	Text AA 4.6
60% Jubilee red#D57782	Text AA 4.9	Text AA18 3
40% Jubilee red#E3A4AB	Text AAA 7.4	Text DNP 2
20% Jubilee red#F1D2D5	Text AAA 10	Text DNP 1.4
5% Jubilee red#FCF4F5	Text AAA 14.2	Text DNP 1
Mandarin orange#F98109	Text AA 6	Text DNP 2.5
80% Mandarin orange#FA9A3A	Text AAA 7.1	Text DNP 2.1
60% Mandarin orange#FBB36B	Text AAA 8.6	Text DNP 1.7
40% Mandarin orange#FDCD9D	Text AAA 10	Text DNP 1.4
20% Mandarin orange#FEE6CE	Text AAA 12.7	Text DNP 1.2
5% Mandarin orange#FFF9F3	Text AAA 14.7	Text DNP 1
Rebel’s gold#DEB406	Text AAA 7.8	Text DNP 1.9
80% Rebel’s gold#E5C338	Text AAA 8.9	Text DNP 1.7
60% Rebel’s gold#EBD26A	Text AAA 10	Text DNP 1.5
40% Rebel’s gold#F2E19B	Text AAA 11.7	Text DNP 1.3
20% Rebel’s gold#F8F0CD	Text AAA 13.4	Text DNP 1.1
5% Rebel’s gold#FDFBF3	Text AAA 14.8	Text DNP 1
Pioneering pink#D7336C	Text AA18 3.3	Text AA 4.5
80% Pioneering pink#DF5C89	Text AA18 4.4	Text AA18 3.4
60% Pioneering pink#E785A7	Text AA 6.1	Text DNP 2.5
40% Pioneering pink#EFADC4	Text AAA 8.4	Text DNP 1.8
20% Pioneering pink#F7D6E2	Text AAA 11.5	Text DNP 1.3
5% Pioneering pink#FDF5F8	Text AAA 14.3	Text DNP 1
Civic purple#792D85	Text DNP 1.8	Text AAA 8.3
80% Civic purple#94579D	Text AA18 3	Text AA 5.1
60% Civic purple#AF81B6	Text AA 4.8	Text AA18 3.1
40% Civic purple#C9ABCE	Text AAA 7.4	Text DNP 2
20% Civic purple#E4D5E7	Text AAA 10	Text DNP 1.4
5% Civic purple#F8F5F9	Text AAA 14.2	Text DNP 1
Forest green#005F36	Text DNP 1.9	Text AAA 7.8
80% Forest green#337F5E	Text AA18 3.1	Text AA 4.8
60% Forest green#669F86	Text AA 5	Text AA18 3
20% Forest green#CCDFD7	Text AAA 11	Text DNP 1.3
5% Forest green#F2F7F5	Text AAA 14.2	Text DNP 1
Bramley apple#93D500	Text AAA 8.6	Text DNP 1.7
80% Bramley apple#A9DD33	Text AAA 9.6	Text DNP 1.6
60% Bramley apple#BEE666	Text AAA 10	Text DNP 1.4
40% Bramley apple#D4EE99	Text AAA 12.1	Text DNP 1.2
20% Bramley apple#E9F7CC	Text AAA 13.6	Text DNP 1.1
5% Bramley apple#FAFDF2	Text AAA 14.9	Text DNP 1
Trent turquoise#37B4B0	Text AA 6.1	Text DNP 2.5
80% Trent turquoise#5FC3C0	Text AAA 7.3	Text DNP 2
60% Trent turquoise#87D2D0	Text AAA 8.9	Text DNP 1.7
40% Trent turquoise#AFE1DF	Text AAA 10	Text DNP 1.4
20% Trent turquoise#D7F0EF	Text AAA 12.9	Text DNP 1.1
5% Trent turquoise#F5FBFB	Text AAA 14.7	Text DNP 1
Malaysia sky blue#009BC1	Text AA 4.7	Text AA18 3.2
80% Malaysia sky blue#33AFCD	Text AA 5.9	Text DNP 2.5
60% Malaysia sky blue#66C3DA	Text AAA 7.6	Text DNP 2
40% Malaysia sky blue#99D7E6	Text AAA 9.7	Text DNP 1.5
20% Malaysia sky blue#CCEBF3	Text AAA 12.2	Text DNP 1.2
5% Malaysia sky blue#F2FAFC	Text AAA 14.5	Text DNP 1
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass

糖心原创

Philosophy

Visual identity

Voice and tone

Style guide

Staff resources

Contact

Colour accessibility grid