Site Navigation

Contents

• Introduction
• Luminosity Contrast Ratios for #000
• Other Background Colour Combinations

Introduction

The purpose of this page is to display luminosity contrast ratios for all web safe colours against a web safe background colour. The results are shown in a table that also includes the difference in brightness, and the difference in colour that are used by the colour contrast analyser for comparison. To test the luminosity contrast ratio for any colour combination, use the luminosity contrast ratio analyser.

The following icons are used in the results to indicate whether or not the result of a calculation is a pass.

Key for the Icons

Icon	Meaning
	Indicates the value shown is a failure.
	Indicates the value shown is a pass.
	Indicates that the luminosity contrast ratio is a level AA pass for large text (at least 18 point or 14 point bold)
	Indicates that the luminosity contrast ratio is a level AAA pass for large text (at least 18 point or 14 point bold)
	Indicates that the luminosity contrast ratio is a level AA pass for regular text.
	Indicates that the luminosity contrast ratio is a level AAA pass for regular text.

[Back to the contents]

Luminosity Contrast Ratios for #000

The following table shows the luminosity contrast ratios for all web safe colours with a background colour of #000, along with the difference in brightness and the difference in colour used by the colour contrast analyser for comparison.

Luminosity Ratios with background: #000

Foreground Colour	Sample	Luminosity Contrast Ratio	Difference in Brightness	Difference in Colour
#000	Sample	1.00	0	0
#003	Sample	1.05	5	51
#006	Sample	1.19	11	102
#009	Sample	1.46	17	153
#00c	Sample	1.87	23	204
#00f	Sample	2.44	29	255
#030	Sample	1.47	29	51
#033	Sample	1.52	35	102
#036	Sample	1.67	41	153
#039	Sample	1.93	47	204
#03c	Sample	2.35	53	255
#03f	Sample	2.92	59	306
#060	Sample	2.90	59	102
#063	Sample	2.95	65	153
#066	Sample	3.09	71	204
#069	Sample	3.36	77	255
#06c	Sample	3.77	83	306
#06f	Sample	4.34	88	357
#090	Sample	5.56	89	153
#093	Sample	5.60	95	204
#096	Sample	5.75	101	255
#099	Sample	6.02	107	306
#09c	Sample	6.43	113	357
#09f	Sample	7.00	118	408
#0c0	Sample	9.64	119	204
#0c3	Sample	9.68	125	255
#0c6	Sample	9.83	131	306
#0c9	Sample	10.10	137	357
#0cc	Sample	10.51	143	408
#0cf	Sample	11.08	148	459
#0f0	Sample	15.30	149	255
#0f3	Sample	15.35	155	306
#0f6	Sample	15.50	161	357
#0f9	Sample	15.76	167	408
#0fc	Sample	16.18	172	459
#0ff	Sample	16.75	178	510
#300	Sample	1.14	15	51
#303	Sample	1.19	21	102
#306	Sample	1.33	26	153
#309	Sample	1.60	32	204
#30c	Sample	2.01	38	255
#30f	Sample	2.58	44	306
#330	Sample	1.61	45	102
#333	Sample	1.66	51	153
#336	Sample	1.81	56	204
#339	Sample	2.07	62	255
#33c	Sample	2.49	68	306
#33f	Sample	3.06	74	357
#360	Sample	3.04	75	153
#363	Sample	3.09	80	204
#366	Sample	3.23	86	255
#369	Sample	3.50	92	306
#36c	Sample	3.91	98	357
#36f	Sample	4.49	104	408
#390	Sample	5.70	105	204
#393	Sample	5.75	110	255
#396	Sample	5.89	116	306
#399	Sample	6.16	122	357
#39c	Sample	6.57	128	408
#39f	Sample	7.14	134	459
#3c0	Sample	9.78	134	255
#3c3	Sample	9.83	140	306
#3c6	Sample	9.97	146	357
#3c9	Sample	10.24	152	408
#3cc	Sample	10.65	158	459
#3cf	Sample	11.22	164	510
#3f0	Sample	15.44	164	306
#3f3	Sample	15.49	170	357
#3f6	Sample	15.64	176	408
#3f9	Sample	15.90	182	459
#3fc	Sample	16.32	188	510
#3ff	Sample	16.89	194	561
#600	Sample	1.56	30	102
#603	Sample	1.61	36	153
#606	Sample	1.76	42	204
#609	Sample	2.02	47	255
#60c	Sample	2.44	53	306
#60f	Sample	3.01	59	357
#630	Sample	2.04	60	153
#633	Sample	2.09	66	204
#636	Sample	2.23	72	255
#639	Sample	2.50	77	306
#63c	Sample	2.91	83	357
#63f	Sample	3.48	89	408
#660	Sample	3.47	90	204
#663	Sample	3.51	96	255
#666	Sample	3.66	102	306
#669	Sample	3.93	107	357
#66c	Sample	4.34	113	408
#66f	Sample	4.91	119	459
#690	Sample	6.12	120	255
#693	Sample	6.17	126	306
#696	Sample	6.31	131	357
#699	Sample	6.58	137	408
#69c	Sample	6.99	143	459
#69f	Sample	7.57	149	510
#6c0	Sample	10.20	150	306
#6c3	Sample	10.25	156	357
#6c6	Sample	10.39	161	408
#6c9	Sample	10.66	167	459
#6cc	Sample	11.07	173	510
#6cf	Sample	11.65	179	561
#6f0	Sample	15.87	180	357
#6f3	Sample	15.92	185	408
#6f6	Sample	16.06	191	459
#6f9	Sample	16.33	197	510
#6fc	Sample	16.74	203	561
#6ff	Sample	17.31	209	612
#900	Sample	2.35	45	153
#903	Sample	2.40	51	204
#906	Sample	2.55	57	255
#909	Sample	2.81	63	306
#90c	Sample	3.23	69	357
#90f	Sample	3.80	74	408
#930	Sample	2.83	75	204
#933	Sample	2.88	81	255
#936	Sample	3.02	87	306
#939	Sample	3.29	93	357
#93c	Sample	3.70	98	408
#93f	Sample	4.27	104	459
#960	Sample	4.26	105	255
#963	Sample	4.30	111	306
#966	Sample	4.45	117	357
#969	Sample	4.71	123	408
#96c	Sample	5.13	128	459
#96f	Sample	5.70	134	510
#990	Sample	6.91	135	306
#993	Sample	6.96	141	357
#996	Sample	7.10	147	408
#999	Sample	7.37	153	459
#99c	Sample	7.78	158	510
#99f	Sample	8.35	164	561
#9c0	Sample	10.99	165	357
#9c3	Sample	11.04	171	408
#9c6	Sample	11.18	177	459
#9c9	Sample	11.45	182	510
#9cc	Sample	11.86	188	561
#9cf	Sample	12.44	194	612
#9f0	Sample	16.66	195	408
#9f3	Sample	16.71	201	459
#9f6	Sample	16.85	207	510
#9f9	Sample	17.12	212	561
#9fc	Sample	17.53	218	612
#9ff	Sample	18.10	224	663
#c00	Sample	3.57	60	204
#c03	Sample	3.62	66	255
#c06	Sample	3.76	72	306
#c09	Sample	4.03	78	357
#c0c	Sample	4.44	84	408
#c0f	Sample	5.01	90	459
#c30	Sample	4.04	90	255
#c33	Sample	4.09	96	306
#c36	Sample	4.23	102	357
#c39	Sample	4.50	108	408
#c3c	Sample	4.91	114	459
#c3f	Sample	5.49	120	510
#c60	Sample	5.47	120	306
#c63	Sample	5.52	126	357
#c66	Sample	5.66	132	408
#c69	Sample	5.93	138	459
#c6c	Sample	6.34	144	510
#c6f	Sample	6.91	149	561
#c90	Sample	8.12	150	357
#c93	Sample	8.17	156	408
#c96	Sample	8.32	162	459
#c99	Sample	8.58	168	510
#c9c	Sample	9.00	174	561
#c9f	Sample	9.57	179	612
#cc0	Sample	12.20	180	408
#cc3	Sample	12.25	186	459
#cc6	Sample	12.40	192	510
#cc9	Sample	12.66	198	561
#ccc	Sample	13.08	204	612
#ccf	Sample	13.65	209	663
#cf0	Sample	17.87	210	459
#cf3	Sample	17.92	216	510
#cf6	Sample	18.06	222	561
#cf9	Sample	18.33	228	612
#cfc	Sample	18.74	233	663
#cff	Sample	19.32	239	714
#f00	Sample	5.25	76	255
#f03	Sample	5.30	82	306
#f06	Sample	5.44	87	357
#f09	Sample	5.71	93	408
#f0c	Sample	6.12	99	459
#f0f	Sample	6.70	105	510
#f30	Sample	5.73	106	306
#f33	Sample	5.77	111	357
#f36	Sample	5.92	117	408
#f39	Sample	6.19	123	459
#f3c	Sample	6.60	129	510
#f3f	Sample	7.17	135	561
#f60	Sample	7.15	136	357
#f63	Sample	7.20	141	408
#f66	Sample	7.34	147	459
#f69	Sample	7.61	153	510
#f6c	Sample	8.02	159	561
#f6f	Sample	8.60	165	612
#f90	Sample	9.81	166	408
#f93	Sample	9.86	171	459
#f96	Sample	10.00	177	510
#f99	Sample	10.27	183	561
#f9c	Sample	10.68	189	612
#f9f	Sample	11.25	195	663
#fc0	Sample	13.89	195	459
#fc3	Sample	13.94	201	510
#fc6	Sample	14.08	207	561
#fc9	Sample	14.35	213	612
#fcc	Sample	14.76	219	663
#fcf	Sample	15.33	225	714
#ff0	Sample	19.56	225	510
#ff3	Sample	19.60	231	561
#ff6	Sample	19.75	237	612
#ff9	Sample	20.02	243	663
#ffc	Sample	20.43	249	714
#fff	Sample	21.00	255	765

[Back to the contents]