Tailwind CSS Color Analytics -- by Katie Kodes

Links: Source code, Color helper example

Colors

Hue

number	50	100	200	300	400	500	600	700	800	900	tone_spark
tone
orange	33	34	32	31	27	25	21	17	15	15
amber	48	48	48	46	43	38	32	26	23	22
yellow	55	55	53	50	48	45	41	35	32	28
lime	78	80	81	82	83	84	85	86	86	88
green	138	141	141	142	142	142	142	142	143	144
emerald	152	149	152	156	158	160	161	163	163	164
teal	166	167	168	171	172	173	175	175	176	176
cyan	183	185	186	187	188	189	192	193	194	196
sky	204	204	201	199	198	199	200	201	201	202
blue	214	214	213	212	213	217	221	224	226	224
indigo	226	226	228	230	234	239	243	245	244	242
violet	250	251	251	252	255	258	262	263	263	264
purple	270	269	269	269	270	271	271	272	273	274
fuchsia	289	287	288	291	292	292	293	295	295	297
pink	327	326	326	327	329	330	333	335	336	336
rose	356	356	353	353	351	350	347	345	343	342
red	360	360	360	360	360	360	360	360	360	360

Saturation

number	50	100	200	300	400	500	600	700	800	900	tone_spark
tone
orange	100	100	98	97	96	95	90	88	79	75
amber	100	96	97	97	96	92	95	90	82	78
yellow	92	97	98	98	96	93	96	92	81	73
lime	92	89	88	85	78	81	85	78	69	61
green	76	84	79	77	69	71	76	72	64	61
emerald	81	80	76	72	64	84	94	94	88	86
teal	76	85	84	77	66	80	84	77	69	61
cyan	100	96	94	92	86	94	91	82	70	64
sky	100	94	94	95	93	89	98	96	90	80
blue	100	95	97	96	94	91	83	76	71	64
indigo	100	100	96	94	89	84	75	58	55	47
violet	100	91	95	95	92	90	83	70	69	67
purple	100	100	100	97	95	91	81	72	67	66
fuchsia	100	100	96	93	91	84	69	72	70	64
pink	73	78	85	87	86	81	71	78	74	69
rose	100	100	96	96	95	89	77	83	80	75
red	86	93	96	94	91	84	72	74	70	63
num_spark											nan

Luminance

number	50	100	200	300	400	500	600	700	800	900	tone_spark
tone
orange	96	92	83	72	61	53	48	40	34	28
amber	96	89	77	65	56	50	44	37	31	26
yellow	95	88	77	64	53	47	40	33	29	26
lime	95	89	80	67	55	44	35	27	23	20
green	97	93	85	73	58	45	36	29	24	20
emerald	96	90	80	67	52	39	30	24	20	16
teal	97	89	78	64	50	40	32	26	22	19
cyan	96	90	82	69	53	43	36	31	27	24
sky	97	94	86	74	60	48	39	32	27	24
blue	97	93	87	78	68	60	53	48	40	33
indigo	97	94	89	82	74	67	59	51	41	34
violet	98	95	92	85	76	66	58	50	42	35
purple	98	95	92	85	75	65	56	47	39	32
fuchsia	98	95	91	83	73	61	49	40	33	28
pink	97	95	90	82	70	60	51	42	35	30
rose	97	95	90	82	71	60	50	41	35	30
red	97	94	89	82	71	60	51	42	35	31
num_spark											nan

Perceived Brightness

number	50	100	200	300	400	500	600	700	800	900	tone_spark
tone
orange	97	94	87	79	70	64	57	46	37	30
amber	98	95	90	84	79	71	59	46	37	30
yellow	98	96	92	87	81	74	60	45	37	31
lime	98	95	91	84	78	68	54	41	32	28
green	97	94	89	81	71	61	50	40	31	26
emerald	97	93	86	77	67	58	47	38	30	25
teal	98	93	86	78	69	60	48	38	31	26
cyan	98	94	88	80	71	61	50	40	33	27
sky	97	93	87	76	67	58	48	38	32	27
blue	96	91	84	75	63	52	44	37	31	26
indigo	95	91	83	73	60	49	41	35	29	24
violet	96	93	87	76	64	52	45	39	33	27
purple	97	93	88	79	66	55	47	40	33	27
fuchsia	97	94	88	80	70	60	51	43	35	30
pink	96	94	88	79	67	59	51	43	36	30
rose	96	93	87	77	66	57	50	42	35	31
red	96	92	86	77	65	56	49	41	34	29
num_spark											nan

Base Data