You are here:

NYPL Design Toolkit

Version: 0.1.36

Color Accessibility Table

This table represents every possible color combination in the toolkit and its accessiblty index when combined w/ every other color in the toolkit. The accessiblilty definitions used, see the legend below. This table was built and the modified from the 8 Shapes tool Follow this link to view the table on their site

Background Text	#111	#FFFFFF	#D0343A	#97272C	#DE7175	#1B7FA7	#135772	#5FA5C1	#73C7E8	#D7D4D0	#76777B	#54514A	#080807	#FEE24A	#FFF1A5	#FFB81D	#D2A74A	#799A05	#497629	#008918	#AFC269	#07818D	#047074	#CAF8FC	#72256D	#52174F	#F2D7F0
$nypl-black #111		Text AAA 18.8	Text AA18 3.8	Text DNP 2.3	Text AA 6	Text AA18 4.1	Text DNP 2.3	Text AA 6.8	Text AAA 9.9	Text AAA 12.7	Text AA18 4.2	Text DNP 2.3	Text DNP 1	Text AAA 14.5	Text AAA 16.5	Text AAA 10.9	Text AAA 8.4	Text AA 5.7	Text AA18 3.5	Text AA18 4.1	Text AAA 9.6	Text AA18 4	Text AA18 3.2	Text AAA 16.4	Text DNP 1.9	Text DNP 1.4	Text AAA 14.1
$nypl-white #FFFFFF	Text AAA 18.8		Text AA 4.9	Text AAA 7.9	Text AA18 3.1	Text AA 4.5	Text AAA 7.9	Text DNP 2.7	Text DNP 1.9	Text DNP 1.4	Text AA18 4.4	Text AAA 7.9	Text AAA 20	Text DNP 1.3	Text DNP 1.1	Text DNP 1.7	Text DNP 2.2	Text AA18 3.2	Text AA 5.3	Text AA 4.5	Text DNP 1.9	Text AA 4.6	Text AA 5.8	Text DNP 1.1	Text AAA 9.5	Text AAA 13.1	Text DNP 1.3
$nypl-red #D0343A	Text AA18 3.8	Text AA 4.9		Text DNP 1.6	Text DNP 1.5	Text DNP 1.1	Text DNP 1.6	Text DNP 1.8	Text DNP 2.6	Text AA18 3.3	Text DNP 1.1	Text DNP 1.6	Text AA18 4	Text AA18 3.8	Text AA18 4.3	Text DNP 2.8	Text DNP 2.2	Text DNP 1.5	Text DNP 1	Text DNP 1	Text DNP 2.5	Text DNP 1	Text DNP 1.1	Text AA18 4.3	Text DNP 1.9	Text DNP 2.6	Text AA18 3.7
$nypl-red-dark #97272C	Text DNP 2.3	Text AAA 7.9	Text DNP 1.6		Text DNP 2.5	Text DNP 1.7	Text DNP 1	Text DNP 2.8	Text AA18 4.1	Text AA 5.3	Text DNP 1.7	Text DNP 1	Text DNP 2.5	Text AA 6.1	Text AA 6.9	Text AA 4.5	Text AA18 3.5	Text DNP 2.4	Text DNP 1.4	Text DNP 1.7	Text AA18 4	Text DNP 1.7	Text DNP 1.3	Text AA 6.9	Text DNP 1.2	Text DNP 1.6	Text AA 5.9
$nypl-red-tint #DE7175	Text AA 6	Text AA18 3.1	Text DNP 1.5	Text DNP 2.5		Text DNP 1.4	Text DNP 2.5	Text DNP 1.1	Text DNP 1.6	Text DNP 2.1	Text DNP 1.4	Text DNP 2.5	Text AA 6.4	Text DNP 2.4	Text DNP 2.7	Text DNP 1.8	Text DNP 1.3	Text DNP 1	Text DNP 1.7	Text DNP 1.4	Text DNP 1.6	Text DNP 1.4	Text DNP 1.8	Text DNP 2.7	Text AA18 3	Text AA18 4.2	Text DNP 2.3
$nypl-blue #1B7FA7	Text AA18 4.1	Text AA 4.5	Text DNP 1.1	Text DNP 1.7	Text DNP 1.4		Text DNP 1.7	Text DNP 1.6	Text DNP 2.3	Text AA18 3	Text DNP 1	Text DNP 1.7	Text AA18 4.4	Text AA18 3.4	Text AA18 3.9	Text DNP 2.6	Text DNP 2	Text DNP 1.3	Text DNP 1.1	Text DNP 1	Text DNP 2.3	Text DNP 1	Text DNP 1.3	Text AA18 3.9	Text DNP 2.1	Text DNP 2.9	Text AA18 3.3
$nypl-blue-dark #135772	Text DNP 2.3	Text AAA 7.9	Text DNP 1.6	Text DNP 1	Text DNP 2.5	Text DNP 1.7		Text DNP 2.9	Text AA18 4.2	Text AA 5.4	Text DNP 1.7	Text DNP 1	Text DNP 2.5	Text AA 6.1	Text AA 6.9	Text AA 4.6	Text AA18 3.5	Text DNP 2.4	Text DNP 1.4	Text DNP 1.7	Text AA18 4	Text DNP 1.7	Text DNP 1.3	Text AA 6.9	Text DNP 1.2	Text DNP 1.6	Text AA 5.9
$nypl-light-blue #5FA5C1	Text AA 6.8	Text DNP 2.7	Text DNP 1.8	Text DNP 2.8	Text DNP 1.1	Text DNP 1.6	Text DNP 2.9		Text DNP 1.4	Text DNP 1.8	Text DNP 1.6	Text DNP 2.8	Text AAA 7.2	Text DNP 2.1	Text DNP 2.4	Text DNP 1.5	Text DNP 1.2	Text DNP 1.1	Text DNP 1.9	Text DNP 1.6	Text DNP 1.4	Text DNP 1.6	Text DNP 2.1	Text DNP 2.4	Text AA18 3.4	Text AA 4.7	Text DNP 2
$nypl-blue-tint #73C7E8	Text AAA 9.9	Text DNP 1.9	Text DNP 2.6	Text AA18 4.1	Text DNP 1.6	Text DNP 2.3	Text AA18 4.2	Text DNP 1.4		Text DNP 1.2	Text DNP 2.3	Text AA18 4.1	Text AAA 10	Text DNP 1.4	Text DNP 1.6	Text DNP 1.1	Text DNP 1.1	Text DNP 1.7	Text DNP 2.8	Text DNP 2.4	Text DNP 1	Text DNP 2.4	Text AA18 3	Text DNP 1.6	Text AA 5	Text AA 6.9	Text DNP 1.4
$nypl-light-gray #D7D4D0	Text AAA 12.7	Text DNP 1.4	Text AA18 3.3	Text AA 5.3	Text DNP 2.1	Text AA18 3	Text AA 5.4	Text DNP 1.8	Text DNP 1.2		Text AA18 3	Text AA 5.3	Text AAA 13.5	Text DNP 1.1	Text DNP 1.2	Text DNP 1.1	Text DNP 1.5	Text DNP 2.2	Text AA18 3.6	Text AA18 3.1	Text DNP 1.3	Text AA18 3.1	Text AA18 3.9	Text DNP 1.2	Text AA 6.4	Text AAA 8.9	Text DNP 1.1
$nypl-gray #76777B	Text AA18 4.2	Text AA18 4.4	Text DNP 1.1	Text DNP 1.7	Text DNP 1.4	Text DNP 1	Text DNP 1.7	Text DNP 1.6	Text DNP 2.3	Text AA18 3		Text DNP 1.7	Text AA18 4.4	Text AA18 3.4	Text AA18 3.9	Text DNP 2.5	Text DNP 2	Text DNP 1.3	Text DNP 1.2	Text DNP 1	Text DNP 2.2	Text DNP 1	Text DNP 1.3	Text AA18 3.9	Text DNP 2.1	Text DNP 2.9	Text AA18 3.3
$nypl-gray-brown #54514A	Text DNP 2.3	Text AAA 7.9	Text DNP 1.6	Text DNP 1	Text DNP 2.5	Text DNP 1.7	Text DNP 1	Text DNP 2.8	Text AA18 4.1	Text AA 5.3	Text DNP 1.7		Text DNP 2.5	Text AA 6.1	Text AA 6.9	Text AA 4.5	Text AA18 3.5	Text DNP 2.4	Text DNP 1.4	Text DNP 1.7	Text AA18 4	Text DNP 1.7	Text DNP 1.3	Text AA 6.9	Text DNP 1.2	Text DNP 1.6	Text AA 5.9
$nypl-dark-gray #080807	Text DNP 1	Text AAA 20	Text AA18 4	Text DNP 2.5	Text AA 6.4	Text AA18 4.4	Text DNP 2.5	Text AAA 7.2	Text AAA 10	Text AAA 13.5	Text AA18 4.4	Text DNP 2.5		Text AAA 15.4	Text AAA 17.5	Text AAA 11.5	Text AAA 8.9	Text AA 6.1	Text AA18 3.7	Text AA18 4.3	Text AAA 10	Text AA18 4.3	Text AA18 3.4	Text AAA 17.5	Text DNP 2.1	Text DNP 1.5	Text AAA 15
$nypl-yellow #FEE24A	Text AAA 14.5	Text DNP 1.3	Text AA18 3.8	Text AA 6.1	Text DNP 2.4	Text AA18 3.4	Text AA 6.1	Text DNP 2.1	Text DNP 1.4	Text DNP 1.1	Text AA18 3.4	Text AA 6.1	Text AAA 15.4		Text DNP 1.1	Text DNP 1.3	Text DNP 1.7	Text DNP 2.5	Text AA18 4.1	Text AA18 3.5	Text DNP 1.5	Text AA18 3.5	Text AA 4.5	Text DNP 1.1	Text AAA 7.3	Text AAA 10	Text DNP 1
$nypl-yellow-tint #FFF1A5	Text AAA 16.5	Text DNP 1.1	Text AA18 4.3	Text AA 6.9	Text DNP 2.7	Text AA18 3.9	Text AA 6.9	Text DNP 2.4	Text DNP 1.6	Text DNP 1.2	Text AA18 3.9	Text AA 6.9	Text AAA 17.5	Text DNP 1.1		Text DNP 1.5	Text DNP 1.9	Text DNP 2.8	Text AA 4.7	Text AA18 4	Text DNP 1.7	Text AA18 4	Text AA 5.1	Text DNP 1	Text AAA 8.3	Text AAA 11.5	Text DNP 1.1
$nypl-orange #FFB81D	Text AAA 10.9	Text DNP 1.7	Text DNP 2.8	Text AA 4.5	Text DNP 1.8	Text DNP 2.6	Text AA 4.6	Text DNP 1.5	Text DNP 1.1	Text DNP 1.1	Text DNP 2.5	Text AA 4.5	Text AAA 11.5	Text DNP 1.3	Text DNP 1.5		Text DNP 1.2	Text DNP 1.8	Text AA18 3.1	Text DNP 2.6	Text DNP 1.1	Text DNP 2.6	Text AA18 3.3	Text DNP 1.5	Text AA 5.5	Text AAA 7.6	Text DNP 1.3
$nypl-orange-desaturated #D2A74A	Text AAA 8.4	Text DNP 2.2	Text DNP 2.2	Text AA18 3.5	Text DNP 1.3	Text DNP 2	Text AA18 3.5	Text DNP 1.2	Text DNP 1.1	Text DNP 1.5	Text DNP 2	Text AA18 3.5	Text AAA 8.9	Text DNP 1.7	Text DNP 1.9	Text DNP 1.2		Text DNP 1.4	Text DNP 2.4	Text DNP 2	Text DNP 1.1	Text DNP 2	Text DNP 2.6	Text DNP 1.9	Text AA18 4.2	Text AA 5.8	Text DNP 1.6
$nypl-green #799A05	Text AA 5.7	Text AA18 3.2	Text DNP 1.5	Text DNP 2.4	Text DNP 1	Text DNP 1.3	Text DNP 2.4	Text DNP 1.1	Text DNP 1.7	Text DNP 2.2	Text DNP 1.3	Text DNP 2.4	Text AA 6.1	Text DNP 2.5	Text DNP 2.8	Text DNP 1.8	Text DNP 1.4		Text DNP 1.6	Text DNP 1.4	Text DNP 1.6	Text DNP 1.4	Text DNP 1.8	Text DNP 2.8	Text DNP 2.9	Text AA18 4	Text DNP 2.4
$nypl-green-dark #497629	Text AA18 3.5	Text AA 5.3	Text DNP 1	Text DNP 1.4	Text DNP 1.7	Text DNP 1.1	Text DNP 1.4	Text DNP 1.9	Text DNP 2.8	Text AA18 3.6	Text DNP 1.2	Text DNP 1.4	Text AA18 3.7	Text AA18 4.1	Text AA 4.7	Text AA18 3.1	Text DNP 2.4	Text DNP 1.6		Text DNP 1.1	Text DNP 2.7	Text DNP 1.1	Text DNP 1	Text AA 4.7	Text DNP 1.7	Text DNP 2.4	Text AA18 4
$nypl-green-bright #008918	Text AA18 4.1	Text AA 4.5	Text DNP 1	Text DNP 1.7	Text DNP 1.4	Text DNP 1	Text DNP 1.7	Text DNP 1.6	Text DNP 2.4	Text AA18 3.1	Text DNP 1	Text DNP 1.7	Text AA18 4.3	Text AA18 3.5	Text AA18 4	Text DNP 2.6	Text DNP 2	Text DNP 1.4	Text DNP 1.1		Text DNP 2.3	Text DNP 1	Text DNP 1.2	Text AA18 4	Text DNP 2	Text DNP 2.8	Text AA18 3.4
$nypl-green-tint #AFC269	Text AAA 9.6	Text DNP 1.9	Text DNP 2.5	Text AA18 4	Text DNP 1.6	Text DNP 2.3	Text AA18 4	Text DNP 1.4	Text DNP 1	Text DNP 1.3	Text DNP 2.2	Text AA18 4	Text AAA 10	Text DNP 1.5	Text DNP 1.7	Text DNP 1.1	Text DNP 1.1	Text DNP 1.6	Text DNP 2.7	Text DNP 2.3		Text DNP 2.3	Text AA18 3	Text DNP 1.7	Text AA 4.8	Text AA 6.7	Text DNP 1.4
$nypl-teal #07818D	Text AA18 4	Text AA 4.6	Text DNP 1	Text DNP 1.7	Text DNP 1.4	Text DNP 1	Text DNP 1.7	Text DNP 1.6	Text DNP 2.4	Text AA18 3.1	Text DNP 1	Text DNP 1.7	Text AA18 4.3	Text AA18 3.5	Text AA18 4	Text DNP 2.6	Text DNP 2	Text DNP 1.4	Text DNP 1.1	Text DNP 1	Text DNP 2.3		Text DNP 1.2	Text AA18 4	Text DNP 2	Text DNP 2.8	Text AA18 3.4
$nypl-teal-dark #047074	Text AA18 3.2	Text AA 5.8	Text DNP 1.1	Text DNP 1.3	Text DNP 1.8	Text DNP 1.3	Text DNP 1.3	Text DNP 2.1	Text AA18 3	Text AA18 3.9	Text DNP 1.3	Text DNP 1.3	Text AA18 3.4	Text AA 4.5	Text AA 5.1	Text AA18 3.3	Text DNP 2.6	Text DNP 1.8	Text DNP 1	Text DNP 1.2	Text AA18 3	Text DNP 1.2		Text AA 5.1	Text DNP 1.6	Text DNP 2.2	Text AA18 4.4
$nypl-teal-tint #CAF8FC	Text AAA 16.4	Text DNP 1.1	Text AA18 4.3	Text AA 6.9	Text DNP 2.7	Text AA18 3.9	Text AA 6.9	Text DNP 2.4	Text DNP 1.6	Text DNP 1.2	Text AA18 3.9	Text AA 6.9	Text AAA 17.5	Text DNP 1.1	Text DNP 1	Text DNP 1.5	Text DNP 1.9	Text DNP 2.8	Text AA 4.7	Text AA18 4	Text DNP 1.7	Text AA18 4	Text AA 5.1		Text AAA 8.3	Text AAA 11.5	Text DNP 1.1
$nypl-purple #72256D	Text DNP 1.9	Text AAA 9.5	Text DNP 1.9	Text DNP 1.2	Text AA18 3	Text DNP 2.1	Text DNP 1.2	Text AA18 3.4	Text AA 5	Text AA 6.4	Text DNP 2.1	Text DNP 1.2	Text DNP 2.1	Text AAA 7.3	Text AAA 8.3	Text AA 5.5	Text AA18 4.2	Text DNP 2.9	Text DNP 1.7	Text DNP 2	Text AA 4.8	Text DNP 2	Text DNP 1.6	Text AAA 8.3		Text DNP 1.3	Text AAA 7.1
$nypl-purple-dark #52174F	Text DNP 1.4	Text AAA 13.1	Text DNP 2.6	Text DNP 1.6	Text AA18 4.2	Text DNP 2.9	Text DNP 1.6	Text AA 4.7	Text AA 6.9	Text AAA 8.9	Text DNP 2.9	Text DNP 1.6	Text DNP 1.5	Text AAA 10	Text AAA 11.5	Text AAA 7.6	Text AA 5.8	Text AA18 4	Text DNP 2.4	Text DNP 2.8	Text AA 6.7	Text DNP 2.8	Text DNP 2.2	Text AAA 11.5	Text DNP 1.3		Text AAA 9.8
$nypl-purple-tint #F2D7F0	Text AAA 14.1	Text DNP 1.3	Text AA18 3.7	Text AA 5.9	Text DNP 2.3	Text AA18 3.3	Text AA 5.9	Text DNP 2	Text DNP 1.4	Text DNP 1.1	Text AA18 3.3	Text AA 5.9	Text AAA 15	Text DNP 1	Text DNP 1.1	Text DNP 1.3	Text DNP 1.6	Text DNP 2.4	Text AA18 4	Text AA18 3.4	Text DNP 1.4	Text AA18 3.4	Text AA18 4.4	Text DNP 1.1	Text AAA 7.1	Text AAA 9.8
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass About WCAG 2.0 contrast