W3cubDocs

theme-color Meta Tag

Meta tag to define a suggested color that browsers should use to customize the display of the page or of the surrounding user interface. The meta tag overrides any theme-color set in the web app manifest.

Spec	https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color
Status	WHATWG Living Standard

IE	Edge	Firefox	Chrome	Safari	Opera
		147	144 ⁽¹⁾
		146	143 ⁽¹⁾	TP ⁽⁴⁾
		145	142 ⁽¹⁾	26.1 ⁽⁴⁾
11	141	144	141 ⁽¹⁾	26.0 ⁽⁴⁾	122
10	140	143	140 ⁽¹⁾	18.5-18.6	121
9	139	142	139 ⁽¹⁾	18.4	120
8	138	141	138 ⁽¹⁾	18.3	119
Show all
7	137	140	137 ⁽¹⁾	18.2	118
6	136	139	136 ⁽¹⁾	18.1	117
5.5	135	138	135 ⁽¹⁾	18.0	116
	134	137	134 ⁽¹⁾	17.6	115
	133	136	133 ⁽¹⁾	17.5	114
	132	135	132 ⁽¹⁾	17.4	113
	131	134	131 ⁽¹⁾	17.3	112
	130	133	130 ⁽¹⁾	17.2	111
	129	132	129 ⁽¹⁾	17.1	110
	128	131	128 ⁽¹⁾	17.0	109
	127	130	127 ⁽¹⁾	16.6	108
	126	129	126 ⁽¹⁾	16.5	107
	125	128	125 ⁽¹⁾	16.4	106
	124	127	124 ⁽¹⁾	16.3	105
	123	126	123 ⁽¹⁾	16.2	104
	122	125	122 ⁽¹⁾	16.1	103
	121	124	121 ⁽¹⁾	16.0	102
	120	123	120 ⁽¹⁾	15.6	101
	119	122	119 ⁽¹⁾	15.5	100
	118	121	118 ⁽¹⁾	15.4	99
	117	120	117 ⁽¹⁾	15.2-15.3	98
	116	119	116 ⁽¹⁾	15.1	97
	115	118	115 ⁽¹⁾	15	96
	114	117	114 ⁽¹⁾	14.1	95
	113	116	113 ⁽¹⁾	14	94
	112	115	112 ⁽¹⁾	13.1	93
	111	114	111 ⁽¹⁾	13	92
	110	113	110 ⁽¹⁾	12.1	91
	109	112	109 ⁽¹⁾	12	90
	108	111	108 ⁽¹⁾	11.1	89
	107	110	107 ⁽¹⁾	11	88
	106	109	106 ⁽¹⁾	10.1	87
	105	108	105 ⁽¹⁾	10	86
	104	107	104 ⁽¹⁾	9.1	85
	103	106	103 ⁽¹⁾	9	84
	102	105	102 ⁽¹⁾	8	83
	101	104	101 ⁽¹⁾	7.1	82
	100	103	100 ⁽¹⁾	7	81
	99	102	99 ⁽¹⁾	6.1	80
	98	101	98 ⁽¹⁾	6	79
	97	100	97 ⁽¹⁾	5.1	78
	96	99	96 ⁽¹⁾	5	77
	95	98	95 ⁽¹⁾	4	76
	94	97	94 ⁽¹⁾	3.2	75
	93	96	93 ⁽¹⁾	3.1	74
	92	95	92 ⁽¹⁾		73
	91	94	91 ⁽¹⁾		72
	90	93	90 ⁽¹⁾		71
	89	92	89 ⁽¹⁾		70
	88	91	88 ⁽¹⁾		69
	87	90	87 ⁽¹⁾		68
	86	89	86 ⁽¹⁾		67
	85	88	85 ⁽¹⁾		66
	84	87	84 ⁽¹⁾		65
	83	86	83 ⁽¹⁾		64
	81	85	81 ⁽¹⁾		63
	80	84	80 ⁽¹⁾		62
	79	83	79 ⁽¹⁾		60
	18	82	78 ⁽¹⁾		58
	17	81	77 ⁽¹⁾		57
	16	80	76 ⁽¹⁾		56
	15	79	75 ⁽¹⁾		55
	14	78	74 ⁽¹⁾		54
	13	77	73 ⁽¹⁾		53
	12	76	72 ⁽²⁾		52
		75	71 ⁽²⁾		51
		74	70 ⁽²⁾		50
		73	69 ⁽²⁾		49
		72	68 ⁽²⁾		48
		71	67 ⁽²⁾		47
		70	66 ⁽²⁾		46
		69	65 ⁽²⁾		45
		68	64 ⁽²⁾		44
		67	63 ⁽²⁾		43
		66	62 ⁽²⁾		42
		65	61 ⁽²⁾		41
		64	60 ⁽²⁾		40
		63	59 ⁽²⁾		39
		62	58 ⁽²⁾		38
		61	57 ⁽²⁾		37
		60	56 ⁽²⁾		36
		59	55 ⁽²⁾		35
		58	54 ⁽²⁾		34
		57	53 ⁽²⁾		33
		56	52 ⁽²⁾		32
		55	51 ⁽²⁾		31
		54	50 ⁽²⁾		30
		53	49 ⁽²⁾		29
		52	48 ⁽²⁾		28
		51	47 ⁽²⁾		27
		50	46 ⁽²⁾		26
		49	45 ⁽²⁾		25
		48	44 ⁽²⁾		24
		47	43 ⁽²⁾		23
		46	42 ⁽²⁾		22
		45	41 ⁽²⁾		21
		44	40 ⁽²⁾		20
		43	39 ⁽²⁾		19
		42	38		18
		41	37		17
		40	36		16
		39	35		15
		38	34		12.1
		37	33		12
		36	32		11.6
		35	31		11.5
		34	30		11.1
		33	29		11
		32	28		10.6
		31	27		10.5
		30	26		10.0-10.1
		29	25		9.5-9.6
		28	24		9
		27	23
		26	22
		25	21
		24	20
		23	19
		22	18
		21	17
		20	16
		19	15
		18	14
		17	13
		16	12
		15	11
		14	10
		13	9
		12	8
		11	7
		10	6
		9	5
		8	4
		7
		6
		5
		4
		3.6
		3.5
		3
		2

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
26.1 ⁽⁴⁾
26.0 ⁽⁴⁾	all	141	10	80	141 ⁽³⁾	143	11	15.5	28	14.9	13.52	3.0-3.1
18.5-18.6		4.4.3-4.4.4	7	12.1			10		27			2.5
18.4		4.4		12					26
18.3		4.2-4.3		11.5					25
Show all
18.2		4.1		11.1					24
18.1		4		11					23
18.0		3		10					22
17.6-17.7		2.3							21
17.5		2.2							20
17.4		2.1							19.0
17.3									18.0
17.2									17.0
17.1									16.0
17.0									15.0
16.6-16.7									14.0
16.5									13.0
16.4									12.0
16.3									11.1-11.2
16.2									10.1
16.1									9.2
16.0									8.2
15.6-15.8									7.2-7.4
15.5									6.2-6.4
15.4									5.0-5.4
15.2-15.3									4
15.0-15.1
14.5-14.8
14.0-14.4
13.4-13.7
13.3
13.2
13.0-13.1
12.2-12.5
12.0-12.1
11.3-11.4
11.0-11.2
10.3
10.0-10.2
9.3
9.0-9.2
8.1-8.4
8
7.0-7.1
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

Notes

Vivaldi browser (Chromium based) supports this feature in both mobile and desktop version. Also supported in the (now discontinued) Firefox OS.

Desktop Chrome only uses the color on installed progressive web apps.
Desktop Chrome 39-72 claimed to have support, but did not actually use the color anywhere. Chrome for Android did use the color in the toolbar.
Chrome for Android does not use the color on devices with native dark-mode enabled unless it's an installed progressive web app or a trusted web activity.
Supported, but does not actually use the color anywhere.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/meta-theme-color