<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>00FF00 &amp;mdash; Michaël Vaes</title>
    <link>https://echo.michaelvaes.be/tag:00FF00</link>
    <description>Software developer and do-it-yourselfer, trying to master the fine art of creating something awesome</description>
    <pubDate>Mon, 25 May 2026 22:49:21 +0000</pubDate>
    <image>
      <url>https://i.snap.as/zGjnBhHg.png</url>
      <title>00FF00 &amp;mdash; Michaël Vaes</title>
      <link>https://echo.michaelvaes.be/tag:00FF00</link>
    </image>
    <item>
      <title>Garmin MIP color matrix</title>
      <link>https://echo.michaelvaes.be/garmin-mip-color-matrix?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[Many Garmin products, like my Enduro 3, use a screen technology known as Memory-in-Pixel (MIP). MIP displays are very low power.&#xA;&#xA;For my watch face, I wanted to choose a bright green colour, so I researched the supported options. &#xA;&#xA;Now let’s transform them into something visual.&#xA;&#xA;For now, I have chosen the brightest green possible: #00FF00.&#xA;&#xA;div id=&#34;grid&#34; aria-label=&#34;8 by 8 color matrix&#34; style=&#34;display: grid; grid-template-columns: repeat(8, minmax(72px, 1fr)); gap: 10px; align-items: start;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 255);&#34; title=&#34;0xFFFFFF = #FFFFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 170);&#34; title=&#34;0xFFFFAA = #FFFFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 85);&#34; title=&#34;0xFFFF55 = #FFFF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 0);&#34; title=&#34;0xFFFF00 = #FFFF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 255);&#34; title=&#34;0xFFAAFF = #FFAAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 170);&#34; title=&#34;0xFFAAAA = #FFAAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 85);&#34; title=&#34;0xFFAA55 = #FFAA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 0);&#34; title=&#34;0xFFAA00 = #FFAA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 255);&#34; title=&#34;0xFF55FF = #FF55FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF55FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 170);&#34; title=&#34;0xFF55AA = #FF55AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF55AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 85);&#34; title=&#34;0xFF5555 = #FF5555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF5555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 0);&#34; title=&#34;0xFF5500 = #FF5500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF5500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 255);&#34; title=&#34;0xFF00FF = #FF00FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF00FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 170);&#34; title=&#34;0xFF00AA = #FF00AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF00AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 85);&#34; title=&#34;0xFF0055 = #FF0055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF0055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 0);&#34; title=&#34;0xFF0000 = #FF0000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF0000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 255);&#34; title=&#34;0xAAFFFF = #AAFFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 170);&#34; title=&#34;0xAAFFAA = #AAFFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 85);&#34; title=&#34;0xAAFF55 = #AAFF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 0);&#34; title=&#34;0xAAFF00 = #AAFF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 255);&#34; title=&#34;0xAAAAFF = #AAAAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 170);&#34; title=&#34;0xAAAAAA = #AAAAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 85);&#34; title=&#34;0xAAAA55 = #AAAA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 0);&#34; title=&#34;0xAAAA00 = #AAAA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 255);&#34; title=&#34;0xAA55FF = #AA55FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA55FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 170);&#34; title=&#34;0xAA55AA = #AA55AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA55AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 85);&#34; title=&#34;0xAA5555 = #AA5555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA5555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 0);&#34; title=&#34;0xAA5500 = #AA5500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA5500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 255);&#34; title=&#34;0xAA00FF = #AA00FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA00FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 170);&#34; title=&#34;0xAA00AA = #AA00AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA00AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 85);&#34; title=&#34;0xAA0055 = #AA0055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA0055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 0);&#34; title=&#34;0xAA0000 = #AA0000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA0000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 255);&#34; title=&#34;0x55FFFF = #55FFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 170);&#34; title=&#34;0x55FFAA = #55FFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 85);&#34; title=&#34;0x55FF55 = #55FF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 0);&#34; title=&#34;0x55FF00 = #55FF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 255);&#34; title=&#34;0x55AAFF = #55AAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 170);&#34; title=&#34;0x55AAAA = #55AAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 85);&#34; title=&#34;0x55AA55 = #55AA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 0);&#34; title=&#34;0x55AA00 = #55AA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 255);&#34; title=&#34;0x5555FF = #5555FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5555FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 170);&#34; title=&#34;0x5555AA = #5555AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5555AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 85);&#34; title=&#34;0x555555 = #555555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#555555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 0);&#34; title=&#34;0x555500 = #555500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#555500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 255);&#34; title=&#34;0x5500FF = #5500FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5500FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 170);&#34; title=&#34;0x5500AA = #5500AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5500AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 85);&#34; title=&#34;0x550055 = #550055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#550055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 0);&#34; title=&#34;0x550000 = #550000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#550000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 255);&#34; title=&#34;0x00FFFF = #00FFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 170);&#34; title=&#34;0x00FFAA = #00FFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 85);&#34; title=&#34;0x00FF55 = #00FF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 0);&#34; title=&#34;0x00FF00 = #00FF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 255);&#34; title=&#34;0x00AAFF = #00AAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 170);&#34; title=&#34;0x00AAAA = #00AAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 85);&#34; title=&#34;0x00AA55 = #00AA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 0);&#34; title=&#34;0x00AA00 = #00AA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 255);&#34; title=&#34;0x0055FF = #0055FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0055FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 170);&#34; title=&#34;0x0055AA = #0055AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0055AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 85);&#34; title=&#34;0x005555 = #005555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#005555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 0);&#34; title=&#34;0x005500 = #005500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#005500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 255);&#34; title=&#34;0x0000FF = #0000FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0000FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 170);&#34; title=&#34;0x0000AA = #0000AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0000AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 85);&#34; title=&#34;0x000055 = #000055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#000055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0);&#34; title=&#34;0x000000 = #000000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#000000/div/div/div]]&gt;</description>
      <content:encoded><![CDATA[<p>Many Garmin products, like my Enduro 3, use a screen technology known as Memory-in-Pixel (MIP). MIP displays are very low power.</p>

<p>For my watch face, I wanted to choose a bright green colour, so I researched the <a href="https://developer.garmin.com/connect-iq/user-experience-guidelines/incorporating-the-visual-design-and-product-personalities/" title="supported options">supported options</a>.</p>

<p>Now let’s transform them into something visual.</p>

<p>For now, I have chosen the brightest green possible: <a href="https://echo.michaelvaes.be/tag:00FF00" class="hashtag"><span>#</span><span class="p-category">00FF00</span></a>.</p>

<div id="grid" id="grid" style="display: grid; grid-template-columns: repeat(8, minmax(72px, 1fr)); gap: 10px; align-items: start;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF55FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF55AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF5555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF5500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF00FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF00AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF0055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF0000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA55FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA55AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA5555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA5500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA00FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA00AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA0055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA0000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5555FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5555AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#555555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#555500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5500FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5500AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#550055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#550000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0055FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0055AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#005555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#005500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0000FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0000AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#000055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#000000</div></div></div>
]]></content:encoded>
      <guid>https://echo.michaelvaes.be/garmin-mip-color-matrix</guid>
      <pubDate>Sun, 02 Nov 2025 19:52:29 +0000</pubDate>
    </item>
  </channel>
</rss>