Site Navigation

Contents

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

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

Luminosity Ratios with background: #c50

Foreground Colour	Sample	Luminosity Contrast Ratio	Difference in Brightness	Difference in Colour
#000	Sample	4.87	110	289
#003	Sample	4.64	105	340
#006	Sample	4.08	99	391
#009	Sample	3.33	93	442
#00c	Sample	2.60	87	493
#00f	Sample	1.99	81	544
#030	Sample	3.30	80	238
#033	Sample	3.20	75	289
#036	Sample	2.92	69	340
#039	Sample	2.52	63	391
#03c	Sample	2.08	57	442
#03f	Sample	1.67	51	493
#060	Sample	1.68	51	221
#063	Sample	1.65	45	272
#066	Sample	1.57	39	323
#069	Sample	1.45	33	374
#06c	Sample	1.29	27	425
#06f	Sample	1.12	21	476
#090	Sample	1.14	21	272
#093	Sample	1.15	15	323
#096	Sample	1.18	9	374
#099	Sample	1.24	3	425
#09c	Sample	1.32	2	476
#09f	Sample	1.44	7	527
#0c0	Sample	1.98	8	323
#0c3	Sample	1.99	14	374
#0c6	Sample	2.02	20	425
#0c9	Sample	2.07	26	476
#0cc	Sample	2.16	32	527
#0cf	Sample	2.28	37	578
#0f0	Sample	3.14	38	374
#0f3	Sample	3.15	44	425
#0f6	Sample	3.18	50	476
#0f9	Sample	3.24	56	527
#0fc	Sample	3.32	62	578
#0ff	Sample	3.44	67	629
#300	Sample	4.27	95	238
#303	Sample	4.09	89	289
#306	Sample	3.65	84	340
#309	Sample	3.04	78	391
#30c	Sample	2.42	72	442
#30f	Sample	1.88	66	493
#330	Sample	3.01	65	187
#333	Sample	2.93	59	238
#336	Sample	2.69	54	289
#339	Sample	2.35	48	340
#33c	Sample	1.96	42	391
#33f	Sample	1.59	36	442
#360	Sample	1.60	35	170
#363	Sample	1.58	29	221
#366	Sample	1.51	24	272
#369	Sample	1.39	18	323
#36c	Sample	1.24	12	374
#36f	Sample	1.09	6	425
#390	Sample	1.17	5	221
#393	Sample	1.18	0	272
#396	Sample	1.21	5	323
#399	Sample	1.27	11	374
#39c	Sample	1.35	17	425
#39f	Sample	1.47	23	476
#3c0	Sample	2.01	24	272
#3c3	Sample	2.02	29	323
#3c6	Sample	2.05	35	374
#3c9	Sample	2.10	41	425
#3cc	Sample	2.19	47	476
#3cf	Sample	2.31	53	527
#3f0	Sample	3.17	54	323
#3f3	Sample	3.18	59	374
#3f6	Sample	3.21	65	425
#3f9	Sample	3.27	71	476
#3fc	Sample	3.35	77	527
#3ff	Sample	3.47	83	578
#600	Sample	3.11	80	187
#603	Sample	3.02	74	238
#606	Sample	2.77	68	289
#609	Sample	2.40	62	340
#60c	Sample	2.00	57	391
#60f	Sample	1.62	51	442
#630	Sample	2.39	50	136
#633	Sample	2.33	44	187
#636	Sample	2.18	38	238
#639	Sample	1.95	33	289
#63c	Sample	1.67	27	340
#63f	Sample	1.40	21	391
#660	Sample	1.40	20	119
#663	Sample	1.39	14	170
#666	Sample	1.33	8	221
#669	Sample	1.24	3	272
#66c	Sample	1.12	2	323
#66f	Sample	1.01	8	374
#690	Sample	1.26	9	170
#693	Sample	1.27	15	221
#696	Sample	1.30	21	272
#699	Sample	1.35	26	323
#69c	Sample	1.44	32	374
#69f	Sample	1.55	38	425
#6c0	Sample	2.10	39	221
#6c3	Sample	2.11	45	272
#6c6	Sample	2.14	50	323
#6c9	Sample	2.19	56	374
#6cc	Sample	2.28	62	425
#6cf	Sample	2.39	68	476
#6f0	Sample	3.26	69	272
#6f3	Sample	3.27	75	323
#6f6	Sample	3.30	80	374
#6f9	Sample	3.36	86	425
#6fc	Sample	3.44	92	476
#6ff	Sample	3.56	98	527
#900	Sample	2.07	65	136
#903	Sample	2.03	59	187
#906	Sample	1.91	53	238
#909	Sample	1.73	47	289
#90c	Sample	1.51	41	340
#90f	Sample	1.28	36	391
#930	Sample	1.72	35	85
#933	Sample	1.69	29	136
#936	Sample	1.61	23	187
#939	Sample	1.48	17	238
#93c	Sample	1.32	11	289
#93f	Sample	1.14	6	340
#960	Sample	1.14	5	68
#963	Sample	1.13	0	119
#966	Sample	1.09	6	170
#969	Sample	1.03	12	221
#96c	Sample	1.05	17	272
#96f	Sample	1.17	23	323
#990	Sample	1.42	24	119
#993	Sample	1.43	30	170
#996	Sample	1.46	36	221
#999	Sample	1.51	42	272
#99c	Sample	1.60	47	323
#99f	Sample	1.72	53	374
#9c0	Sample	2.26	54	170
#9c3	Sample	2.27	60	221
#9c6	Sample	2.30	66	272
#9c9	Sample	2.35	72	323
#9cc	Sample	2.44	77	374
#9cf	Sample	2.56	83	425
#9f0	Sample	3.42	84	221
#9f3	Sample	3.43	90	272
#9f6	Sample	3.46	96	323
#9f9	Sample	3.52	101	374
#9fc	Sample	3.60	107	425
#9ff	Sample	3.72	113	476
#c00	Sample	1.36	49	85
#c03	Sample	1.35	44	136
#c06	Sample	1.29	38	187
#c09	Sample	1.21	32	238
#c0c	Sample	1.10	26	289
#c0f	Sample	1.03	20	340
#c30	Sample	1.20	19	34
#c33	Sample	1.19	14	85
#c36	Sample	1.15	8	136
#c39	Sample	1.08	2	187
#c3c	Sample	1.01	3	238
#c3f	Sample	1.13	9	289
#c60	Sample	1.12	9	17
#c63	Sample	1.13	15	68
#c66	Sample	1.16	21	119
#c69	Sample	1.22	27	170
#c6c	Sample	1.30	33	221
#c6f	Sample	1.42	39	272
#c90	Sample	1.67	39	68
#c93	Sample	1.68	45	119
#c96	Sample	1.71	51	170
#c99	Sample	1.76	57	221
#c9c	Sample	1.85	63	272
#c9f	Sample	1.97	68	323
#cc0	Sample	2.51	69	119
#cc3	Sample	2.52	75	170
#cc6	Sample	2.55	81	221
#cc9	Sample	2.60	87	272
#ccc	Sample	2.69	93	323
#ccf	Sample	2.80	98	374
#cf0	Sample	3.67	99	170
#cf3	Sample	3.68	105	221
#cf6	Sample	3.71	111	272
#cf9	Sample	3.77	117	323
#cfc	Sample	3.85	123	374
#cff	Sample	3.97	128	425
#f00	Sample	1.08	34	136
#f03	Sample	1.09	28	187
#f06	Sample	1.12	23	238
#f09	Sample	1.17	17	289
#f0c	Sample	1.26	11	340
#f0f	Sample	1.38	5	391
#f30	Sample	1.18	4	85
#f33	Sample	1.19	1	136
#f36	Sample	1.22	6	187
#f39	Sample	1.27	12	238
#f3c	Sample	1.36	18	289
#f3f	Sample	1.47	24	340
#f60	Sample	1.47	25	68
#f63	Sample	1.48	31	119
#f66	Sample	1.51	36	170
#f69	Sample	1.56	42	221
#f6c	Sample	1.65	48	272
#f6f	Sample	1.77	54	323
#f90	Sample	2.02	55	119
#f93	Sample	2.03	60	170
#f96	Sample	2.05	66	221
#f99	Sample	2.11	72	272
#f9c	Sample	2.19	78	323
#f9f	Sample	2.31	84	374
#fc0	Sample	2.85	85	170
#fc3	Sample	2.86	90	221
#fc6	Sample	2.89	96	272
#fc9	Sample	2.95	102	323
#fcc	Sample	3.03	108	374
#fcf	Sample	3.15	114	425
#ff0	Sample	4.02	115	221
#ff3	Sample	4.03	120	272
#ff6	Sample	4.06	126	323
#ff9	Sample	4.11	132	374
#ffc	Sample	4.20	138	425
#fff	Sample	4.31	144	476

[Back to the contents]