Drawing presets

Nine colours for lines and nine styles for rectangles, resolved from the theme the chart is wearing, shown over candles on all 26 themes omacharts ships.

The design

A preset is not a hex. It is a role the theme fills, the way candles and indicator colours already are: Up and Down are the theme's own candle colours (theme_bars), Blue, Amber, Violet, Teal, Orange, Cyan are the theme's named swatches, and Ink is the neutral the monochrome bar scheme uses (theme_mono_bars). The same nine roles serve both drawings, so preset 4 is amber whether it is a line or a box.

A swatch is held to 4:1 against the chart before it is used for a drawing, a floor above the indicator palette's 3.2. Only lightness moves, only when it must, and the hue the name promises is kept. Up and Down are never moved: the brief says they match the candles, and they do, to the byte.

A line is the colour at 1.5px. A rectangle is the colour as a fill at 0.16 alpha — the alpha the VWAP bands already shade with — and a 1px border in the same colour at 0.35 alpha, pulled back until it is the edge of the shape and not a line drawn around it: as drawn it has the weight of an axis line, the quietest line the chart draws that is still a line. At this strength the nine presets are told apart by hue alone, not by their edges. Nothing is opaque.

How to read it

Each theme is drawn at one CSS pixel per pixel: the nine lines on the left, cutting through candles, and the nine rectangles on the right, each covering a run of them. The doubles everything.

Contrast is the WCAG ratio against the chart background; 3:1 is the floor for graphics that carry meaning and everything here is held to 4:1 except the two candle colours. ΔE is OKLab distance, black to white being 1.0, where 0.02 is just visible and two lines closer than 0.06 read as one; presets must be 0.08 from each other, presets 3–9 0.08 from either candle, and all of them 0.06 from the grid, axis and crosshair. For a rectangle the questions are different: is the tint (the fill over the background) there at all — held to the same band as an axis line, 1.08–2.2:1 — is the border as drawn still an edge: at least as loud as an axis line against the chart, 1.35:1, and at least 0.06 ΔE from the fill it encloses — and do the candles under it still read: the body against the tinted ground at least 3:1, and up from down at least 0.06 ΔE. Numbers outside a guarantee are marked like this.

Summary

For each theme: the weakest line preset against the chart, the closest two presets, the closest any of presets 3–9 comes to a candle colour, the closest any comes to the furniture; then for the rectangles, the faintest tint, the faintest border as drawn, the border closest to its own fill, the least readable direction under a fill, the dimmest body under one, and how many guarantees were broken.

Theme	Mode	Lines					Rectangles
Theme	Mode	weakest	contrast	closest pair ΔE	to candle ΔE	to furniture ΔE	faintest tint	faintest border	border from tint ΔE	direction ΔE	body	broken
catppuccin	Dark	Down	7.08	0.080	0.080	0.209	1.33	2.01	0.103	0.208	4.98	0
catppuccin-latte	Light	Up	3.70	0.084	0.084	0.229	1.20	1.51	0.077	0.282	3.08	0
ethereal	Dark	Down	5.81	0.092	0.110	0.270	1.18	1.62	0.111	0.172	4.43	0
everforest	Dark	Down	4.55	0.080	0.082	0.124	1.27	1.73	0.074	0.157	3.32	0
flexoki-light	Light	Up	3.79	0.081	0.098	0.162	1.19	1.51	0.079	0.210	3.17	0
gruvbox	Dark	Orange	3.71	0.080	0.080	0.166	1.20	1.56	0.072	0.174	3.46	0
hackerman	Dark	Blue	7.80	0.080	0.080	0.257	1.26	1.92	0.114	0.231	6.94	0
kanagawa	Dark	Down	3.22	0.081	0.094	0.072	1.14	1.40	0.071	0.183	2.53	9
last-horizon	Dark	Orange	4.98	0.080	0.080	0.140	1.18	1.57	0.092	0.093	5.36	0
lumon	Dark	Up	4.91	0.083	0.084	0.077	1.27	1.75	0.080	0.162	3.70	0
lupine	Light	Amber	4.00	0.081	0.130	0.172	1.21	1.52	0.079	0.201	3.57	0
matte-black	Dark	Violet	4.22	0.082	0.087	0.158	1.17	1.52	0.085	0.226	3.80	0
miasma	Dark	Up	3.88	0.080	0.080	0.145	1.21	1.57	0.066	0.124	3.10	0
nord	Dark	Cyan	4.12	0.084	0.084	0.135	1.25	1.66	0.067	0.139	3.13	0
osaka-jade	Dark	Orange	4.65	0.085	0.103	0.199	1.20	1.63	0.083	0.240	3.82	0
retro-82	Dark	Up	3.96	0.081	0.105	0.133	1.17	1.52	0.070	0.258	3.12	0
ristretto	Dark	Down	5.35	0.082	0.104	0.201	1.28	1.78	0.089	0.250	3.74	0
rose-pine	Light	Down	3.84	0.081	0.081	0.231	1.20	1.52	0.074	0.156	3.20	0
solitude	Dark	Blue	4.04	0.081	0.081	0.160	1.17	1.51	0.076	0.156	4.00	0
tokyo-night	Dark	Orange	5.80	0.080	0.081	0.210	1.27	1.80	0.095	0.226	4.50	0
vantablack	Dark	Orange	5.79	0.080	0.084	0.224	1.15	1.56	0.110	0.106	5.93	0
white	Light	Orange	5.01	0.087	0.093	0.223	1.23	1.61	0.086	0.079	7.28	0
Midnight (built in)	Dark	Up	7.45	0.087	0.092	0.229	1.26	1.89	0.112	0.246	5.38	0
Carbon (built in)	Dark	Down	3.88	0.090	0.136	0.145	1.11	1.39	0.086	0.297	2.64	5
Paper (built in)	Light	Orange	3.83	0.080	0.087	0.160	1.21	1.54	0.078	0.197	3.85	0
Daylight (built in)	Light	Cyan	4.63	0.081	0.081	0.186	1.23	1.61	0.089	0.265	4.07	0

The border, at three strengths

The same rectangles with the border at 0.45, at 0.35 (what ships), and at 0.25. The fill is the same in all three.

gruvbox

tokyo-night

Paper (built in)

catppuccin-latte

catppuccin Dark

Up#a6e3a1L 0.86 · C 0.109 · H 143° · fill → #343e40 · edge → #4e6356

Down#f38ba8L 0.76 · C 0.130 · H 3° · fill → #402f42 · edge → #694459

Blue#a8c8fbL 0.83 · C 0.080 · H 260° · fill → #34394f · edge → #4e5a76

Amber#f9e2afL 0.92 · C 0.070 · H 87° · fill → #413d43 · edge → #6b635b

Violet#e8b5daL 0.83 · C 0.076 · H 336° · fill → #3e364a · edge → #65536a

Teal#87d5c8L 0.82 · C 0.080 · H 183° · fill → #2f3b47 · edge → #435e64

Orange#f1b08cL 0.81 · C 0.091 · H 50° · fill → #40353d · edge → #68514f

Cyan#67bbd5L 0.75 · C 0.090 · H 220° · fill → #2a3749 · edge → #385568

Ink#d5dbf1L 0.89 · C 0.031 · H 274° · fill → #3b3c4d · edge → #5e6072

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#a6e3a1`		11.03	Teal	0.080	0.000	0.247	1.00	1.56	0.574	0.432	0.349
Down	`#f38ba8`		7.08	Violet	0.102	0.247	0.000	1.56	1.00	0.474	0.335	0.263
Blue	`#a8c8fb`	kept	9.62	Ink	0.083	0.165	0.182	1.15	1.36	0.530	0.383	0.279
Amber	`#f9e2af`	kept	12.91	Ink	0.104	0.110	0.216	1.17	1.82	0.628	0.483	0.399
Violet	`#e8b5da`	kept	9.41	Ink	0.093	0.186	0.102	1.17	1.33	0.534	0.388	0.296
Teal	`#87d5c8`	kept	9.67	Up	0.080	0.080	0.219	1.14	1.37	0.527	0.382	0.288
Orange	`#f1b08c`	kept	8.85	Violet	0.103	0.153	0.110	1.25	1.25	0.522	0.380	0.306
Cyan	`#67bbd5`	kept	7.53	Teal	0.089	0.166	0.208	1.46	1.06	0.456	0.311	0.209
Ink	`#d5dbf1`	`#cdd6f4` lifted	11.90	Blue	0.083	0.136	0.192	1.08	1.68	0.594	0.446	0.348

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#343e40`	1.49	0.116	`#4e6356`	2.53	0.126	Teal	0.034	7.40	4.98	0.211	0.247	Teal	0.020
Down	`#402f42`	1.33	0.093	`#694459`	2.01	0.107	Violet	0.043	7.59	5.32	0.208	0.247	Violet	0.022
Blue	`#34394f`	1.44	0.107	`#4e5a76`	2.38	0.120	Ink	0.033	7.48	5.08	0.210	0.247	Ink	0.017
Amber	`#413d43`	1.54	0.125	`#6b635b`	2.78	0.140	Ink	0.044	7.31	5.06	0.209	0.247	Ink	0.021
Violet	`#3e364a`	1.43	0.107	`#65536a`	2.34	0.120	Ink	0.037	7.47	5.18	0.208	0.247	Ink	0.018
Teal	`#2f3b47`	1.44	0.105	`#435e64`	2.36	0.118	Up	0.034	7.53	5.04	0.211	0.247	Cyan	0.017
Orange	`#40353d`	1.40	0.104	`#68514f`	2.25	0.117	Violet	0.042	7.53	5.24	0.209	0.247	Violet	0.022
Cyan	`#2a3749`	1.36	0.092	`#385568`	2.08	0.103	Teal	0.035	7.66	5.09	0.211	0.247	Teal	0.017
Ink	`#3b3c4d`	1.51	0.119	`#5e6072`	2.65	0.132	Blue	0.033	7.37	5.05	0.208	0.247	Blue	0.017

catppuccin-latte Light

Up#3a8d25L 0.57 · C 0.160 · H 140° · fill → #d2e1d4 · edge → #b0ceac

Down#d20f39L 0.55 · C 0.216 · H 20° · fill → #eacdd7 · edge → #e5a2b3

Blue#1654cfL 0.49 · C 0.200 · H 262° · fill → #ccd8ef · edge → #a3bae8

Amber#8e721cL 0.56 · C 0.105 · H 90° · fill → #dfddd2 · edge → #cdc5a9

Violet#b24296L 0.56 · C 0.174 · H 339° · fill → #e5d5e6 · edge → #dab4d4

Teal#178374L 0.55 · C 0.094 · H 181° · fill → #ccdfe0 · edge → #a3cbc8

Orange#af3717L 0.51 · C 0.162 · H 35° · fill → #e5d3d1 · edge → #d9b0a7

Cyan#126c83L 0.49 · C 0.085 · H 221° · fill → #ccdce3 · edge → #a2c2cd

Ink#4d5062L 0.44 · C 0.030 · H 278° · fill → #d5d7dd · edge → #b6b9c2

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#3a8d25`		3.70	Teal	0.110	0.000	0.328	1.00	1.30	0.375	0.256	0.295
Down	`#d20f39`		4.80	Orange	0.084	0.328	0.000	1.30	1.00	0.418	0.304	0.342
Blue	`#1654cf`	kept	5.80	Cyan	0.148	0.326	0.361	1.57	1.21	0.457	0.323	0.247
Amber	`#8e721c`	`#9e7f1a` lifted	4.06	Up	0.124	0.124	0.205	1.10	1.18	0.361	0.231	0.281
Violet	`#b24296`	kept	4.52	Down	0.142	0.330	0.142	1.22	1.06	0.385	0.258	0.250
Teal	`#178374`	kept	4.09	Cyan	0.084	0.110	0.306	1.11	1.17	0.369	0.230	0.229
Orange	`#af3717`	`#d94f2c` lifted	5.49	Down	0.084	0.262	0.084	1.48	1.14	0.431	0.303	0.340
Cyan	`#126c83`	`#158eab` lifted	5.31	Teal	0.084	0.186	0.302	1.43	1.11	0.420	0.275	0.247
Ink	`#4d5062`	`#4c4f69` lifted	7.04	Cyan	0.093	0.228	0.252	1.90	1.47	0.471	0.323	0.306

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#d2e1d4`	1.20	0.068	`#b0ceac`	1.51	0.082	Amber	0.042	3.08	4.57	0.303	0.328	Amber	0.019
Down	`#eacdd7`	1.31	0.090	`#e5a2b3`	1.83	0.106	Orange	0.047	3.45	3.67	0.282	0.328	Orange	0.021
Blue	`#ccd8ef`	1.27	0.083	`#a3bae8`	1.73	0.099	Cyan	0.051	3.24	4.56	0.300	0.328	Cyan	0.023
Amber	`#dfddd2`	1.21	0.065	`#cdc5a9`	1.53	0.077	Up	0.042	3.16	4.19	0.297	0.328	Up	0.019
Violet	`#e5d5e6`	1.24	0.072	`#dab4d4`	1.62	0.085	Down	0.054	3.32	3.93	0.291	0.328	Down	0.024
Teal	`#ccdfe0`	1.22	0.070	`#a3cbc8`	1.56	0.081	Cyan	0.028	3.11	4.68	0.303	0.328	Cyan	0.010
Orange	`#e5d3d1`	1.27	0.080	`#d9b0a7`	1.73	0.094	Down	0.047	3.33	3.91	0.288	0.328	Down	0.021
Cyan	`#ccdce3`	1.25	0.075	`#a2c2cd`	1.67	0.092	Teal	0.028	3.16	4.68	0.302	0.328	Teal	0.010
Ink	`#d5d7dd`	1.27	0.078	`#b6b9c2`	1.73	0.093	Cyan	0.032	3.25	4.32	0.296	0.328	Cyan	0.016

ethereal Dark

Up#92a593L 0.70 · C 0.034 · H 147° · fill → #1c2431 · edge → #374147

Down#ed5b5aL 0.66 · C 0.181 · H 24° · fill → #2b1828 · edge → #572733

Blue#9399e6L 0.71 · C 0.112 · H 280° · fill → #1d223e · edge → #373d64

Amber#e3bd68L 0.81 · C 0.113 · H 86° · fill → #29272a · edge → #534938

Violet#c89dc1L 0.75 · C 0.070 · H 332° · fill → #252238 · edge → #4a3e57

Teal#75cebdL 0.79 · C 0.090 · H 180° · fill → #182a37 · edge → #2d4f56

Orange#e19266L 0.73 · C 0.113 · H 49° · fill → #29212a · edge → #533a37

Cyan#8adffaL 0.86 · C 0.090 · H 220° · fill → #1b2d41 · edge → #34556b

Ink#ead5c7L 0.89 · C 0.030 · H 56° · fill → #2a2b39 · edge → #565259

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#92a593`		7.47	Teal	0.110	0.000	0.205	1.00	1.29	0.479	0.313	0.287
Down	`#ed5b5a`		5.81	Orange	0.116	0.205	0.000	1.29	1.00	0.480	0.342	0.316
Blue	`#9399e6`	kept	7.39	Violet	0.097	0.138	0.240	1.01	1.27	0.480	0.300	0.270
Amber	`#e3bd68`	kept	10.93	Orange	0.109	0.151	0.223	1.46	1.88	0.609	0.452	0.427
Violet	`#c89dc1`	kept	8.42	Blue	0.097	0.113	0.171	1.13	1.45	0.520	0.347	0.316
Teal	`#75cebd`	kept	10.54	Cyan	0.092	0.110	0.295	1.41	1.81	0.570	0.402	0.377
Orange	`#e19266`	kept	7.92	Amber	0.109	0.125	0.116	1.06	1.36	0.526	0.373	0.346
Cyan	`#8adffa`	kept	13.05	Teal	0.092	0.180	0.334	1.75	2.24	0.632	0.456	0.429
Ink	`#ead5c7`	`#ffcead` lifted	13.81	Amber	0.114	0.190	0.274	1.85	2.38	0.661	0.491	0.462

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#1c2431`	1.25	0.103	`#374147`	1.87	0.111	Teal	0.045	5.96	4.63	0.176	0.205	Teal	0.021
Down	`#2b1828`	1.18	0.095	`#572733`	1.62	0.111	Orange	0.052	5.89	4.94	0.172	0.205	Orange	0.029
Blue	`#1d223e`	1.26	0.106	`#373d64`	1.87	0.112	Violet	0.039	5.90	4.61	0.177	0.205	Violet	0.018
Amber	`#29272a`	1.32	0.125	`#534938`	2.21	0.139	Orange	0.046	6.01	4.79	0.174	0.205	Orange	0.021
Violet	`#252238`	1.27	0.110	`#4a3e57`	1.97	0.121	Blue	0.039	5.99	4.77	0.175	0.205	Blue	0.018
Teal	`#182a37`	1.33	0.121	`#2d4f56`	2.20	0.130	Cyan	0.038	5.96	4.47	0.179	0.205	Cyan	0.020
Orange	`#29212a`	1.25	0.109	`#533a37`	1.89	0.120	Amber	0.046	5.96	4.84	0.174	0.205	Amber	0.021
Cyan	`#1b2d41`	1.39	0.135	`#34556b`	2.47	0.143	Teal	0.038	5.86	4.43	0.177	0.205	Teal	0.020
Ink	`#2a2b39`	1.40	0.139	`#565259`	2.56	0.151	Cyan	0.052	5.95	4.71	0.175	0.205	Cyan	0.025

everforest Dark

Up#a7c080L 0.77 · C 0.091 · H 126° · fill → #414b46 · edge → #586653

Down#e67e80L 0.71 · C 0.128 · H 20° · fill → #4b4146 · edge → #6e4f53

Blue#809fd7L 0.70 · C 0.090 · H 262° · fill → #3a4654 · edge → #4a5a72

Amber#e2c285L 0.83 · C 0.086 · H 83° · fill → #4a4c47 · edge → #6c6655

Violet#c09ed9L 0.75 · C 0.091 · H 310° · fill → #454654 · edge → #605a72

Teal#68a9a1L 0.69 · C 0.068 · H 186° · fill → #36484b · edge → #425e5f

Orange#e4a082L 0.76 · C 0.092 · H 45° · fill → #4a4646 · edge → #6d5a54

Cyan#71c5dfL 0.78 · C 0.090 · H 220° · fill → #384c55 · edge → #456774

Ink#e2d8c3L 0.88 · C 0.030 · H 86° · fill → #4a4f51 · edge → #6c6e6b

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#a7c080`		6.23	Amber	0.085	0.000	0.188	1.00	1.37	0.424	0.355	0.221
Down	`#e67e80`		4.55	Orange	0.082	0.188	0.000	1.37	1.00	0.377	0.312	0.220
Blue	`#809fd7`	kept	4.67	Violet	0.089	0.182	0.188	1.34	1.03	0.350	0.280	0.158
Amber	`#e2c285`	kept	7.30	Ink	0.080	0.085	0.168	1.17	1.60	0.479	0.409	0.281
Violet	`#c09ed9`	kept	5.42	Blue	0.089	0.183	0.135	1.15	1.19	0.401	0.331	0.216
Teal	`#68a9a1`	kept	4.62	Blue	0.099	0.117	0.196	1.35	1.02	0.334	0.264	0.124
Orange	`#e4a082`	`#bf7e61` lifted	5.73	Down	0.082	0.119	0.082	1.09	1.26	0.419	0.350	0.235
Cyan	`#71c5df`	kept	6.39	Blue	0.102	0.132	0.226	1.02	1.40	0.426	0.356	0.219
Ink	`#e2d8c3`	`#d3c6aa` lifted	8.81	Amber	0.080	0.132	0.213	1.41	1.94	0.527	0.456	0.322

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#414b46`	1.38	0.081	`#586653`	2.04	0.093	Amber	0.031	4.52	3.42	0.159	0.188	Amber	0.015
Down	`#4b4146`	1.27	0.068	`#6e4f53`	1.73	0.080	Orange	0.032	4.57	3.57	0.157	0.188	Orange	0.016
Blue	`#3a4654`	1.30	0.067	`#4a5a72`	1.78	0.076	Violet	0.033	4.59	3.43	0.162	0.188	Violet	0.017
Amber	`#4a4c47`	1.43	0.091	`#6c6655`	2.18	0.100	Up	0.031	4.43	3.41	0.158	0.188	Up	0.015
Violet	`#454654`	1.34	0.076	`#605a72`	1.90	0.085	Blue	0.033	4.53	3.46	0.160	0.188	Blue	0.017
Teal	`#36484b`	1.30	0.065	`#425e5f`	1.78	0.074	Cyan	0.038	4.56	3.40	0.160	0.188	Cyan	0.019
Orange	`#4a4646`	1.34	0.077	`#6d5a54`	1.92	0.089	Down	0.032	4.56	3.51	0.160	0.188	Down	0.016
Cyan	`#384c55`	1.39	0.081	`#456774`	2.05	0.091	Teal	0.038	4.49	3.32	0.162	0.188	Teal	0.019
Ink	`#4a4f51`	1.50	0.100	`#6c6e6b`	2.42	0.112	Amber	0.034	4.40	3.34	0.160	0.188	Amber	0.016

flexoki-light Light

Up#4f9040L 0.59 · C 0.132 · H 140° · fill → #e3ebd4 · edge → #c1d6b2

Down#d14d41L 0.60 · C 0.169 · H 28° · fill → #f8e0d4 · edge → #efbfb3

Blue#094c93L 0.42 · C 0.132 · H 255° · fill → #d8e0e1 · edge → #a9becf

Amber#9b780aL 0.59 · C 0.118 · H 88° · fill → #efe7cb · edge → #dccea0

Violet#8353a4L 0.53 · C 0.132 · H 310° · fill → #ebe1e4 · edge → #d4c1d5

Teal#048b83L 0.57 · C 0.099 · H 188° · fill → #d7eadf · edge → #a7d4ca

Orange#a65910L 0.54 · C 0.127 · H 56° · fill → #f1e2cc · edge → #e0c3a2

Cyan#177188L 0.51 · C 0.086 · H 220° · fill → #dae6df · edge → #aecbcc

Ink#100F0FL 0.17 · C 0.002 · H 17° · fill → #d9d6cc · edge → #aba9a1

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#4f9040`		3.79	Teal	0.100	0.000	0.250	1.00	1.11	0.363	0.219	0.202
Down	`#d14d41`		4.21	Orange	0.098	0.250	0.000	1.11	1.00	0.374	0.240	0.247
Blue	`#094c93`	kept	8.28	Cyan	0.119	0.280	0.328	2.19	1.97	0.532	0.379	0.297
Amber	`#9b780a`	`#ab8725` lifted	4.02	Orange	0.081	0.111	0.149	1.06	1.05	0.357	0.210	0.214
Violet	`#8353a4`	kept	5.47	Cyan	0.159	0.270	0.204	1.44	1.30	0.428	0.281	0.213
Teal	`#048b83`	`#249990` lifted	4.07	Cyan	0.084	0.100	0.265	1.07	1.04	0.372	0.222	0.162
Orange	`#a65910`	`#ba630a` lifted	5.04	Amber	0.081	0.179	0.098	1.33	1.19	0.405	0.256	0.250
Cyan	`#177188`	`#19819b` lifted	5.44	Teal	0.084	0.166	0.269	1.44	1.29	0.434	0.279	0.205
Ink	`#100F0F`	kept	18.62	Blue	0.285	0.442	0.459	4.92	4.42	0.763	0.603	0.544

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#e3ebd4`	1.19	0.065	`#c1d6b2`	1.51	0.080	Amber	0.040	3.17	3.71	0.213	0.250	Amber	0.018
Down	`#f8e0d4`	1.23	0.071	`#efbfb3`	1.60	0.084	Orange	0.037	3.34	3.42	0.217	0.250	Orange	0.017
Blue	`#d8e0e1`	1.30	0.092	`#a9becf`	1.87	0.113	Cyan	0.038	3.33	3.88	0.213	0.250	Cyan	0.017
Amber	`#efe7cb`	1.20	0.067	`#dccea0`	1.53	0.079	Orange	0.030	3.23	3.55	0.216	0.250	Orange	0.014
Violet	`#ebe1e4`	1.24	0.075	`#d4c1d5`	1.65	0.089	Down	0.058	3.33	3.58	0.216	0.250	Down	0.026
Teal	`#d7eadf`	1.22	0.074	`#a7d4ca`	1.58	0.089	Cyan	0.026	3.17	3.88	0.210	0.250	Cyan	0.011
Orange	`#f1e2cc`	1.24	0.074	`#e0c3a2`	1.64	0.088	Amber	0.030	3.31	3.52	0.217	0.250	Amber	0.014
Cyan	`#dae6df`	1.25	0.078	`#aecbcc`	1.67	0.095	Teal	0.026	3.24	3.84	0.212	0.250	Teal	0.011
Ink	`#d9d6cc`	1.42	0.114	`#aba9a1`	2.29	0.142	Blue	0.072	3.49	3.85	0.217	0.250	Blue	0.032

gruvbox Dark

Up#a9b665L 0.75 · C 0.107 · H 117° · fill → #3d3f32 · edge → #555a3d

Down#ea6962L 0.68 · C 0.161 · H 25° · fill → #473231 · edge → #6c3f3c

Blue#7293cfL 0.66 · C 0.097 · H 262° · fill → #343943 · edge → #424d62

Amber#dfac5dL 0.78 · C 0.114 · H 77° · fill → #453d30 · edge → #68563b

Violet#a985c3L 0.67 · C 0.098 · H 310° · fill → #3d3741 · edge → #55495e

Teal#80c5b6L 0.77 · C 0.073 · H 179° · fill → #36413f · edge → #475f5a

Orange#be6940L 0.61 · C 0.122 · H 45° · fill → #40322c · edge → #5d3f30

Cyan#55b4d0L 0.72 · C 0.098 · H 220° · fill → #2f3e43 · edge → #385963

Ink#cbc0acL 0.81 · C 0.030 · H 83° · fill → #42403d · edge → #615d56

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#a9b665`		6.72	Amber	0.080	0.000	0.208	1.00	1.43	0.432	0.293	0.239
Down	`#ea6962`		4.70	Orange	0.092	0.208	0.000	1.43	1.00	0.381	0.253	0.242
Blue	`#7293cf`	kept	4.77	Violet	0.081	0.212	0.230	1.41	1.01	0.350	0.223	0.166
Amber	`#dfac5d`	kept	7.16	Up	0.080	0.080	0.161	1.07	1.52	0.460	0.319	0.277
Violet	`#a985c3`	kept	4.80	Blue	0.081	0.216	0.166	1.40	1.02	0.359	0.228	0.189
Teal	`#80c5b6`	kept	7.43	Cyan	0.081	0.101	0.249	1.11	1.58	0.451	0.313	0.248
Orange	`#be6940`	kept	3.71	Down	0.092	0.192	0.092	1.81	1.27	0.304	0.174	0.168
Cyan	`#55b4d0`	kept	6.20	Teal	0.081	0.162	0.262	1.08	1.32	0.409	0.277	0.209
Ink	`#cbc0ac`	`#d4be98` lifted	8.20	Teal	0.091	0.105	0.200	1.22	1.74	0.484	0.341	0.286

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#3d3f32`	1.37	0.087	`#555a3d`	2.05	0.096	Amber	0.032	4.89	3.52	0.180	0.208	Amber	0.014
Down	`#473231`	1.24	0.071	`#6c3f3c`	1.69	0.086	Orange	0.035	5.01	3.79	0.174	0.208	Orange	0.017
Blue	`#343943`	1.27	0.070	`#424d62`	1.73	0.078	Violet	0.031	4.95	3.56	0.179	0.208	Violet	0.016
Amber	`#453d30`	1.38	0.091	`#68563b`	2.09	0.102	Up	0.032	4.89	3.62	0.174	0.208	Up	0.014
Violet	`#3d3741`	1.28	0.073	`#55495e`	1.76	0.081	Blue	0.031	4.94	3.62	0.178	0.208	Blue	0.016
Teal	`#36413f`	1.39	0.089	`#475f5a`	2.14	0.101	Cyan	0.034	4.85	3.46	0.179	0.208	Cyan	0.018
Orange	`#40322c`	1.20	0.059	`#5d3f30`	1.56	0.072	Down	0.035	5.07	3.77	0.177	0.208	Down	0.017
Cyan	`#2f3e43`	1.33	0.079	`#385963`	1.95	0.092	Teal	0.034	4.95	3.46	0.183	0.208	Blue	0.018
Ink	`#42403d`	1.43	0.096	`#615d56`	2.25	0.108	Teal	0.037	4.87	3.54	0.179	0.208	Teal	0.019

hackerman Dark

Up#4fe88fL 0.83 · C 0.180 · H 154° · fill → #162f29 · edge → #235940

Down#f99ca8L 0.79 · C 0.112 · H 12° · fill → #31232d · edge → #5e3e49

Blue#89a4dcL 0.72 · C 0.088 · H 264° · fill → #1f2436 · edge → #37415b

Amber#f4d57fL 0.88 · C 0.111 · H 90° · fill → #302c27 · edge → #5d523b

Violet#cda3edL 0.78 · C 0.112 · H 310° · fill → #2a2438 · edge → #4f4161

Teal#6eebeaL 0.87 · C 0.111 · H 195° · fill → #1b3038 · edge → #2e5a60

Orange#fdb48cL 0.83 · C 0.101 · H 50° · fill → #322729 · edge → #60473f

Cyan#5bcbecL 0.79 · C 0.111 · H 220° · fill → #182b38 · edge → #274f61

Ink#ddf7ffL 0.96 · C 0.029 · H 218° · fill → #2d323b · edge → #555e68

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#4fe88f`		12.31	Teal	0.126	0.000	0.279	1.00	1.28	0.646	0.539	0.323
Down	`#f99ca8`		9.60	Orange	0.080	0.279	0.000	1.28	1.00	0.588	0.476	0.339
Blue	`#89a4dc`	kept	7.80	Violet	0.100	0.251	0.176	1.58	1.23	0.508	0.389	0.257
Amber	`#f4d57f`	kept	13.60	Orange	0.090	0.172	0.168	1.11	1.42	0.682	0.572	0.381
Violet	`#cda3ed`	kept	9.33	Blue	0.100	0.290	0.115	1.32	1.03	0.572	0.454	0.336
Teal	`#6eebea`	kept	13.66	Cyan	0.093	0.126	0.237	1.11	1.42	0.664	0.549	0.362
Orange	`#fdb48c`	kept	11.21	Down	0.080	0.227	0.080	1.10	1.17	0.628	0.518	0.351
Cyan	`#5bcbec`	kept	10.38	Teal	0.093	0.174	0.216	1.19	1.08	0.584	0.467	0.299
Ink	`#ddf7ff`	kept	17.45	Teal	0.124	0.214	0.219	1.42	1.82	0.746	0.629	0.453

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#162f29`	1.37	0.131	`#235940`	2.39	0.143	Teal	0.055	9.01	6.96	0.232	0.279	Teal	0.029
Down	`#31232d`	1.31	0.121	`#5e3e49`	2.10	0.130	Orange	0.036	8.71	7.35	0.246	0.279	Orange	0.018
Blue	`#1f2436`	1.26	0.106	`#37415b`	1.92	0.114	Violet	0.041	8.97	7.22	0.239	0.279	Violet	0.020
Amber	`#302c27`	1.41	0.140	`#5d523b`	2.54	0.150	Orange	0.036	8.70	7.19	0.243	0.279	Orange	0.019
Violet	`#2a2438`	1.31	0.119	`#4f4161`	2.10	0.128	Blue	0.041	8.78	7.28	0.243	0.279	Blue	0.020
Teal	`#1b3038`	1.42	0.139	`#2e5a60`	2.55	0.145	Cyan	0.038	8.79	6.94	0.231	0.279	Cyan	0.019
Orange	`#322729`	1.35	0.130	`#60473f`	2.29	0.139	Amber	0.036	8.70	7.29	0.245	0.279	Down	0.018
Cyan	`#182b38`	1.34	0.122	`#274f61`	2.20	0.129	Teal	0.038	8.90	7.03	0.232	0.279	Teal	0.019
Ink	`#2d323b`	1.51	0.157	`#555e68`	2.96	0.162	Teal	0.055	8.49	6.98	0.237	0.279	Teal	0.029

kanagawa Dark

Up#76946aL 0.63 · C 0.070 · H 137° · fill → #2d3233 · edge → #3d483f

Down#c34043L 0.56 · C 0.167 · H 23° · fill → #39242c · edge → #582b31

Blue#728fcaL 0.65 · C 0.095 · H 264° · fill → #2c3142 · edge → #3c4661

Amber#c0a36eL 0.73 · C 0.078 · H 82° · fill → #393433 · edge → #574d41

Violet#ab94ceL 0.71 · C 0.087 · H 302° · fill → #353243 · edge → #504862

Teal#75b1a1L 0.71 · C 0.067 · H 176° · fill → #2d363b · edge → #3d5252

Orange#c17158L 0.63 · C 0.108 · H 38° · fill → #392c30 · edge → #583c39

Cyan#86bed6L 0.77 · C 0.067 · H 227° · fill → #2f3844 · edge → #435765

Ink#dbd7c1L 0.88 · C 0.030 · H 99° · fill → #3d3c40 · edge → #615f5e

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#76946a`		4.84	Teal	0.094	0.000	0.218	1.00	1.50	0.349	0.209	0.072
Down	`#c34043`		3.22	Orange	0.099	0.218	0.000	1.50	1.00	0.328	0.207	0.165
Blue	`#728fca`	kept	5.06	Violet	0.082	0.149	0.247	1.05	1.57	0.356	0.208	0.129
Amber	`#c0a36e`	kept	6.78	Teal	0.107	0.119	0.222	1.40	2.11	0.448	0.300	0.153
Violet	`#ab94ce`	`#8973ab` lifted	6.12	Blue	0.082	0.173	0.230	1.26	1.90	0.414	0.260	0.157
Teal	`#75b1a1`	kept	6.66	Cyan	0.081	0.094	0.276	1.38	2.07	0.423	0.277	0.142
Orange	`#c17158`	kept	4.49	Down	0.099	0.137	0.099	1.08	1.40	0.364	0.221	0.108
Cyan	`#86bed6`	kept	8.06	Teal	0.081	0.169	0.313	1.67	2.50	0.474	0.324	0.199
Ink	`#dbd7c1`	`#dcd7ba` lifted	11.29	Cyan	0.138	0.249	0.356	2.33	3.51	0.583	0.430	0.288

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#2d3233`	1.26	0.071	`#3d483f`	1.71	0.078	Teal	0.037	3.85	2.58	0.192	0.218	Teal	0.016
Down	`#39242c`	1.14	0.056	`#582b31`	1.40	0.071	Orange	0.046	3.83	2.83	0.183	0.218	Orange	0.024
Blue	`#2c3142`	1.26	0.074	`#3c4661`	1.74	0.083	Violet	0.033	3.82	2.58	0.190	0.218	Violet	0.016
Amber	`#393433`	1.33	0.089	`#574d41`	1.98	0.098	Teal	0.044	3.81	2.67	0.187	0.218	Teal	0.022
Violet	`#353243`	1.31	0.085	`#504862`	1.90	0.094	Blue	0.033	3.79	2.62	0.189	0.218	Blue	0.016
Teal	`#2d363b`	1.32	0.084	`#3d5252`	1.97	0.096	Cyan	0.034	3.86	2.55	0.193	0.218	Cyan	0.016
Orange	`#392c30`	1.23	0.070	`#583c39`	1.65	0.082	Down	0.046	3.81	2.75	0.184	0.218	Down	0.024
Cyan	`#2f3844`	1.38	0.095	`#435765`	2.17	0.109	Teal	0.034	3.83	2.53	0.192	0.218	Teal	0.016
Ink	`#3d3c40`	1.49	0.116	`#615f5e`	2.57	0.129	Cyan	0.055	3.78	2.59	0.190	0.218	Cyan	0.029

last-horizon Dark

Up#87a9b0L 0.71 · C 0.039 · H 212° · fill → #202426 · edge → #374245

Down#c38b7bL 0.69 · C 0.073 · H 37° · fill → #291f1e · edge → #4c3833

Blue#7190c7L 0.65 · C 0.090 · H 262° · fill → #1c202a · edge → #2f3a4d

Amber#c8af6dL 0.76 · C 0.090 · H 89° · fill → #2a251c · edge → #4e442e

Violet#b08fc9L 0.70 · C 0.090 · H 310° · fill → #26202a · edge → #45394e

Teal#449f8fL 0.64 · C 0.090 · H 180° · fill → #152321 · edge → #203f3a

Orange#a97364L 0.61 · C 0.073 · H 36° · fill → #251c1a · edge → #432f2b

Cyan#74c9e3L 0.79 · C 0.090 · H 220° · fill → #1d292e · edge → #304e57

Ink#FAFCFBL 0.99 · C 0.002 · H 165° · fill → #323232 · edge → #5f5f60

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#87a9b0`		7.80	Teal	0.092	0.000	0.114	1.00	1.14	0.512	0.307	0.244
Down	`#c38b7b`		6.83	Orange	0.080	0.114	0.000	1.14	1.00	0.491	0.286	0.217
Blue	`#7190c7`	kept	6.10	Violet	0.089	0.093	0.155	1.28	1.12	0.459	0.260	0.205
Amber	`#c8af6d`	kept	9.18	Down	0.104	0.125	0.104	1.18	1.34	0.567	0.364	0.296
Violet	`#b08fc9`	kept	7.13	Blue	0.089	0.104	0.113	1.09	1.04	0.507	0.303	0.242
Teal	`#449f8f`	kept	6.18	Up	0.092	0.092	0.161	1.26	1.11	0.451	0.256	0.200
Orange	`#a97364`	kept	4.98	Down	0.080	0.152	0.080	1.57	1.37	0.412	0.208	0.140
Cyan	`#74c9e3`	kept	10.48	Up	0.095	0.095	0.193	1.34	1.54	0.597	0.396	0.335
Ink	`#FAFCFB`	kept	19.07	Cyan	0.217	0.280	0.311	2.45	2.79	0.788	0.581	0.514

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#202426`	1.26	0.106	`#374245`	1.90	0.114	Blue	0.036	6.21	5.50	0.095	0.114	Cyan	0.019
Down	`#291f1e`	1.22	0.101	`#4c3833`	1.80	0.112	Orange	0.034	6.17	5.58	0.097	0.114	Orange	0.014
Blue	`#1c202a`	1.21	0.095	`#2f3a4d`	1.72	0.104	Up	0.036	6.21	5.50	0.097	0.114	Violet	0.018
Amber	`#2a251c`	1.29	0.117	`#4e442e`	2.05	0.125	Down	0.042	6.16	5.56	0.095	0.114	Down	0.023
Violet	`#26202a`	1.24	0.105	`#45394e`	1.82	0.113	Blue	0.037	6.19	5.55	0.097	0.114	Blue	0.018
Teal	`#152321`	1.21	0.094	`#203f3a`	1.72	0.101	Up	0.039	6.16	5.40	0.095	0.114	Up	0.021
Orange	`#251c1a`	1.18	0.086	`#432f2b`	1.57	0.092	Down	0.034	6.10	5.52	0.098	0.114	Down	0.014
Cyan	`#1d292e`	1.32	0.122	`#304e57`	2.20	0.134	Up	0.041	6.19	5.44	0.093	0.114	Up	0.019
Ink	`#323232`	1.53	0.166	`#5f5f60`	3.08	0.169	Cyan	0.090	5.97	5.36	0.095	0.114	Cyan	0.049

lumon Dark

Up#5e95bcL 0.65 · C 0.083 · H 241° · fill → #223644 · edge → #2f4c5f

Down#e99ea7L 0.78 · C 0.090 · H 11° · fill → #383841 · edge → #604f58

Blue#7ab4e0L 0.75 · C 0.088 · H 242° · fill → #263b4a · edge → #39566c

Amber#ead18eL 0.87 · C 0.090 · H 90° · fill → #38403d · edge → #60614f

Violet#c5a3deL 0.77 · C 0.090 · H 310° · fill → #323849 · edge → #53506b

Teal#7ad3c2L 0.81 · C 0.090 · H 180° · fill → #264045 · edge → #396161

Orange#d19370L 0.72 · C 0.089 · H 50° · fill → #343638 · edge → #574b44

Cyan#a9e4faL 0.89 · C 0.067 · H 223° · fill → #2e434e · edge → #496775

Ink#e5f1fdL 0.95 · C 0.021 · H 248° · fill → #37454e · edge → #5e6c76

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#5e95bc`		4.91	Blue	0.100	0.000	0.203	1.00	1.52	0.359	0.256	0.077
Down	`#e99ea7`		7.49	Orange	0.084	0.203	0.000	1.52	1.00	0.498	0.402	0.243
Blue	`#7ab4e0`	kept	7.12	Up	0.100	0.100	0.163	1.45	1.05	0.458	0.356	0.174
Amber	`#ead18e`	kept	10.58	Ink	0.139	0.275	0.146	2.15	1.41	0.590	0.493	0.323
Violet	`#c5a3de`	kept	7.30	Down	0.092	0.155	0.092	1.49	1.03	0.481	0.381	0.213
Teal	`#7ad3c2`	kept	9.00	Cyan	0.101	0.181	0.182	1.83	1.20	0.522	0.422	0.242
Orange	`#d19370`	kept	6.13	Down	0.084	0.185	0.084	1.25	1.22	0.444	0.351	0.204
Cyan	`#a9e4fa`	kept	11.45	Ink	0.083	0.241	0.188	2.33	1.53	0.596	0.494	0.311
Ink	`#e5f1fd`	`#d6e2ee` lifted	13.84	Cyan	0.083	0.312	0.205	2.82	1.85	0.662	0.561	0.379

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#223644`	1.27	0.071	`#2f4c5f`	1.75	0.080	Blue	0.038	3.87	5.46	0.167	0.203	Blue	0.019
Down	`#383841`	1.37	0.094	`#604f58`	2.08	0.106	Orange	0.036	3.76	5.48	0.178	0.203	Violet	0.017
Blue	`#263b4a`	1.36	0.090	`#39566c`	2.06	0.099	Up	0.038	3.83	5.36	0.165	0.203	Violet	0.018
Amber	`#38403d`	1.49	0.114	`#60614f`	2.51	0.126	Teal	0.056	3.74	5.31	0.171	0.203	Teal	0.027
Violet	`#323849`	1.36	0.092	`#53506b`	2.06	0.104	Down	0.036	3.82	5.48	0.174	0.203	Down	0.017
Teal	`#264045`	1.44	0.102	`#396161`	2.31	0.112	Cyan	0.041	3.79	5.22	0.162	0.203	Cyan	0.021
Orange	`#343638`	1.31	0.083	`#574b44`	1.88	0.094	Down	0.036	3.82	5.54	0.176	0.203	Down	0.018
Cyan	`#2e434e`	1.53	0.118	`#496775`	2.63	0.126	Ink	0.033	3.74	5.16	0.164	0.203	Ink	0.015
Ink	`#37454e`	1.60	0.130	`#5e6c76`	2.93	0.141	Cyan	0.033	3.70	5.14	0.166	0.203	Cyan	0.015

lupine Light

Up#4a2fd0L 0.46 · C 0.229 · H 280° · fill → #dedaf3 · edge → #bcb3eb

Down#c900c4L 0.58 · C 0.266 · H 330° · fill → #f2d2f1 · edge → #e9a3e7

Blue#4073f3L 0.59 · C 0.200 · H 265° · fill → #dce4f9 · edge → #b9cbf8

Amber#98780dL 0.59 · C 0.117 · H 89° · fill → #eae5d4 · edge → #d8cda7

Violet#894cd4L 0.56 · C 0.200 · H 301° · fill → #e8def4 · edge → #d2bded

Teal#1b8676L 0.56 · C 0.095 · H 180° · fill → #d6e7e5 · edge → #acd1cc

Orange#b05202L 0.55 · C 0.143 · H 50° · fill → #eedfd2 · edge → #e0bfa3

Cyan#1b7189L 0.51 · C 0.086 · H 221° · fill → #d6e4e8 · edge → #accad2

Ink#212121L 0.25 · C 0.000 · H 0° · fill → #d7d7d7 · edge → #aeaeae

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#4a2fd0`		7.71	Violet	0.130	0.000	0.246	1.00	1.64	0.549	0.368	0.308
Down	`#c900c4`		4.70	Violet	0.136	0.246	0.000	1.64	1.00	0.457	0.311	0.283
Blue	`#4073f3`	`#4679fa` lifted	4.05	Violet	0.129	0.150	0.257	1.90	1.16	0.414	0.251	0.172
Amber	`#98780d`	`#a1811e` lifted	4.00	Orange	0.099	0.368	0.340	1.93	1.17	0.386	0.196	0.275
Violet	`#894cd4`	kept	4.97	Blue	0.129	0.130	0.136	1.55	1.06	0.446	0.274	0.220
Teal	`#1b8676`	kept	4.26	Cyan	0.081	0.282	0.352	1.81	1.10	0.407	0.208	0.231
Orange	`#b05202`	kept	4.96	Amber	0.099	0.352	0.283	1.55	1.06	0.432	0.244	0.309
Cyan	`#1b7189`	`#1a90ae` lifted	5.34	Teal	0.081	0.205	0.313	1.45	1.14	0.452	0.249	0.243
Ink	`#212121`	kept	15.43	Cyan	0.277	0.310	0.429	2.00	3.28	0.707	0.497	0.505

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#dedaf3`	1.30	0.093	`#bcb3eb`	1.87	0.115	Violet	0.043	5.91	4.04	0.208	0.246	Violet	0.018
Down	`#f2d2f1`	1.32	0.101	`#e9a3e7`	1.85	0.116	Violet	0.068	5.74	3.57	0.214	0.246	Violet	0.031
Blue	`#dce4f9`	1.22	0.072	`#b9cbf8`	1.55	0.084	Violet	0.045	5.79	4.26	0.202	0.246	Violet	0.020
Amber	`#eae5d4`	1.21	0.068	`#d8cda7`	1.52	0.079	Orange	0.036	6.27	4.25	0.208	0.246	Orange	0.015
Violet	`#e8def4`	1.24	0.077	`#d2bded`	1.64	0.092	Up	0.043	5.80	3.95	0.208	0.246	Up	0.018
Teal	`#d6e7e5`	1.23	0.073	`#acd1cc`	1.58	0.085	Cyan	0.023	6.13	4.59	0.201	0.246	Cyan	0.010
Orange	`#eedfd2`	1.25	0.077	`#e0bfa3`	1.66	0.091	Amber	0.036	6.29	4.06	0.211	0.246	Amber	0.015
Cyan	`#d6e4e8`	1.25	0.077	`#accad2`	1.66	0.092	Teal	0.023	6.10	4.50	0.202	0.246	Teal	0.010
Ink	`#d7d7d7`	1.38	0.106	`#aeaeae`	2.13	0.128	Cyan	0.077	6.42	4.29	0.211	0.246	Cyan	0.034

matte-black Dark

Up#ffc107L 0.84 · C 0.172 · H 85° · fill → #382e10 · edge → #654f0e

Down#d35f5fL 0.63 · C 0.147 · H 22° · fill → #311e1e · edge → #562d2d

Blue#4375d7L 0.58 · C 0.160 · H 262° · fill → #1a2232 · edge → #233557

Amber#dea704L 0.76 · C 0.155 · H 85° · fill → #332a10 · edge → #59460d

Violet#9a5dc3L 0.59 · C 0.160 · H 310° · fill → #281e2e · edge → #422c50

Teal#259d8bL 0.63 · C 0.105 · H 180° · fill → #152825 · edge → #19433c

Orange#c87a09L 0.65 · C 0.142 · H 66° · fill → #2f2311 · edge → #52360f

Cyan#15a2c3L 0.66 · C 0.117 · H 220° · fill → #12292e · edge → #134450

Ink#bebebeL 0.80 · C 0.000 · H 0° · fill → #2e2e2e · edge → #4e4e4e

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#ffc107`		11.49	Amber	0.087	0.000	0.273	1.00	2.31	0.633	0.551	0.357
Down	`#d35f5f`		4.97	Orange	0.110	0.273	0.000	2.31	1.00	0.421	0.341	0.171
Blue	`#4375d7`	kept	4.25	Violet	0.130	0.425	0.271	2.70	1.17	0.379	0.303	0.273
Amber	`#dea704`	kept	8.60	Up	0.087	0.087	0.204	1.34	1.73	0.546	0.465	0.270
Violet	`#9a5dc3`	kept	4.22	Blue	0.130	0.399	0.186	2.72	1.18	0.389	0.312	0.246
Teal	`#259d8b`	kept	5.60	Cyan	0.082	0.301	0.248	2.05	1.13	0.407	0.324	0.215
Orange	`#c87a09`	kept	5.57	Down	0.110	0.204	0.110	2.06	1.12	0.437	0.357	0.158
Cyan	`#15a2c3`	kept	6.23	Teal	0.082	0.325	0.262	1.84	1.25	0.440	0.358	0.267
Ink	`#bebebe`	kept	10.08	Amber	0.161	0.177	0.227	1.14	2.03	0.566	0.480	0.322

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#382e10`	1.40	0.132	`#654f0e`	2.39	0.138	Amber	0.036	8.22	4.07	0.226	0.273	Amber	0.017
Down	`#311e1e`	1.19	0.083	`#562d2d`	1.61	0.096	Orange	0.055	8.46	4.17	0.232	0.273	Orange	0.032
Blue	`#1a2232`	1.18	0.077	`#233557`	1.53	0.085	Cyan	0.055	8.22	3.92	0.252	0.273	Violet	0.027
Amber	`#332a10`	1.32	0.114	`#59460d`	2.06	0.120	Up	0.036	8.35	4.09	0.227	0.273	Up	0.017
Violet	`#281e2e`	1.17	0.079	`#422c50`	1.52	0.088	Blue	0.055	8.35	4.09	0.243	0.273	Blue	0.027
Teal	`#152825`	1.22	0.081	`#19433c`	1.70	0.094	Cyan	0.034	8.20	3.84	0.249	0.273	Cyan	0.016
Orange	`#2f2311`	1.22	0.090	`#52360f`	1.69	0.098	Amber	0.051	8.48	4.10	0.230	0.273	Amber	0.026
Cyan	`#12292e`	1.23	0.088	`#134450`	1.76	0.099	Teal	0.034	8.10	3.80	0.254	0.273	Teal	0.016
Ink	`#2e2e2e`	1.38	0.119	`#4e4e4e`	2.25	0.123	Amber	0.078	8.11	3.97	0.245	0.273	Amber	0.045

miasma Dark

Up#5f875fL 0.58 · C 0.075 · H 145° · fill → #2c322c · edge → #374537

Down#b26c75L 0.61 · C 0.090 · H 12° · fill → #392e2f · edge → #543c3f

Blue#6380b6L 0.60 · C 0.089 · H 262° · fill → #2c313a · edge → #394356

Amber#c9a554L 0.74 · C 0.108 · H 86° · fill → #3d372a · edge → #5c5034

Violet#9d7db5L 0.64 · C 0.089 · H 310° · fill → #36313a · edge → #4d4255

Teal#4aa494L 0.66 · C 0.090 · H 180° · fill → #283734 · edge → #30504a

Orange#b38664L 0.66 · C 0.073 · H 58° · fill → #39322d · edge → #554539

Cyan#60b5cfL 0.73 · C 0.090 · H 220° · fill → #2c3a3e · edge → #38555f

Ink#c2c2b0L 0.81 · C 0.025 · H 107° · fill → #3c3c39 · edge → #5a5a54

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#5f875f`		3.88	Teal	0.093	0.000	0.154	1.00	1.03	0.299	0.153	0.145
Down	`#b26c75`		4.01	Orange	0.080	0.154	0.000	1.03	1.00	0.329	0.184	0.201
Blue	`#6380b6`	`#607db3` lifted	4.01	Violet	0.083	0.142	0.147	1.03	1.00	0.320	0.175	0.204
Amber	`#c9a554`	kept	6.81	Orange	0.099	0.182	0.175	1.76	1.70	0.458	0.308	0.304
Violet	`#9d7db5`	kept	4.57	Blue	0.083	0.173	0.097	1.18	1.14	0.359	0.211	0.239
Teal	`#4aa494`	kept	5.33	Up	0.093	0.093	0.185	1.37	1.33	0.377	0.228	0.230
Orange	`#b38664`	`#956a49` lifted	4.93	Down	0.080	0.125	0.080	1.27	1.23	0.370	0.219	0.222
Cyan	`#60b5cf`	kept	6.82	Teal	0.094	0.179	0.212	1.76	1.70	0.446	0.294	0.307
Ink	`#c2c2b0`	kept	8.82	Amber	0.112	0.234	0.221	2.27	2.20	0.517	0.360	0.367

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#2c322c`	1.21	0.059	`#374537`	1.57	0.066	Teal	0.039	3.20	3.22	0.129	0.154	Teal	0.018
Down	`#392e2f`	1.22	0.064	`#543c3f`	1.59	0.073	Orange	0.033	3.15	3.30	0.132	0.154	Orange	0.015
Blue	`#2c313a`	1.22	0.063	`#394356`	1.60	0.072	Violet	0.032	3.19	3.22	0.127	0.154	Violet	0.017
Amber	`#3d372a`	1.35	0.090	`#5c5034`	2.01	0.099	Orange	0.040	3.15	3.24	0.131	0.154	Orange	0.021
Violet	`#36313a`	1.26	0.072	`#4d4255`	1.69	0.078	Blue	0.032	3.12	3.26	0.129	0.154	Blue	0.017
Teal	`#283734`	1.28	0.073	`#30504a`	1.80	0.084	Cyan	0.038	3.20	3.17	0.125	0.154	Up	0.018
Orange	`#39322d`	1.26	0.072	`#554539`	1.74	0.082	Down	0.033	3.16	3.27	0.131	0.154	Down	0.015
Cyan	`#2c3a3e`	1.35	0.088	`#38555f`	1.99	0.095	Teal	0.038	3.14	3.15	0.124	0.154	Teal	0.020
Ink	`#3c3c39`	1.44	0.103	`#5a5a54`	2.29	0.111	Amber	0.047	3.10	3.19	0.127	0.154	Amber	0.025

nord Dark

Up#a3be8cL 0.77 · C 0.075 · H 131° · fill → #414a4c · edge → #57645b

Down#c98189L 0.68 · C 0.090 · H 12° · fill → #47404c · edge → #644f5a

Blue#8fb4daL 0.76 · C 0.068 · H 249° · fill → #3e4859 · edge → #506176

Amber#dfc080L 0.82 · C 0.089 · H 85° · fill → #4a4a4a · edge → #6c6556

Violet#c99fc1L 0.75 · C 0.067 · H 333° · fill → #474555 · edge → #64596d

Teal#8fd2d1L 0.82 · C 0.068 · H 195° · fill → #3e4d57 · edge → #506b73

Orange#dc9c80L 0.75 · C 0.086 · H 45° · fill → #4a454a · edge → #6b5856

Cyan#499fb8L 0.66 · C 0.090 · H 220° · fill → #324553 · edge → #37596a

Ink#d8dee9L 0.90 · C 0.016 · H 263° · fill → #494f5b · edge → #6a707b

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#a3be8c`		6.13	Amber	0.084	0.000	0.167	1.00	1.47	0.412	0.332	0.253
Down	`#c98189`		4.15	Orange	0.084	0.167	0.000	1.47	1.00	0.328	0.251	0.185
Blue	`#8fb4da`	kept	5.77	Teal	0.088	0.123	0.159	1.06	1.39	0.391	0.306	0.220
Amber	`#dfc080`	kept	7.13	Up	0.084	0.084	0.175	1.16	1.72	0.467	0.388	0.312
Violet	`#c99fc1`	kept	5.48	Blue	0.090	0.141	0.092	1.12	1.32	0.389	0.306	0.226
Teal	`#8fd2d1`	kept	7.32	Blue	0.088	0.091	0.210	1.19	1.76	0.456	0.372	0.287
Orange	`#dc9c80`	kept	5.42	Down	0.084	0.113	0.084	1.13	1.30	0.396	0.317	0.245
Cyan	`#499fb8`	kept	4.12	Blue	0.107	0.159	0.176	1.49	1.01	0.301	0.219	0.135
Ink	`#d8dee9`	kept	9.25	Teal	0.102	0.157	0.240	1.51	2.23	0.532	0.447	0.363

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#414a4c`	1.37	0.079	`#57645b`	2.01	0.089	Amber	0.033	4.46	3.19	0.141	0.167	Amber	0.014
Down	`#47404c`	1.25	0.061	`#644f5a`	1.67	0.072	Orange	0.033	4.56	3.32	0.139	0.167	Violet	0.018
Blue	`#3e4859`	1.35	0.076	`#506176`	1.97	0.087	Teal	0.033	4.46	3.19	0.141	0.167	Violet	0.016
Amber	`#4a4a4a`	1.41	0.088	`#6c6556`	2.16	0.103	Up	0.033	4.44	3.23	0.140	0.167	Up	0.014
Violet	`#474555`	1.34	0.075	`#64596d`	1.90	0.084	Blue	0.035	4.47	3.25	0.140	0.167	Blue	0.016
Teal	`#3e4d57`	1.43	0.088	`#506b73`	2.20	0.099	Blue	0.033	4.40	3.14	0.141	0.167	Blue	0.018
Orange	`#4a454a`	1.33	0.076	`#6b5856`	1.88	0.084	Down	0.033	4.49	3.25	0.142	0.167	Amber	0.016
Cyan	`#324553`	1.26	0.058	`#37596a`	1.66	0.067	Blue	0.046	4.56	3.21	0.143	0.167	Blue	0.023
Ink	`#494f5b`	1.52	0.102	`#6a707b`	2.51	0.117	Teal	0.042	4.31	3.13	0.139	0.167	Teal	0.019

osaka-jade Dark

Up#549e6aL 0.64 · C 0.108 · H 152° · fill → #1c3125 · edge → #284a35

Down#ff5345L 0.68 · C 0.210 · H 29° · fill → #37251f · edge → #642f28

Blue#6b89bfL 0.63 · C 0.089 · H 262° · fill → #1f2d33 · edge → #314252

Amber#ceba61L 0.79 · C 0.112 · H 97° · fill → #2f3524 · edge → #535332

Violet#a988c1L 0.68 · C 0.090 · H 310° · fill → #292d33 · edge → #464253

Teal#46bea6L 0.73 · C 0.112 · H 177° · fill → #19362f · edge → #24554a

Orange#a97a52L 0.62 · C 0.081 · H 61° · fill → #292b21 · edge → #463d2c

Cyan#53a8c1L 0.69 · C 0.090 · H 220° · fill → #1c3233 · edge → #284d53

Ink#c0c2acL 0.81 · C 0.030 · H 111° · fill → #2d3730 · edge → #4e564c

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#549e6a`		5.38	Teal	0.103	0.000	0.287	1.00	1.02	0.369	0.225	0.199
Down	`#ff5345`		5.47	Orange	0.161	0.287	0.000	1.02	1.00	0.465	0.343	0.345
Blue	`#6b89bf`	kept	4.95	Cyan	0.087	0.162	0.277	1.09	1.10	0.368	0.228	0.216
Amber	`#ceba61`	kept	8.99	Ink	0.085	0.182	0.227	1.67	1.65	0.521	0.376	0.358
Violet	`#a988c1`	kept	5.80	Blue	0.088	0.199	0.211	1.08	1.06	0.420	0.279	0.272
Teal	`#46bea6`	kept	7.63	Cyan	0.086	0.103	0.316	1.42	1.40	0.459	0.314	0.289
Orange	`#a97a52`	kept	4.65	Up	0.137	0.137	0.161	1.16	1.18	0.353	0.212	0.204
Cyan	`#53a8c1`	kept	6.43	Teal	0.086	0.123	0.299	1.20	1.18	0.420	0.275	0.255
Ink	`#c0c2ac`	`#C1C497` lifted	9.60	Amber	0.085	0.191	0.245	1.78	1.76	0.531	0.382	0.364

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#1c3125`	1.26	0.079	`#284a35`	1.76	0.087	Teal	0.041	4.27	3.98	0.244	0.287	Teal	0.020
Down	`#37251f`	1.20	0.083	`#642f28`	1.64	0.103	Orange	0.066	4.13	4.54	0.254	0.287	Orange	0.031
Blue	`#1f2d33`	1.23	0.075	`#314252`	1.69	0.086	Violet	0.033	4.30	4.10	0.244	0.287	Violet	0.016
Amber	`#2f3524`	1.38	0.106	`#535332`	2.20	0.118	Ink	0.036	4.20	4.13	0.247	0.287	Ink	0.019
Violet	`#292d33`	1.26	0.084	`#464253`	1.80	0.096	Blue	0.033	4.23	4.21	0.247	0.287	Blue	0.016
Teal	`#19362f`	1.34	0.096	`#24554a`	2.06	0.106	Cyan	0.035	4.25	3.82	0.240	0.287	Cyan	0.018
Orange	`#292b21`	1.21	0.071	`#463d2c`	1.63	0.083	Up	0.055	4.24	4.28	0.249	0.287	Up	0.026
Cyan	`#1c3233`	1.29	0.086	`#284d53`	1.89	0.097	Teal	0.035	4.30	3.94	0.241	0.287	Blue	0.018
Ink	`#2d3730`	1.41	0.111	`#4e564c`	2.29	0.118	Amber	0.036	4.19	4.04	0.246	0.287	Amber	0.019

retro-82 Dark

Up#028391L 0.56 · C 0.096 · H 208° · fill → #05293e · edge → #043d51

Down#f85525L 0.67 · C 0.207 · H 36° · fill → #2c222d · edge → #5a2d2b

Blue#6585bfL 0.62 · C 0.096 · H 262° · fill → #142945 · edge → #273e61

Amber#bea45dL 0.73 · C 0.096 · H 90° · fill → #232e36 · edge → #46493e

Violet#a07dbaL 0.65 · C 0.097 · H 310° · fill → #1e2844 · edge → #3b3b5f

Teal#6db2aaL 0.72 · C 0.071 · H 186° · fill → #163142 · edge → #294e59

Orange#ca8043L 0.67 · C 0.119 · H 58° · fill → #252931 · edge → #4a3c35

Cyan#69c5e0L 0.78 · C 0.096 · H 219° · fill → #15344a · edge → #28556c

Ink#e9decaL 0.90 · C 0.029 · H 83° · fill → #293847 · edge → #555d65

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#028391`		3.96	Blue	0.105	0.000	0.321	1.00	1.36	0.305	0.139	0.151
Down	`#f85525`		5.37	Orange	0.106	0.321	0.000	1.36	1.00	0.482	0.368	0.193
Blue	`#6585bf`	kept	4.81	Violet	0.084	0.105	0.287	1.22	1.12	0.359	0.208	0.167
Amber	`#bea45d`	kept	7.36	Orange	0.087	0.235	0.180	1.86	1.37	0.491	0.337	0.188
Violet	`#a07dba`	kept	5.22	Blue	0.084	0.173	0.223	1.32	1.03	0.395	0.256	0.161
Teal	`#6db2aa`	kept	7.31	Cyan	0.081	0.162	0.276	1.85	1.36	0.461	0.295	0.206
Orange	`#ca8043`	kept	5.68	Amber	0.087	0.234	0.106	1.43	1.06	0.444	0.306	0.133
Cyan	`#69c5e0`	kept	9.06	Teal	0.081	0.219	0.322	2.29	1.69	0.520	0.356	0.276
Ink	`#e9deca`	`#f6dcac` lifted	13.40	Cyan	0.174	0.365	0.303	3.38	2.50	0.650	0.491	0.359

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#05293e`	1.18	0.063	`#043d51`	1.52	0.070	Blue	0.043	3.34	3.80	0.258	0.321	Blue	0.020
Down	`#2c222d`	1.17	0.078	`#5a2d2b`	1.57	0.105	Orange	0.048	3.12	4.60	0.310	0.321	Orange	0.025
Blue	`#142945`	1.22	0.073	`#273e61`	1.66	0.084	Violet	0.029	3.30	4.05	0.277	0.321	Violet	0.013
Amber	`#232e36`	1.29	0.093	`#46493e`	1.94	0.110	Orange	0.039	3.26	4.26	0.287	0.321	Orange	0.017
Violet	`#1e2844`	1.23	0.077	`#3b3b5f`	1.68	0.088	Blue	0.029	3.25	4.20	0.291	0.321	Blue	0.013
Teal	`#163142`	1.32	0.094	`#294e59`	1.98	0.102	Cyan	0.034	3.32	3.94	0.270	0.321	Cyan	0.016
Orange	`#252931`	1.22	0.081	`#4a3c35`	1.69	0.096	Amber	0.039	3.23	4.38	0.295	0.321	Amber	0.017
Cyan	`#15344a`	1.38	0.106	`#28556c`	2.22	0.116	Teal	0.034	3.32	3.84	0.267	0.321	Teal	0.016
Ink	`#293847`	1.49	0.128	`#555d65`	2.67	0.141	Cyan	0.066	3.24	4.05	0.285	0.321	Cyan	0.030

ristretto Dark

Up#adda78L 0.83 · C 0.135 · H 129° · fill → #414232 · edge → #596442

Down#fd6883L 0.71 · C 0.182 · H 12° · fill → #4d3034 · edge → #753c46

Blue#a8a9ebL 0.76 · C 0.094 · H 283° · fill → #403a45 · edge → #57536a

Amber#f9cc6cL 0.87 · C 0.125 · H 85° · fill → #4d4030 · edge → #745f3e

Violet#b688d8L 0.70 · C 0.124 · H 310° · fill → #423542 · edge → #5c4864

Teal#7ddbccL 0.83 · C 0.093 · H 183° · fill → #394240 · edge → #48655f

Orange#fdad91L 0.82 · C 0.102 · H 40° · fill → #4d3b36 · edge → #75554b

Cyan#48cdf1L 0.79 · C 0.123 · H 220° · fill → #304046 · edge → #36606c

Ink#e6d9dbL 0.90 · C 0.015 · H 7° · fill → #4a4242 · edge → #6d6465

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#adda78`		9.35	Amber	0.104	0.000	0.299	1.00	1.75	0.533	0.392	0.333
Down	`#fd6883`		5.35	Orange	0.150	0.299	0.000	1.75	1.00	0.423	0.295	0.201
Blue	`#a8a9eb`	kept	6.82	Violet	0.082	0.237	0.209	1.37	1.27	0.452	0.304	0.260
Amber	`#f9cc6c`	kept	9.93	Orange	0.100	0.104	0.244	1.06	1.85	0.557	0.415	0.335
Violet	`#b688d8`	kept	5.36	Blue	0.082	0.292	0.166	1.74	1.00	0.402	0.260	0.213
Teal	`#7ddbcc`	kept	9.21	Cyan	0.084	0.109	0.299	1.02	1.72	0.522	0.374	0.331
Orange	`#fdad91`	kept	8.27	Amber	0.100	0.169	0.150	1.13	1.54	0.505	0.361	0.275
Cyan	`#48cdf1`	kept	8.06	Teal	0.084	0.189	0.308	1.16	1.51	0.494	0.348	0.321
Ink	`#e6d9db`	kept	10.95	Orange	0.120	0.156	0.251	1.17	2.05	0.577	0.427	0.359

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#414232`	1.47	0.105	`#596442`	2.38	0.115	Amber	0.043	6.38	3.81	0.260	0.299	Amber	0.021
Down	`#4d3034`	1.28	0.080	`#753c46`	1.78	0.093	Violet	0.065	6.51	4.19	0.250	0.299	Violet	0.030
Blue	`#403a45`	1.37	0.089	`#57536a`	2.04	0.098	Violet	0.031	6.46	3.93	0.259	0.299	Violet	0.015
Amber	`#4d4030`	1.50	0.111	`#745f3e`	2.47	0.120	Orange	0.040	6.29	3.89	0.256	0.299	Up	0.021
Violet	`#423542`	1.30	0.079	`#5c4864`	1.83	0.089	Blue	0.031	6.53	4.05	0.257	0.299	Blue	0.015
Teal	`#394240`	1.45	0.100	`#48655f`	2.36	0.114	Cyan	0.036	6.40	3.77	0.264	0.299	Cyan	0.019
Orange	`#4d3b36`	1.43	0.100	`#75554b`	2.26	0.112	Amber	0.040	6.37	3.99	0.254	0.299	Amber	0.021
Cyan	`#304046`	1.39	0.094	`#36606c`	2.18	0.107	Teal	0.036	6.48	3.74	0.266	0.299	Teal	0.019
Ink	`#4a4242`	1.54	0.115	`#6d6465`	2.62	0.125	Orange	0.048	6.22	3.83	0.257	0.299	Orange	0.024

rose-pine Light

Up#286983L 0.49 · C 0.077 · H 228° · fill → #d8dedc · edge → #b1c3c8

Down#b4637aL 0.60 · C 0.107 · H 3° · fill → #efdddb · edge → #e2c1c5

Blue#5774a9L 0.56 · C 0.090 · H 262° · fill → #e0e0e2 · edge → #c1c7d5

Amber#8c7533L 0.57 · C 0.090 · H 90° · fill → #e8e0cf · edge → #d4c8ac

Violet#6d5885L 0.50 · C 0.074 · H 305° · fill → #e3dbdc · edge → #c9bdc9

Teal#218373L 0.55 · C 0.091 · H 179° · fill → #d7e2d9 · edge → #aeccc2

Orange#a2582fL 0.54 · C 0.112 · H 48° · fill → #ecdbcf · edge → #dbbdab

Cyan#08526bL 0.41 · C 0.077 · H 228° · fill → #d3dad8 · edge → #a5bbc0

Ink#3e3b4dL 0.36 · C 0.031 · H 292° · fill → #dcd6d3 · edge → #b8b3b5

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#286983`		5.59	Cyan	0.081	0.000	0.202	1.00	1.46	0.457	0.361	0.296
Down	`#b4637a`		3.84	Orange	0.103	0.202	0.000	1.46	1.00	0.355	0.265	0.231
Blue	`#5774a9`	kept	4.30	Up	0.085	0.085	0.157	1.30	1.12	0.393	0.297	0.236
Amber	`#8c7533`	`#98813f` lifted	4.08	Orange	0.081	0.175	0.139	1.37	1.06	0.376	0.288	0.238
Violet	`#6d5885`	kept	5.68	Blue	0.086	0.095	0.135	1.02	1.48	0.447	0.351	0.296
Teal	`#218373`	kept	4.22	Up	0.093	0.093	0.204	1.33	1.10	0.400	0.308	0.240
Orange	`#a2582f`	`#ac6138` lifted	4.84	Amber	0.081	0.195	0.103	1.16	1.26	0.411	0.323	0.282
Cyan	`#08526b`	kept	7.91	Up	0.081	0.081	0.254	1.42	2.06	0.536	0.440	0.376
Ink	`#3e3b4d`	`#575279` lifted	9.92	Cyan	0.084	0.146	0.257	1.77	2.58	0.578	0.481	0.422

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#d8dedc`	1.25	0.076	`#b1c3c8`	1.67	0.092	Cyan	0.028	4.48	3.38	0.163	0.202	Teal	0.013
Down	`#efdddb`	1.20	0.060	`#e2c1c5`	1.52	0.074	Orange	0.037	4.57	3.20	0.183	0.202	Orange	0.016
Blue	`#e0e0e2`	1.21	0.064	`#c1c7d5`	1.55	0.080	Violet	0.027	4.44	3.30	0.167	0.202	Violet	0.013
Amber	`#e8e0cf`	1.20	0.063	`#d4c8ac`	1.52	0.075	Orange	0.029	4.53	3.24	0.177	0.202	Orange	0.014
Violet	`#e3dbdc`	1.25	0.073	`#c9bdc9`	1.66	0.088	Blue	0.027	4.58	3.29	0.176	0.202	Blue	0.013
Teal	`#d7e2d9`	1.22	0.070	`#aeccc2`	1.57	0.084	Up	0.029	4.40	3.38	0.156	0.202	Up	0.013
Orange	`#ecdbcf`	1.23	0.069	`#dbbdab`	1.62	0.084	Amber	0.029	4.65	3.25	0.182	0.202	Amber	0.014
Cyan	`#d3dad8`	1.30	0.089	`#a5bbc0`	1.84	0.107	Up	0.028	4.57	3.46	0.160	0.202	Up	0.013
Ink	`#dcd6d3`	1.32	0.090	`#b8b3b5`	1.89	0.109	Cyan	0.031	4.66	3.37	0.173	0.202	Cyan	0.014

solitude Dark

Up#9fa5a9L 0.72 · C 0.009 · H 237° · fill → #272a2d · edge → #424649

Down#de6145L 0.64 · C 0.163 · H 34° · fill → #311f1d · edge → #582e26

Blue#5875abL 0.56 · C 0.091 · H 262° · fill → #1c232d · edge → #29354a

Amber#a8904eL 0.66 · C 0.090 · H 90° · fill → #28271e · edge → #453f29

Violet#9171a9L 0.60 · C 0.090 · H 310° · fill → #25222d · edge → #3d3449

Teal#359282L 0.60 · C 0.090 · H 180° · fill → #162726 · edge → #1d3f3b

Orange#b35f4cL 0.58 · C 0.113 · H 34° · fill → #2a1f1e · edge → #492e28

Cyan#4da2bbL 0.67 · C 0.090 · H 220° · fill → #1a2a30 · edge → #25454f

Ink#caccccL 0.84 · C 0.002 · H 197° · fill → #2e3132 · edge → #515455

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#9fa5a9`		7.49	Cyan	0.095	0.000	0.187	1.00	1.43	0.494	0.306	0.291
Down	`#de6145`		5.24	Orange	0.081	0.187	0.000	1.43	1.00	0.452	0.287	0.277
Blue	`#5875ab`	`#5471a6` lifted	4.04	Violet	0.082	0.176	0.247	1.85	1.30	0.350	0.170	0.160
Amber	`#a8904e`	kept	6.01	Up	0.114	0.114	0.136	1.25	1.15	0.447	0.269	0.253
Violet	`#9171a9`	kept	4.56	Blue	0.082	0.147	0.183	1.64	1.15	0.387	0.205	0.195
Teal	`#359282`	kept	4.96	Cyan	0.093	0.146	0.247	1.51	1.06	0.387	0.209	0.193
Orange	`#b35f4c`	kept	4.14	Down	0.081	0.184	0.081	1.81	1.27	0.375	0.206	0.196
Cyan	`#4da2bb`	kept	6.40	Teal	0.093	0.095	0.253	1.17	1.22	0.453	0.270	0.256
Ink	`#cacccc`	kept	11.56	Up	0.126	0.126	0.259	1.54	2.21	0.620	0.431	0.417

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#272a2d`	1.29	0.099	`#424649`	1.96	0.108	Cyan	0.041	5.79	4.17	0.161	0.187	Cyan	0.020
Down	`#311f1d`	1.19	0.084	`#582e26`	1.63	0.099	Orange	0.031	5.78	4.39	0.156	0.187	Orange	0.015
Blue	`#1c232d`	1.18	0.071	`#29354a`	1.51	0.076	Violet	0.033	5.77	4.10	0.164	0.187	Violet	0.016
Amber	`#28271e`	1.24	0.089	`#453f29`	1.77	0.099	Up	0.049	5.81	4.24	0.158	0.187	Up	0.025
Violet	`#25222d`	1.19	0.078	`#3d3449`	1.59	0.085	Blue	0.033	5.82	4.23	0.162	0.187	Blue	0.016
Teal	`#162726`	1.20	0.076	`#1d3f3b`	1.62	0.085	Cyan	0.038	5.80	4.03	0.163	0.187	Cyan	0.021
Orange	`#2a1f1e`	1.17	0.072	`#492e28`	1.51	0.084	Down	0.031	5.81	4.33	0.157	0.187	Down	0.015
Cyan	`#1a2a30`	1.26	0.091	`#25454f`	1.81	0.098	Teal	0.038	5.78	4.00	0.165	0.187	Up	0.020
Ink	`#2e3132`	1.42	0.126	`#515455`	2.44	0.133	Up	0.052	5.66	4.10	0.160	0.187	Up	0.028

tokyo-night Dark

Up#9ece6aL 0.80 · C 0.139 · H 130° · fill → #2f3831 · edge → #485a3e

Down#f7768eL 0.72 · C 0.159 · H 10° · fill → #3d2a37 · edge → #673b4a

Blue#94b6fcL 0.78 · C 0.107 · H 264° · fill → #2e3448 · edge → #455171

Amber#e0af68L 0.78 · C 0.106 · H 75° · fill → #3a3331 · edge → #5f4f3d

Violet#ad8ee6L 0.71 · C 0.129 · H 299° · fill → #322d45 · edge → #4d4369

Teal#08c3acL 0.73 · C 0.132 · H 180° · fill → #17363b · edge → #145655

Orange#d77f69L 0.69 · C 0.114 · H 35° · fill → #382b31 · edge → #5c3e3d

Cyan#2eb1ccL 0.70 · C 0.114 · H 215° · fill → #1d3341 · edge → #215060

Ink#aaafc4L 0.76 · C 0.031 · H 275° · fill → #31333f · edge → #4c4f5d

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#9ece6a`		9.35	Amber	0.117	0.000	0.268	1.00	1.45	0.541	0.429	0.353
Down	`#f7768e`		6.46	Orange	0.081	0.268	0.000	1.45	1.00	0.471	0.358	0.290
Blue	`#94b6fc`	kept	8.43	Ink	0.080	0.228	0.222	1.11	1.30	0.501	0.373	0.267
Amber	`#e0af68`	kept	8.55	Up	0.117	0.117	0.161	1.09	1.32	0.521	0.407	0.333
Violet	`#ad8ee6`	kept	6.34	Blue	0.101	0.281	0.169	1.48	1.02	0.438	0.311	0.210
Teal	`#08c3ac`	kept	7.66	Cyan	0.081	0.131	0.290	1.22	1.19	0.472	0.355	0.268
Orange	`#d77f69`	kept	5.80	Down	0.081	0.218	0.081	1.61	1.11	0.426	0.315	0.252
Cyan	`#2eb1cc`	kept	6.74	Teal	0.081	0.195	0.267	1.39	1.04	0.434	0.310	0.211
Ink	`#aaafc4`	`#a9b1d6` lifted	7.84	Blue	0.080	0.170	0.168	1.19	1.21	0.475	0.348	0.251

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#2f3831`	1.41	0.109	`#485a3e`	2.29	0.119	Amber	0.047	6.64	4.69	0.230	0.268	Amber	0.024
Down	`#3d2a37`	1.29	0.091	`#673b4a`	1.87	0.104	Orange	0.033	6.64	5.01	0.226	0.268	Orange	0.016
Blue	`#2e3448`	1.38	0.103	`#455171`	2.17	0.112	Ink	0.033	6.57	4.70	0.232	0.268	Ink	0.016
Amber	`#3a3331`	1.38	0.105	`#5f4f3d`	2.17	0.114	Up	0.047	6.63	4.83	0.227	0.268	Up	0.024
Violet	`#322d45`	1.30	0.090	`#4d4369`	1.89	0.098	Blue	0.041	6.70	4.88	0.230	0.268	Blue	0.022
Teal	`#17363b`	1.32	0.093	`#145655`	2.03	0.106	Cyan	0.033	6.70	4.50	0.234	0.268	Cyan	0.019
Orange	`#382b31`	1.27	0.083	`#5c3e3d`	1.80	0.095	Down	0.033	6.73	4.99	0.227	0.268	Down	0.016
Cyan	`#1d3341`	1.30	0.087	`#215060`	1.94	0.099	Teal	0.033	6.71	4.61	0.234	0.268	Teal	0.019
Ink	`#31333f`	1.36	0.098	`#4c4f5d`	2.10	0.106	Blue	0.033	6.64	4.78	0.231	0.268	Blue	0.016

vantablack Dark

Up#b6b6b6L 0.78 · C 0.000 · H 0° · fill → #1d1d1d · edge → #404040

Down#cc838cL 0.69 · C 0.091 · H 12° · fill → #211516 · edge → #472e31

Blue#7695cdL 0.67 · C 0.091 · H 262° · fill → #131821 · edge → #293448

Amber#cdb572L 0.78 · C 0.090 · H 90° · fill → #211d12 · edge → #483f28

Violet#b695cfL 0.72 · C 0.090 · H 310° · fill → #1d1821 · edge → #403448

Teal#5db7a6L 0.72 · C 0.091 · H 180° · fill → #0f1d1b · edge → #21403a

Orange#b57856L 0.63 · C 0.090 · H 50° · fill → #1d130e · edge → #3f2a1e

Cyan#6dc2dcL 0.77 · C 0.090 · H 220° · fill → #111f23 · edge → #26444d

Ink#ffffffL 1.00 · C 0.000 · H 0° · fill → #292929 · edge → #595959

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#b6b6b6`		10.36	Cyan	0.090	0.000	0.127	1.00	1.44	0.563	0.386	0.352
Down	`#cc838c`		7.19	Orange	0.084	0.127	0.000	1.44	1.00	0.483	0.311	0.279
Blue	`#7695cd`	kept	6.95	Violet	0.090	0.141	0.150	1.49	1.03	0.464	0.293	0.261
Amber	`#cdb572`	kept	10.45	Up	0.091	0.091	0.147	1.01	1.45	0.573	0.399	0.366
Violet	`#b695cf`	kept	8.19	Blue	0.090	0.106	0.098	1.26	1.14	0.515	0.342	0.309
Teal	`#5db7a6`	kept	8.79	Cyan	0.080	0.107	0.183	1.18	1.22	0.514	0.341	0.309
Orange	`#b57856`	kept	5.79	Down	0.084	0.173	0.084	1.79	1.24	0.425	0.255	0.224
Cyan	`#6dc2dc`	kept	10.40	Teal	0.080	0.090	0.194	1.00	1.45	0.564	0.390	0.358
Ink	`#ffffff`	kept	21.00	Up	0.224	0.224	0.325	2.03	2.92	0.787	0.610	0.576

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#1d1d1d`	1.25	0.231	`#404040`	2.03	0.141	Amber	0.038	8.31	6.08	0.108	0.127	Amber	0.021
Down	`#211516`	1.18	0.213	`#472e31`	1.70	0.122	Orange	0.036	8.25	6.08	0.106	0.127	Orange	0.018
Blue	`#131821`	1.18	0.209	`#293448`	1.68	0.118	Violet	0.039	8.26	5.96	0.109	0.127	Violet	0.019
Amber	`#211d12`	1.25	0.233	`#483f28`	2.02	0.140	Up	0.038	8.30	6.10	0.107	0.127	Up	0.021
Violet	`#1d1821`	1.20	0.220	`#403448`	1.80	0.129	Blue	0.039	8.29	6.07	0.107	0.127	Blue	0.019
Teal	`#0f1d1b`	1.21	0.218	`#21403a`	1.86	0.130	Cyan	0.034	8.26	5.93	0.110	0.127	Cyan	0.016
Orange	`#1d130e`	1.15	0.199	`#3f2a1e`	1.56	0.110	Down	0.036	8.20	6.01	0.107	0.127	Down	0.018
Cyan	`#111f23`	1.24	0.229	`#26444d`	2.02	0.140	Teal	0.034	8.27	5.98	0.109	0.127	Teal	0.016
Ink	`#292929`	1.44	0.281	`#595959`	3.00	0.183	Up	0.093	8.17	6.04	0.107	0.127	Up	0.050

white Light

Up#3a3a3aL 0.35 · C 0.000 · H 0° · fill → #dfdfdf · edge → #bababa

Down#6d2e38L 0.39 · C 0.090 · H 12° · fill → #e8dedf · edge → #ccb6b9

Blue#243e6fL 0.37 · C 0.090 · H 262° · fill → #dce0e8 · edge → #b2bbcd

Amber#715b13L 0.48 · C 0.090 · H 91° · fill → #e8e5d9 · edge → #cdc6ac

Violet#5c3e71L 0.42 · C 0.089 · H 310° · fill → #e5e0e8 · edge → #c6bbcd

Teal#0a5a4fL 0.42 · C 0.073 · H 180° · fill → #d8e5e3 · edge → #a9c5c1

Orange#9c613fL 0.55 · C 0.091 · H 50° · fill → #efe6e0 · edge → #dcc8bc

Cyan#196b80L 0.49 · C 0.081 · H 220° · fill → #dae7eb · edge → #afcbd3

Ink#000000L 0.00 · C 0.000 · H 0° · fill → #d6d6d6 · edge → #a6a6a6

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#3a3a3a`		11.37	Blue	0.093	0.000	0.100	1.00	1.14	0.595	0.406	0.406
Down	`#6d2e38`		10.01	Violet	0.097	0.100	0.000	1.14	1.00	0.559	0.374	0.374
Blue	`#243e6f`	kept	10.53	Violet	0.089	0.093	0.150	1.08	1.05	0.580	0.395	0.395
Amber	`#715b13`	kept	6.55	Orange	0.094	0.160	0.144	1.74	1.53	0.472	0.288	0.288
Violet	`#5c3e71`	kept	8.81	Blue	0.089	0.114	0.097	1.29	1.14	0.531	0.346	0.346
Teal	`#0a5a4f`	kept	8.11	Cyan	0.087	0.103	0.165	1.40	1.23	0.527	0.341	0.341
Orange	`#9c613f`	kept	5.01	Amber	0.094	0.221	0.169	2.27	2.00	0.403	0.223	0.223
Cyan	`#196b80`	kept	6.08	Teal	0.087	0.164	0.194	1.87	1.65	0.460	0.276	0.276
Ink	`#000000`	kept	21.00	Up	0.348	0.348	0.402	1.85	2.10	0.943	0.754	0.754

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#dfdfdf`	1.33	0.096	`#bababa`	1.94	0.115	Down	0.026	8.54	7.75	0.084	0.100	Blue	0.012
Down	`#e8dedf`	1.32	0.092	`#ccb6b9`	1.92	0.114	Up	0.026	8.58	7.60	0.085	0.100	Violet	0.012
Blue	`#dce0e8`	1.32	0.095	`#b2bbcd`	1.93	0.116	Up	0.027	8.53	7.84	0.082	0.100	Up	0.012
Amber	`#e8e5d9`	1.26	0.081	`#cdc6ac`	1.71	0.098	Orange	0.032	8.32	7.50	0.083	0.100	Orange	0.014
Violet	`#e5e0e8`	1.30	0.088	`#c6bbcd`	1.84	0.107	Down	0.027	8.43	7.59	0.084	0.100	Down	0.012
Teal	`#d8e5e3`	1.29	0.090	`#a9c5c1`	1.84	0.111	Cyan	0.028	8.48	7.96	0.079	0.100	Cyan	0.011
Orange	`#efe6e0`	1.23	0.071	`#dcc8bc`	1.61	0.086	Amber	0.032	8.17	7.28	0.084	0.100	Amber	0.014
Cyan	`#dae7eb`	1.26	0.082	`#afcbd3`	1.71	0.097	Teal	0.028	8.24	7.74	0.079	0.100	Teal	0.011
Ink	`#d6d6d6`	1.45	0.124	`#a6a6a6`	2.43	0.151	Up	0.064	8.95	8.09	0.086	0.100	Up	0.028

Midnight (built in) Dark

Up#3fb950L 0.70 · C 0.181 · H 146° · fill → #152c20 · edge → #1f4c2b

Down#ff7b72L 0.73 · C 0.163 · H 26° · fill → #342226 · edge → #623637

Blue#58a6ffL 0.72 · C 0.152 · H 253° · fill → #19293c · edge → #274568

Amber#d29922L 0.72 · C 0.140 · H 80° · fill → #2d2719 · edge → #52411b

Violet#bc8cffL 0.73 · C 0.167 · H 302° · fill → #29253c · edge → #4a3c68

Teal#39c5cfL 0.76 · C 0.116 · H 202° · fill → #142e34 · edge → #1c5057

Orange#ff9b50L 0.78 · C 0.149 · H 55° · fill → #342720 · edge → #62412b

Cyan#76e4f7L 0.86 · C 0.104 · H 210° · fill → #1e333b · edge → #325b65

Ink#e6edf3L 0.94 · C 0.011 · H 244° · fill → #30343a · edge → #595e64

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#3fb950`		7.45	Teal	0.163	0.000	0.300	1.00	1.01	0.491	0.410	0.307
Down	`#ff7b72`		7.51	Orange	0.092	0.300	0.000	1.01	1.00	0.523	0.440	0.341
Blue	`#58a6ff`	kept	7.49	Teal	0.127	0.270	0.288	1.01	1.00	0.492	0.409	0.229
Amber	`#d29922`	kept	7.50	Orange	0.087	0.179	0.140	1.01	1.00	0.504	0.419	0.329
Violet	`#bc8cff`	kept	7.51	Blue	0.132	0.342	0.221	1.01	1.00	0.514	0.432	0.271
Teal	`#39c5cf`	kept	9.07	Cyan	0.107	0.163	0.279	1.22	1.21	0.525	0.439	0.279
Orange	`#ff9b50`	kept	9.06	Amber	0.087	0.250	0.092	1.22	1.21	0.563	0.478	0.377
Cyan	`#76e4f7`	kept	12.81	Teal	0.107	0.234	0.295	1.72	1.71	0.626	0.539	0.376
Ink	`#e6edf3`	kept	16.02	Cyan	0.126	0.308	0.270	2.15	2.13	0.701	0.613	0.458

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#152c20`	1.27	0.102	`#1f4c2b`	1.92	0.112	Teal	0.070	5.85	5.48	0.248	0.300	Teal	0.035
Down	`#342226`	1.26	0.105	`#623637`	1.89	0.118	Orange	0.042	5.52	5.94	0.270	0.300	Orange	0.023
Blue	`#19293c`	1.28	0.104	`#274568`	1.93	0.112	Teal	0.053	5.72	5.52	0.252	0.300	Teal	0.027
Amber	`#2d2719`	1.28	0.106	`#52411b`	1.92	0.115	Orange	0.039	5.67	5.84	0.263	0.300	Orange	0.019
Violet	`#29253c`	1.28	0.108	`#4a3c68`	1.93	0.116	Blue	0.055	5.58	5.75	0.263	0.300	Blue	0.027
Teal	`#142e34`	1.32	0.110	`#1c5057`	2.10	0.119	Cyan	0.046	5.78	5.39	0.246	0.300	Cyan	0.024
Orange	`#342720`	1.31	0.115	`#62412b`	2.08	0.127	Amber	0.039	5.57	5.88	0.267	0.300	Amber	0.019
Cyan	`#1e333b`	1.43	0.132	`#325b65`	2.54	0.140	Teal	0.046	5.67	5.38	0.248	0.300	Teal	0.024
Ink	`#30343a`	1.51	0.147	`#595e64`	2.89	0.156	Cyan	0.053	5.53	5.52	0.258	0.300	Cyan	0.027

Carbon (built in) Dark

Up#26a269L 0.63 · C 0.136 · H 158° · fill → #152920 · edge → #194430

Down#e01b24L 0.58 · C 0.224 · H 27° · fill → #331315 · edge → #5a1518

Blue#3584e4L 0.61 · C 0.164 · H 255° · fill → #182434 · edge → #1e3a5c

Amber#f5c211L 0.84 · C 0.169 · H 89° · fill → #362e12 · edge → #615012

Violet#a252beL 0.58 · C 0.175 · H 317° · fill → #291c2e · edge → #44284e

Teal#33d17aL 0.76 · C 0.178 · H 154° · fill → #173123 · edge → #1e5536

Orange#ff7800L 0.72 · C 0.191 · H 50° · fill → #38220f · edge → #65360c

Cyan#62a0eaL 0.70 · C 0.127 · H 254° · fill → #1f2935 · edge → #2e445e

Ink#edededL 0.95 · C 0.000 · H 0° · fill → #353535 · edge → #5f5f5f

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#26a269`		5.76	Teal	0.136	0.000	0.335	1.00	1.48	0.424	0.340	0.145
Down	`#e01b24`		3.88	Orange	0.167	0.335	0.000	1.48	1.00	0.414	0.341	0.224
Blue	`#3584e4`	kept	4.97	Cyan	0.090	0.228	0.357	1.16	1.28	0.417	0.336	0.167
Amber	`#f5c211`	kept	11.25	Orange	0.169	0.268	0.332	1.95	2.90	0.628	0.542	0.304
Violet	`#a252be`	`#9141ac` lifted	4.00	Blue	0.176	0.311	0.233	1.44	1.03	0.391	0.313	0.175
Teal	`#33d17a`	kept	9.40	Up	0.136	0.136	0.404	1.63	2.42	0.560	0.475	0.252
Orange	`#ff7800`	kept	7.08	Down	0.167	0.281	0.167	1.23	1.82	0.525	0.442	0.235
Cyan	`#62a0ea`	kept	6.90	Blue	0.090	0.206	0.345	1.20	1.78	0.482	0.395	0.170
Ink	`#ededed`	kept	16.00	Amber	0.201	0.342	0.431	2.78	4.12	0.715	0.625	0.363

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#152920`	1.22	0.084	`#194430`	1.70	0.094	Teal	0.057	4.71	2.76	0.306	0.335	Teal	0.029
Down	`#331315`	1.11	0.075	`#5a1518`	1.39	0.092	Orange	0.090	4.14	3.50	0.297	0.335	Violet	0.050
Blue	`#182434`	1.20	0.083	`#1e3a5c`	1.62	0.094	Cyan	0.040	4.63	2.85	0.302	0.335	Cyan	0.022
Amber	`#362e12`	1.39	0.129	`#615012`	2.38	0.139	Orange	0.073	4.46	3.09	0.310	0.335	Orange	0.038
Violet	`#291c2e`	1.16	0.078	`#44284e`	1.48	0.086	Blue	0.075	4.42	3.21	0.299	0.335	Blue	0.037
Teal	`#173123`	1.34	0.113	`#1e5536`	2.15	0.122	Up	0.057	4.70	2.64	0.310	0.335	Up	0.029
Orange	`#38220f`	1.25	0.104	`#65360c`	1.86	0.117	Amber	0.073	4.35	3.33	0.305	0.335	Amber	0.038
Cyan	`#1f2935`	1.27	0.098	`#2e445e`	1.88	0.107	Blue	0.040	4.62	2.86	0.306	0.335	Blue	0.022
Ink	`#353535`	1.53	0.147	`#5f5f5f`	2.93	0.157	Amber	0.094	4.45	2.91	0.309	0.335	Amber	0.052

Paper (built in) Light

Up#2f7d52L 0.53 · C 0.103 · H 156° · fill → #dae4d9 · edge → #b4cdbb

Down#b03a2eL 0.52 · C 0.156 · H 29° · fill → #efdad3 · edge → #e1b6ae

Blue#1f6febL 0.57 · C 0.202 · H 260° · fill → #d8e2f2 · edge → #aec8f0

Amber#9e7204L 0.58 · C 0.119 · H 81° · fill → #ece3cd · edge → #dac99f

Violet#7d3c98L 0.48 · C 0.153 · H 315° · fill → #e7dae4 · edge → #cfb6d3

Teal#0d665fL 0.46 · C 0.077 · H 186° · fill → #d5e1db · edge → #a8c5bf

Orange#c56320L 0.61 · C 0.146 · H 50° · fill → #f2e0d1 · edge → #e8c4a9

Cyan#1f7a8cL 0.54 · C 0.085 · H 214° · fill → #d8e4e3 · edge → #aecccf

Ink#2d2a26L 0.29 · C 0.008 · H 75° · fill → #dad7d2 · edge → #b3b0ab

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#2f7d52`		4.75	Teal	0.087	0.000	0.233	1.00	1.20	0.418	0.296	0.251
Down	`#b03a2e`		5.68	Orange	0.105	0.233	0.000	1.20	1.00	0.443	0.323	0.248
Blue	`#1f6feb`	kept	4.37	Cyan	0.158	0.251	0.328	1.09	1.30	0.427	0.331	0.317
Amber	`#9e7204`	`#b8860b` lifted	4.08	Orange	0.080	0.145	0.140	1.16	1.39	0.369	0.245	0.176
Violet	`#7d3c98`	kept	6.67	Down	0.191	0.257	0.191	1.41	1.17	0.484	0.369	0.318
Teal	`#0d665f`	kept	6.43	Cyan	0.085	0.087	0.236	1.35	1.13	0.482	0.358	0.311
Orange	`#c56320`	`#c2601c` lifted	3.83	Amber	0.080	0.215	0.105	1.24	1.48	0.355	0.237	0.160
Cyan	`#1f7a8c`	kept	4.70	Teal	0.085	0.093	0.242	1.01	1.21	0.411	0.291	0.255
Ink	`#2d2a26`	kept	13.48	Teal	0.192	0.263	0.275	2.84	2.37	0.649	0.522	0.461

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#dae4d9`	1.23	0.074	`#b4cdbb`	1.60	0.086	Cyan	0.029	3.85	4.88	0.198	0.233	Teal	0.012
Down	`#efdad3`	1.27	0.079	`#e1b6ae`	1.72	0.095	Orange	0.042	4.16	4.48	0.206	0.233	Orange	0.018
Blue	`#d8e2f2`	1.23	0.077	`#aec8f0`	1.61	0.092	Cyan	0.052	3.88	4.97	0.198	0.233	Cyan	0.023
Amber	`#ece3cd`	1.21	0.067	`#dac99f`	1.54	0.083	Orange	0.030	3.96	4.55	0.204	0.233	Orange	0.014
Violet	`#e7dae4`	1.28	0.082	`#cfb6d3`	1.76	0.100	Down	0.057	4.10	4.65	0.205	0.233	Down	0.025
Teal	`#d5e1db`	1.27	0.083	`#a8c5bf`	1.74	0.101	Cyan	0.027	3.94	5.03	0.197	0.233	Up	0.012
Orange	`#f2e0d1`	1.21	0.066	`#e8c4a9`	1.54	0.078	Amber	0.030	3.99	4.41	0.206	0.233	Amber	0.014
Cyan	`#d8e4e3`	1.23	0.073	`#aecccf`	1.61	0.088	Teal	0.027	3.85	4.96	0.199	0.233	Teal	0.013
Ink	`#dad7d2`	1.35	0.100	`#b3b0ab`	2.04	0.122	Teal	0.054	4.13	4.91	0.203	0.233	Teal	0.025

Daylight (built in) Light

Up#1a7f37L 0.52 · C 0.140 · H 148° · fill → #daebdf · edge → #afd2b9

Down#cf222eL 0.55 · C 0.205 · H 25° · fill → #f7dcde · edge → #eeb2b6

Blue#0969daL 0.54 · C 0.191 · H 257° · fill → #d8e7f9 · edge → #a9cbf2

Amber#9a6700L 0.55 · C 0.117 · H 75° · fill → #efe7d6 · edge → #dccaa6

Violet#8250dfL 0.56 · C 0.207 · H 295° · fill → #ebe3fa · edge → #d3c2f4

Teal#0f6a71L 0.48 · C 0.078 · H 203° · fill → #d9e7e8 · edge → #abcbcd

Orange#c1510bL 0.57 · C 0.160 · H 45° · fill → #f5e3d8 · edge → #e9c2aa

Cyan#0a7ea4L 0.55 · C 0.107 · H 228° · fill → #d8eaf0 · edge → #a9d2df

Ink#1f2328L 0.25 · C 0.011 · H 254° · fill → #dbdcdd · edge → #b1b2b4

line	hex	swatch	contrast	nearest	ΔE	ΔE up	ΔE down	on up body	on down body	ΔE grid	ΔE axis	ΔE crosshair as drawn
Up	`#1a7f37`		5.08	Teal	0.124	0.000	0.307	1.00	1.05	0.460	0.362	0.288
Down	`#cf222e`		5.36	Orange	0.081	0.307	0.000	1.05	1.00	0.461	0.374	0.341
Blue	`#0969da`	kept	5.19	Cyan	0.111	0.272	0.354	1.02	1.03	0.462	0.363	0.213
Amber	`#9a6700`	kept	4.87	Orange	0.085	0.157	0.159	1.04	1.10	0.426	0.330	0.288
Violet	`#8250df`	kept	5.05	Blue	0.131	0.335	0.290	1.01	1.06	0.448	0.354	0.226
Teal	`#0f6a71`	kept	6.32	Cyan	0.090	0.124	0.292	1.25	1.18	0.489	0.384	0.269
Orange	`#c1510b`	`#bc4c00` lifted	4.72	Down	0.081	0.240	0.081	1.08	1.13	0.424	0.333	0.306
Cyan	`#0a7ea4`	kept	4.63	Teal	0.090	0.164	0.306	1.10	1.16	0.421	0.316	0.186
Ink	`#1f2328`	kept	15.80	Teal	0.236	0.306	0.366	3.11	2.95	0.709	0.603	0.490

rectangle	tint over chart	tint contrast	tint ΔE	border as drawn	border contrast	ΔE from tint	nearest border	ΔE	up body under	down body under	up vs down under	bare	nearest tint	ΔE
Up	`#daebdf`	1.24	0.080	`#afd2b9`	1.65	0.097	Teal	0.039	4.09	5.02	0.268	0.307	Teal	0.019
Down	`#f7dcde`	1.29	0.088	`#eeb2b6`	1.80	0.105	Orange	0.049	4.60	4.14	0.280	0.307	Orange	0.022
Blue	`#d8e7f9`	1.26	0.083	`#a9cbf2`	1.68	0.099	Cyan	0.038	4.19	5.07	0.265	0.307	Cyan	0.017
Amber	`#efe7d6`	1.23	0.074	`#dccaa6`	1.61	0.089	Orange	0.029	4.28	4.45	0.279	0.307	Orange	0.014
Violet	`#ebe3fa`	1.24	0.078	`#d3c2f4`	1.64	0.093	Blue	0.058	4.37	4.52	0.273	0.307	Blue	0.026
Teal	`#d9e7e8`	1.27	0.084	`#abcbcd`	1.73	0.100	Cyan	0.026	4.14	5.02	0.267	0.307	Cyan	0.011
Orange	`#f5e3d8`	1.25	0.077	`#e9c2aa`	1.65	0.091	Amber	0.029	4.35	4.26	0.280	0.307	Amber	0.014
Cyan	`#d8eaf0`	1.24	0.077	`#a9d2df`	1.62	0.091	Teal	0.026	4.07	5.08	0.266	0.307	Teal	0.011
Ink	`#dbdcdd`	1.37	0.106	`#b1b2b4`	2.12	0.131	Teal	0.065	4.48	4.80	0.270	0.307	Teal	0.028