Site Navigation

Contents

• Introduction
• Luminosity Contrast Ratios for #666
• 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 #666

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

Luminosity Ratios with background: #666

Foreground Colour	Sample	Luminosity Contrast Ratio	Difference in Brightness	Difference in Colour
#000	Sample	3.66	102	306
#003	Sample	3.49	96	255
#006	Sample	3.07	90	204
#009	Sample	2.51	84	255
#00c	Sample	1.95	78	306
#00f	Sample	1.50	72	357
#030	Sample	2.48	72	255
#033	Sample	2.40	66	204
#036	Sample	2.20	60	153
#039	Sample	1.89	54	204
#03c	Sample	1.56	48	255
#03f	Sample	1.25	42	306
#060	Sample	1.26	42	204
#063	Sample	1.24	36	153
#066	Sample	1.18	30	102
#069	Sample	1.09	24	153
#06c	Sample	1.03	18	204
#06f	Sample	1.19	13	255
#090	Sample	1.52	12	255
#093	Sample	1.53	6	204
#096	Sample	1.57	0	153
#099	Sample	1.65	5	204
#09c	Sample	1.76	11	255
#09f	Sample	1.91	16	306
#0c0	Sample	2.63	17	306
#0c3	Sample	2.65	23	255
#0c6	Sample	2.69	29	204
#0c9	Sample	2.76	35	255
#0cc	Sample	2.87	41	306
#0cf	Sample	3.03	46	357
#0f0	Sample	4.18	47	357
#0f3	Sample	4.20	53	306
#0f6	Sample	4.24	59	255
#0f9	Sample	4.31	65	306
#0fc	Sample	4.42	70	357
#0ff	Sample	4.58	76	408
#300	Sample	3.21	86	255
#303	Sample	3.08	80	204
#306	Sample	2.74	75	153
#309	Sample	2.28	69	204
#30c	Sample	1.82	63	255
#30f	Sample	1.41	57	306
#330	Sample	2.27	56	204
#333	Sample	2.20	51	153
#336	Sample	2.02	45	102
#339	Sample	1.76	39	153
#33c	Sample	1.47	33	204
#33f	Sample	1.20	27	255
#360	Sample	1.20	26	153
#363	Sample	1.18	21	102
#366	Sample	1.13	15	51
#369	Sample	1.04	9	102
#36c	Sample	1.07	3	153
#36f	Sample	1.23	2	204
#390	Sample	1.56	3	204
#393	Sample	1.57	8	153
#396	Sample	1.61	14	102
#399	Sample	1.68	20	153
#39c	Sample	1.80	26	204
#39f	Sample	1.95	32	255
#3c0	Sample	2.67	32	255
#3c3	Sample	2.69	38	204
#3c6	Sample	2.73	44	153
#3c9	Sample	2.80	50	204
#3cc	Sample	2.91	56	255
#3cf	Sample	3.07	62	306
#3f0	Sample	4.22	62	306
#3f3	Sample	4.24	68	255
#3f6	Sample	4.28	74	204
#3f9	Sample	4.35	80	255
#3fc	Sample	4.46	86	306
#3ff	Sample	4.62	92	357
#600	Sample	2.34	71	204
#603	Sample	2.27	65	153
#606	Sample	2.08	59	102
#609	Sample	1.81	54	153
#60c	Sample	1.50	48	204
#60f	Sample	1.22	42	255
#630	Sample	1.79	41	153
#633	Sample	1.75	35	102
#636	Sample	1.64	29	51
#639	Sample	1.46	24	102
#63c	Sample	1.26	18	153
#63f	Sample	1.05	12	204
#660	Sample	1.06	11	102
#663	Sample	1.04	5	51
#666	Sample	1.00	0	0
#669	Sample	1.07	5	51
#66c	Sample	1.19	11	102
#66f	Sample	1.34	17	153
#690	Sample	1.67	18	153
#693	Sample	1.69	24	102
#696	Sample	1.73	29	51
#699	Sample	1.80	35	102
#69c	Sample	1.91	41	153
#69f	Sample	2.07	47	204
#6c0	Sample	2.79	48	204
#6c3	Sample	2.80	54	153
#6c6	Sample	2.84	59	102
#6c9	Sample	2.92	65	153
#6cc	Sample	3.03	71	204
#6cf	Sample	3.18	77	255
#6f0	Sample	4.34	78	255
#6f3	Sample	4.35	83	204
#6f6	Sample	4.39	89	153
#6f9	Sample	4.46	95	204
#6fc	Sample	4.58	101	255
#6ff	Sample	4.73	107	306
#900	Sample	1.55	56	255
#903	Sample	1.52	50	204
#906	Sample	1.44	44	153
#909	Sample	1.30	38	204
#90c	Sample	1.13	32	255
#90f	Sample	1.04	27	306
#930	Sample	1.29	26	204
#933	Sample	1.27	20	153
#936	Sample	1.21	14	102
#939	Sample	1.11	8	153
#93c	Sample	1.01	3	204
#93f	Sample	1.17	2	255
#960	Sample	1.16	3	153
#963	Sample	1.18	9	102
#966	Sample	1.22	15	51
#969	Sample	1.29	21	102
#96c	Sample	1.40	26	153
#96f	Sample	1.56	32	204
#990	Sample	1.89	33	204
#993	Sample	1.90	39	153
#996	Sample	1.94	45	102
#999	Sample	2.02	51	153
#99c	Sample	2.13	56	204
#99f	Sample	2.28	62	255
#9c0	Sample	3.01	63	255
#9c3	Sample	3.02	69	204
#9c6	Sample	3.06	75	153
#9c9	Sample	3.13	80	204
#9cc	Sample	3.24	86	255
#9cf	Sample	3.40	92	306
#9f0	Sample	4.55	93	306
#9f3	Sample	4.57	99	255
#9f6	Sample	4.61	105	204
#9f9	Sample	4.68	110	255
#9fc	Sample	4.79	116	306
#9ff	Sample	4.95	122	357
#c00	Sample	1.03	41	306
#c03	Sample	1.01	35	255
#c06	Sample	1.03	29	204
#c09	Sample	1.10	23	255
#c0c	Sample	1.21	17	306
#c0f	Sample	1.37	11	357
#c30	Sample	1.10	11	255
#c33	Sample	1.12	5	204
#c36	Sample	1.16	0	153
#c39	Sample	1.23	6	204
#c3c	Sample	1.34	12	255
#c3f	Sample	1.50	18	306
#c60	Sample	1.50	18	204
#c63	Sample	1.51	24	153
#c66	Sample	1.55	30	102
#c69	Sample	1.62	36	153
#c6c	Sample	1.73	42	204
#c6f	Sample	1.89	47	255
#c90	Sample	2.22	48	255
#c93	Sample	2.23	54	204
#c96	Sample	2.27	60	153
#c99	Sample	2.35	66	204
#c9c	Sample	2.46	72	255
#c9f	Sample	2.62	77	306
#cc0	Sample	3.34	78	306
#cc3	Sample	3.35	84	255
#cc6	Sample	3.39	90	204
#cc9	Sample	3.46	96	255
#ccc	Sample	3.58	102	306
#ccf	Sample	3.73	107	357
#cf0	Sample	4.89	108	357
#cf3	Sample	4.90	114	306
#cf6	Sample	4.94	120	255
#cf9	Sample	5.01	126	306
#cfc	Sample	5.12	131	357
#cff	Sample	5.28	137	408
#f00	Sample	1.44	25	357
#f03	Sample	1.45	19	306
#f06	Sample	1.49	14	255
#f09	Sample	1.56	8	306
#f0c	Sample	1.67	2	357
#f0f	Sample	1.83	3	408
#f30	Sample	1.57	4	306
#f33	Sample	1.58	9	255
#f36	Sample	1.62	15	204
#f39	Sample	1.69	21	255
#f3c	Sample	1.80	27	306
#f3f	Sample	1.96	33	357
#f60	Sample	1.96	34	255
#f63	Sample	1.97	39	204
#f66	Sample	2.01	45	153
#f69	Sample	2.08	51	204
#f6c	Sample	2.19	57	255
#f6f	Sample	2.35	63	306
#f90	Sample	2.68	64	306
#f93	Sample	2.69	69	255
#f96	Sample	2.73	75	204
#f99	Sample	2.81	81	255
#f9c	Sample	2.92	87	306
#f9f	Sample	3.08	93	357
#fc0	Sample	3.80	93	357
#fc3	Sample	3.81	99	306
#fc6	Sample	3.85	105	255
#fc9	Sample	3.92	111	306
#fcc	Sample	4.04	117	357
#fcf	Sample	4.19	123	408
#ff0	Sample	5.35	123	408
#ff3	Sample	5.36	129	357
#ff6	Sample	5.40	135	306
#ff9	Sample	5.47	141	357
#ffc	Sample	5.59	147	408
#fff	Sample	5.74	153	459

[Back to the contents]