Site Navigation

Contents

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

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

Luminosity Ratios with background: #003

Foreground Colour	Sample	Luminosity Contrast Ratio	Difference in Brightness	Difference in Colour
#000	Sample	1.05	5	51
#003	Sample	1.00	0	0
#006	Sample	1.14	5	51
#009	Sample	1.39	11	102
#00c	Sample	1.79	17	153
#00f	Sample	2.33	23	204
#030	Sample	1.41	24	102
#033	Sample	1.45	29	51
#036	Sample	1.59	35	102
#039	Sample	1.85	41	153
#03c	Sample	2.24	47	204
#03f	Sample	2.78	53	255
#060	Sample	2.77	54	153
#063	Sample	2.81	59	102
#066	Sample	2.95	65	153
#069	Sample	3.21	71	204
#06c	Sample	3.60	77	255
#06f	Sample	4.15	83	306
#090	Sample	5.30	83	204
#093	Sample	5.35	89	153
#096	Sample	5.49	95	204
#099	Sample	5.74	101	255
#09c	Sample	6.14	107	306
#09f	Sample	6.68	113	357
#0c0	Sample	9.20	113	255
#0c3	Sample	9.24	119	204
#0c6	Sample	9.38	125	255
#0c9	Sample	9.64	131	306
#0cc	Sample	10.03	137	357
#0cf	Sample	10.58	143	408
#0f0	Sample	14.61	143	306
#0f3	Sample	14.65	149	255
#0f6	Sample	14.79	155	306
#0f9	Sample	15.04	161	357
#0fc	Sample	15.44	167	408
#0ff	Sample	15.98	172	459
#300	Sample	1.09	9	102
#303	Sample	1.13	15	51
#306	Sample	1.27	21	102
#309	Sample	1.53	26	153
#30c	Sample	1.92	32	204
#30f	Sample	2.47	38	255
#330	Sample	1.54	39	153
#333	Sample	1.59	45	102
#336	Sample	1.72	51	153
#339	Sample	1.98	56	204
#33c	Sample	2.37	62	255
#33f	Sample	2.92	68	306
#360	Sample	2.90	69	204
#363	Sample	2.95	75	153
#366	Sample	3.09	80	204
#369	Sample	3.34	86	255
#36c	Sample	3.73	92	306
#36f	Sample	4.28	98	357
#390	Sample	5.44	99	255
#393	Sample	5.48	105	204
#396	Sample	5.62	110	255
#399	Sample	5.88	116	306
#39c	Sample	6.27	122	357
#39f	Sample	6.82	128	408
#3c0	Sample	9.33	129	306
#3c3	Sample	9.38	134	255
#3c6	Sample	9.51	140	306
#3c9	Sample	9.77	146	357
#3cc	Sample	10.16	152	408
#3cf	Sample	10.71	158	459
#3f0	Sample	14.74	159	357
#3f3	Sample	14.79	164	306
#3f6	Sample	14.92	170	357
#3f9	Sample	15.18	176	408
#3fc	Sample	15.57	182	459
#3ff	Sample	16.12	188	510
#600	Sample	1.49	24	153
#603	Sample	1.54	30	102
#606	Sample	1.68	36	153
#609	Sample	1.93	42	204
#60c	Sample	2.33	47	255
#60f	Sample	2.87	53	306
#630	Sample	1.95	54	204
#633	Sample	1.99	60	153
#636	Sample	2.13	66	204
#639	Sample	2.38	72	255
#63c	Sample	2.78	77	306
#63f	Sample	3.32	83	357
#660	Sample	3.31	84	255
#663	Sample	3.35	90	204
#666	Sample	3.49	96	255
#669	Sample	3.75	102	306
#66c	Sample	4.14	107	357
#66f	Sample	4.69	113	408
#690	Sample	5.84	114	306
#693	Sample	5.89	120	255
#696	Sample	6.03	126	306
#699	Sample	6.28	131	357
#69c	Sample	6.67	137	408
#69f	Sample	7.22	143	459
#6c0	Sample	9.74	144	357
#6c3	Sample	9.78	150	306
#6c6	Sample	9.92	156	357
#6c9	Sample	10.18	161	408
#6cc	Sample	10.57	167	459
#6cf	Sample	11.11	173	510
#6f0	Sample	15.14	174	408
#6f3	Sample	15.19	180	357
#6f6	Sample	15.33	185	408
#6f9	Sample	15.58	191	459
#6fc	Sample	15.98	197	510
#6ff	Sample	16.52	203	561
#900	Sample	2.25	39	204
#903	Sample	2.29	45	153
#906	Sample	2.43	51	204
#909	Sample	2.69	57	255
#90c	Sample	3.08	63	306
#90f	Sample	3.63	69	357
#930	Sample	2.70	69	255
#933	Sample	2.74	75	204
#936	Sample	2.88	81	255
#939	Sample	3.14	87	306
#93c	Sample	3.53	93	357
#93f	Sample	4.08	98	408
#960	Sample	4.06	99	306
#963	Sample	4.11	105	255
#966	Sample	4.24	111	306
#969	Sample	4.50	117	357
#96c	Sample	4.89	123	408
#96f	Sample	5.44	128	459
#990	Sample	6.60	129	357
#993	Sample	6.64	135	306
#996	Sample	6.78	141	357
#999	Sample	7.03	147	408
#99c	Sample	7.43	153	459
#99f	Sample	7.97	158	510
#9c0	Sample	10.49	159	408
#9c3	Sample	10.54	165	357
#9c6	Sample	10.67	171	408
#9c9	Sample	10.93	177	459
#9cc	Sample	11.32	182	510
#9cf	Sample	11.87	188	561
#9f0	Sample	15.90	189	459
#9f3	Sample	15.94	195	408
#9f6	Sample	16.08	201	459
#9f9	Sample	16.34	207	510
#9fc	Sample	16.73	212	561
#9ff	Sample	17.28	218	612
#c00	Sample	3.40	55	255
#c03	Sample	3.45	60	204
#c06	Sample	3.59	66	255
#c09	Sample	3.84	72	306
#c0c	Sample	4.24	78	357
#c0f	Sample	4.78	84	408
#c30	Sample	3.86	85	306
#c33	Sample	3.90	90	255
#c36	Sample	4.04	96	306
#c39	Sample	4.30	102	357
#c3c	Sample	4.69	108	408
#c3f	Sample	5.23	114	459
#c60	Sample	5.22	115	357
#c63	Sample	5.26	120	306
#c66	Sample	5.40	126	357
#c69	Sample	5.66	132	408
#c6c	Sample	6.05	138	459
#c6f	Sample	6.60	144	510
#c90	Sample	7.75	144	408
#c93	Sample	7.80	150	357
#c96	Sample	7.94	156	408
#c99	Sample	8.19	162	459
#c9c	Sample	8.59	168	510
#c9f	Sample	9.13	174	561
#cc0	Sample	11.65	174	459
#cc3	Sample	11.69	180	408
#cc6	Sample	11.83	186	459
#cc9	Sample	12.09	192	510
#ccc	Sample	12.48	198	561
#ccf	Sample	13.03	204	612
#cf0	Sample	17.06	204	510
#cf3	Sample	17.10	210	459
#cf6	Sample	17.24	216	510
#cf9	Sample	17.50	222	561
#cfc	Sample	17.89	228	612
#cff	Sample	18.43	233	663
#f00	Sample	5.01	70	306
#f03	Sample	5.06	76	255
#f06	Sample	5.20	82	306
#f09	Sample	5.45	87	357
#f0c	Sample	5.84	93	408
#f0f	Sample	6.39	99	459
#f30	Sample	5.46	100	357
#f33	Sample	5.51	106	306
#f36	Sample	5.65	111	357
#f39	Sample	5.90	117	408
#f3c	Sample	6.30	123	459
#f3f	Sample	6.84	129	510
#f60	Sample	6.83	130	408
#f63	Sample	6.87	136	357
#f66	Sample	7.01	141	408
#f69	Sample	7.27	147	459
#f6c	Sample	7.66	153	510
#f6f	Sample	8.20	159	561
#f90	Sample	9.36	160	459
#f93	Sample	9.41	166	408
#f96	Sample	9.54	171	459
#f99	Sample	9.80	177	510
#f9c	Sample	10.19	183	561
#f9f	Sample	10.74	189	612
#fc0	Sample	13.26	190	510
#fc3	Sample	13.30	195	459
#fc6	Sample	13.44	201	510
#fc9	Sample	13.69	207	561
#fcc	Sample	14.09	213	612
#fcf	Sample	14.63	219	663
#ff0	Sample	18.66	220	561
#ff3	Sample	18.71	225	510
#ff6	Sample	18.85	231	561
#ff9	Sample	19.10	237	612
#ffc	Sample	19.50	243	663
#fff	Sample	20.04	249	714

[Back to the contents]