quantizor · April 8, 2026 20:29
diff --git a/opus_preview.html b/opus_preview.html
 <!doctype html>
 <html><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>qLAB — qolour palette generator</title>
 <style>
 * { box-sizing: border-box; }
 body { font-family: -apple-system, ui-sans-serif, sans-serif; background: #0b0b0f; color: #e8e8ee; padding: 20px; max-width: 1080px; margin: 0 auto; }
 h1 { font-weight: 300; letter-spacing: -0.02em; font-size: 26px; margin: 0 0 6px 0; }
 .subtitle { color: #888; font-size: 13px; font-family: ui-monospace, monospace; margin-bottom: 28px; }

 .controls { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; padding: 16px; background: rgba(255,255,255,0.03); border-radius: 10px; border: 1px solid rgba(255,255,255,0.08); }
 .slider-row { display: flex; align-items: center; gap: 14px; }
 .slider-label { flex: 0 0 140px; font-size: 12px; color: #b0b0bc; font-family: ui-monospace, monospace; }
 .slider-value { flex: 0 0 60px; text-align: right; font-family: ui-monospace, monospace; font-size: 12px; color: #e0e0ea; }
 input[type=range] { flex: 1; accent-color: #6a6aff; }
 .cvd-buttons { display: flex; gap: 6px; flex-wrap: wrap; }
 .cvd-btn { padding: 6px 10px; font-size: 11px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #b0b0bc; font-family: ui-monospace, monospace; border-radius: 5px; cursor: pointer; transition: all 0.12s; }
 .cvd-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }
 .cvd-btn.active { background: #6a6aff; color: white; border-color: #6a6aff; }

 .main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 24px; }
 @media (max-width: 720px) { .main-grid { grid-template-columns: 1fr; } }

 .panel { background: rgba(255,255,255,0.025); border-radius: 10px; padding: 18px; border: 1px solid rgba(255,255,255,0.06); }
 .panel-title { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; font-family: ui-monospace, monospace; }

 #abplane { width: 100%; aspect-ratio: 1; }
 .gamut-ring { fill: none; stroke: rgba(255,255,255,0.1); stroke-width: 1; }
 .gamut-guide { fill: none; stroke: rgba(255,255,255,0.04); stroke-width: 1; }
 .gamut-label { fill: #555; font-size: 10px; font-family: ui-monospace, monospace; }
 .ngon-edge { stroke: rgba(255,255,255,0.3); stroke-width: 1.2; fill: none; }
 .vertex { stroke: rgba(255,255,255,0.35); stroke-width: 1; }
 .vertex-label { fill: #888; font-size: 9px; font-family: ui-monospace, monospace; }

 .l-bar-wrap { position: relative; height: 34px; background: linear-gradient(to right, #111, #666, #fafaf8); border-radius: 5px; margin: 10px 0 4px 0; }
 .l-tick { position: absolute; top: -3px; width: 5px; height: 40px; border-radius: 2px; border: 1px solid rgba(255,255,255,0.4); }
 .l-bar-labels { display: flex; justify-content: space-between; font-size: 10px; color: #777; font-family: ui-monospace, monospace; }

 .swatch-panels { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
 .bg-panel { padding: 14px 10px; border-radius: 6px; }
 .bg-dark { background: #0b0b0f; border: 1px solid rgba(255,255,255,0.08); }
 .bg-mid  { background: #606065; }
 .bg-light { background: #f2f2f0; }
 .bg-label { font-size: 10px; font-family: ui-monospace, monospace; margin-bottom: 7px; }
 .bg-dark .bg-label { color: #777; }
 .bg-mid  .bg-label { color: #1b1b1b; }
 .bg-light .bg-label { color: #555; }
 .sw-row { display: flex; gap: 3px; }
 .sw { flex: 1; aspect-ratio: 1; border-radius: 5px; min-width: 0; }

 .cvd-grid { margin-top: 16px; padding: 14px 16px; background: rgba(0,0,0,0.28); border-radius: 8px; }
 .cvd-grid-title { font-size: 11px; color: #777; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px; font-family: ui-monospace, monospace; }
 .cvd-row { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
 .cvd-row-label { flex: 0 0 120px; font-size: 11px; color: #888; font-family: ui-monospace, monospace; }
 .cvd-row .sw-row { flex: 1; gap: 2px; }
 .cvd-row .sw { flex: 1; aspect-ratio: 1.6; border-radius: 3px; max-height: 28px; }

 .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 14px; padding: 14px 16px; background: rgba(255,255,255,0.025); border-radius: 8px; }
 .stat { font-family: ui-monospace, monospace; }
 .stat-label { font-size: 10px; color: #888; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px; }
 .stat-value { font-size: 14px; color: #e8e8ee; }

 .footnote { margin-top: 30px; font-size: 11px; color: #666; line-height: 1.6; font-family: ui-monospace, monospace; }
 </style>
 </head><body>
 <h1>qLAB</h1>
 <div class="subtitle">CVD-safe skew 6-gon on the P3 peak-chroma envelope · chroma=0.20 · L window 0.55–0.85</div>

 <div class="controls">
  <div class="slider-row">
    <div class="slider-label">hue rotation</div>
    <input id="rotation-slider" type="range" min="0" max="35" value="0" step="1">
    <div id="rotation-value" class="slider-value">0°</div>
  </div>
  <div class="slider-row">
    <div class="slider-label">CVD lens</div>
    <div class="cvd-buttons">
      <button class="cvd-btn active" data-cvd="normal">normal</button>
      <button class="cvd-btn" data-cvd="deutan-mild">deutan-mild</button>
      <button class="cvd-btn" data-cvd="deutan-severe">deutan-severe</button>
      <button class="cvd-btn" data-cvd="protan-mild">protan-mild</button>
      <button class="cvd-btn" data-cvd="protan-severe">protan-severe</button>
      <button class="cvd-btn" data-cvd="tritan-severe">tritan-severe</button>
    </div>
  </div>
 </div>

 <div class="main-grid">
  <div class="panel">
    <div class="panel-title">OKLab (a, b) plane</div>
    <svg id="abplane" viewBox="0 0 360 360"></svg>
  </div>
  <div class="panel">
    <div class="panel-title">L positions</div>
    <div id="l-bar" class="l-bar-wrap"></div>
    <div class="l-bar-labels"><span>0.00</span><span>0.50</span><span>1.00</span></div>

    <div class="panel-title" style="margin-top:20px">swatches on backgrounds</div>
    <div class="swatch-panels">
      <div class="bg-panel bg-dark"><div class="bg-label">dark</div><div id="sw-dark"></div></div>
      <div class="bg-panel bg-mid"><div class="bg-label">mid</div><div id="sw-mid"></div></div>
      <div class="bg-panel bg-light"><div class="bg-label">light</div><div id="sw-light"></div></div>
    </div>
  </div>
 </div>

 <div class="cvd-grid">
  <div class="cvd-grid-title">CVD simulations (palette viewed through each cone condition)</div>
  <div id="cvd-grid-body"></div>
 </div>

 <div class="stats">
  <div class="stat"><div class="stat-label">cons ΔE min</div><div class="stat-value" id="stat-cons"></div></div>
  <div class="stat"><div class="stat-label">worst bin</div><div class="stat-value" id="stat-worst"></div></div>
  <div class="stat"><div class="stat-label">L range</div><div class="stat-value" id="stat-lrange"></div></div>
  <div class="stat"><div class="stat-label">chroma μ</div><div class="stat-value" id="stat-chroma"></div></div>
 </div>

 <div class="footnote">
  A <b>qLAB</b> is a CVD-safe skew N-gon on the Display P3 peak-chroma envelope in OKLab. The N vertices sit near their individual peak-chroma L values (red mid-L, yellow high, blue low), ladder up in L with no duplicates, and stay pairwise distinguishable under every Machado CVD simulation bin. Rotating the hue_rotation knob sweeps the ring around the hue wheel while preserving all the constraints.
  <br><br>
  Conservative ΔE is the minimum CIEDE2000 distance between any two palette colors under any CVD bin — the JND-bound a CVD viewer experiences for the bottleneck pair. JND is ~2.3 in CIEDE2000 units; anything above 8–10 is comfortable.
  <br><br>
  The (a, b) plane visualization toggles through CVD lenses: click a lens button and the N-gon redraws where each vertex lands under that viewer's cone collapse. When two vertices land close together, that's a failure pair for that CVD type.
 </div>

 <script>
 const data = [{"rotation": 0, "palette": [{"L": 0.55, "a": 0.16678375406952245, "b": -0.10171329819367264, "C": 0.1953520300661294, "h": 328.6230164859001, "hex": "#AB39A9", "p3": "color(display-p3 0.6189 0.2563 0.6415)"}, {"L": 0.6292123709536805, "a": 0.1727564983989902, "b": 0.09277966578200944, "C": 0.19609404407503478, "h": 28.238224922773156, "hex": "#E74A3E", "p3": "color(display-p3 0.8389 0.3361 0.2778)"}, {"L": 0.6542123709536806, "a": -0.005790774189034265, "b": -0.19269937703511025, "C": 0.19278636615546227, "h": 268.27873288050307, "hex": "#5F85FF", "p3": "color(display-p3 0.4050 0.5176 0.9889)"}, {"L": 0.7866197569915879, "a": -0.1695930477081201, "b": -0.09138331583724775, "C": 0.19264659935835585, "h": 208.31751049097875, "hex": "#00D8FA", "p3": "color(display-p3 0.0000 0.8321 0.9615)"}, {"L": 0.825, "a": 0.00529710386642288, "b": 0.19433640589478163, "C": 0.19440858511257414, "h": 88.4386529970146, "hex": "#F9BC00", "p3": "color(display-p3 0.9399 0.7454 0.0042)"}, {"L": 0.85, "a": -0.16364353334960793, "b": 0.10384141181368564, "C": 0.19380981609455103, "h": 147.60247919582037, "hex": "#64EF80", "p3": "color(display-p3 0.5456 0.9252 0.5474)"}], "cvd": {"normal": [{"L": 0.5499999952744268, "a": 0.16678375216252916, "b": -0.10171327983400656, "C": 0.19535201887874842, "h": 328.62302079201135, "hex": "#AB39A9", "p3": "color(display-p3 0.6189 0.2563 0.6415)"}, {"L": 0.6292123659490534, "a": 0.17275649425785314, "b": 0.09277968893528932, "C": 0.19609405138145494, "h": 28.23823145518497, "hex": "#E74A3E", "p3": "color(display-p3 0.8389 0.3361 0.2778)"}, {"L": 0.6542123664472381, "a": -0.005790771866351288, "b": -0.19269935448513242, "C": 0.1927863435458924, "h": 268.2787333691849, "hex": "#5F85FF", "p3": "color(display-p3 0.4050 0.5176 0.9889)"}, {"L": 0.7866197527354357, "a": -0.16959304349008658, "b": -0.09138328623690699, "C": 0.1926465816039487, "h": 208.3175033360068, "hex": "#00D8FA", "p3": "color(display-p3 0.0000 0.8321 0.9615)"}, {"L": 0.824999994858614, "a": 0.0052971017123557675, "b": 0.19433643849551352, "C": 0.19440861764250975, "h": 88.43865389341461, "hex": "#F9BC00", "p3": "color(display-p3 0.9399 0.7454 0.0042)"}, {"L": 0.8499999955709111, "a": -0.16364353140556312, "b": 0.10384144563759426, "C": 0.1938098325756177, "h": 147.60247044495338, "hex": "#64EF80", "p3": "color(display-p3 0.5456 0.9252 0.5474)"}], "deutan-mild": [{"L": 0.5451653672885163, "a": 0.03490774124700027, "b": -0.09429537530192166, "C": 0.10054933218225659, "h": 290.3143350248085, "hex": "#7065A6", "p3": "color(display-p3 0.4318 0.3977 0.6353)"}, {"L": 0.6356421504342661, "a": 0.028359471466038993, "b": 0.10241076730829161, "C": 0.10626488075797258, "h": 74.52158700121687, "hex": "#B18139", "p3": "color(display-p3 0.6642 0.5119 0.2723)"}, {"L": 0.6401877092253955, "a": -0.03948419756703661, "b": -0.1966743546283024, "C": 0.20059861322046083, "h": 258.64824450766076, "hex": "#3387FF", "p3": "color(display-p3 0.2947 0.5228 0.9825)"}, {"L": 0.7833458554404447, "a": -0.04212139811822924, "b": -0.09965721487599533, "C": 0.10819321908638577, "h": 247.0880274521361, "hex": "#7EBFFA", "p3": "color(display-p3 0.5497 0.7418 0.9608)"}, {"L": 0.8318712619757633, "a": -0.02784062587015799, "b": 0.19259812967980172, "C": 0.1945999486253782, "h": 98.22529844074276, "hex": "#EAC700", "p3": "color(display-p3 0.8943 0.7848 0.0913)"}, {"L": 0.8547456084648655, "a": -0.04495239492522997, "b": 0.09643903378081307, "C": 0.1064011515261496, "h": 114.99128119862154, "hex": "#CDD885", "p3": "color(display-p3 0.8109 0.8453 0.5612)"}], "deutan-severe": [{"L": 0.5471973113404275, "a": -0.007967673805463477, "b": -0.08965587113890416, "C": 0.09000921650334513, "h": 264.92149346902227, "hex": "#576FA6", "p3": "color(display-p3 0.3597 0.4340 0.6330)"}, {"L": 0.6452781248993644, "a": -0.01692695148923209, "b": 0.1061004480645839, "C": 0.1074422019795959, "h": 99.06441154001179, "hex": "#9E8F39", "p3": "color(display-p3 0.6096 0.5611 0.2769)"}, {"L": 0.6317155780403209, "a": -0.05163794629629904, "b": -0.1994749632411279, "C": 0.20605032991419545, "h": 255.48648212282595, "hex": "#0F86FF", "p3": "color(display-p3 0.2391 0.5190 0.9785)"}, {"L": 0.7748613842289139, "a": -0.006596209134835191, "b": -0.10544634462511249, "C": 0.10565245652491224, "h": 266.42051956808484, "hex": "#97B4FA", "p3": "color(display-p3 0.6133 0.7027 0.9585)"}, {"L": 0.8378831329337538, "a": -0.037237484605974105, "b": 0.19085373155675778, "C": 0.19445250604946987, "h": 101.04028431031627, "hex": "#E6CB00", "p3": "color(display-p3 0.8849 0.8012 0.1324)"}, {"L": 0.8525054061621483, "a": -0.01160250080815463, "b": 0.09253631704204446, "C": 0.0932608599397893, "h": 97.14663405922383, "hex": "#DFCF87", "p3": "color(display-p3 0.8652 0.8153 0.5658)"}], "protan-mild": [{"L": 0.515483176192715, "a": 0.0357370722072369, "b": -0.11792736105899917, "C": 0.12322337771821068, "h": 286.85906992742014, "hex": "#645AAA", "p3": "color(display-p3 0.3854 0.3549 0.6467)"}, {"L": 0.5699007469998479, "a": 0.048819568783866195, "b": 0.08148382995373017, "C": 0.09498928802855118, "h": 59.07282629378442, "hex": "#A1693A", "p3": "color(display-p3 0.5979 0.4203 0.2596)"}, {"L": 0.6676614731042972, "a": -0.03416425692040421, "b": -0.18775305458402045, "C": 0.19083607090000973, "h": 259.68707811199505, "hex": "#4790FF", "p3": "color(display-p3 0.3511 0.5585 1.0000)"}, {"L": 0.8305706573907974, "a": -0.03766355087042843, "b": -0.07649691273116832, "C": 0.08526617571797936, "h": 243.78649248094052, "hex": "#97CEFB", "p3": "color(display-p3 0.6391 0.8031 0.9691)"}, {"L": 0.8021906074760334, "a": -0.028840702654279887, "b": 0.20172857751120682, "C": 0.20377979564786977, "h": 98.13631890636228, "hex": "#E2BD00", "p3": "color(display-p3 0.8620 0.7452 0.0000)"}, {"L": 0.8780092673407978, "a": -0.04873276335510375, "b": 0.11442771014238906, "C": 0.12437275856334115, "h": 113.06830789405205, "hex": "#D7E07C", "p3": "color(display-p3 0.8494 0.8764 0.5359)"}], "protan-severe": [{"L": 0.49497840222960143, "a": -0.02842810908127638, "b": -0.12999531986592683, "C": 0.13306742867051116, "h": 257.6644321975236, "hex": "#2B60AC", "p3": "color(display-p3 0.2241 0.3734 0.6527)"}, {"L": 0.5299525743146092, "a": -0.008606329555046997, "b": 0.06837920028851009, "C": 0.068918676282313, "h": 97.17362929729019, "hex": "#776C3C", "p3": "color(display-p3 0.4588 0.4253 0.2590)"}, {"L": 0.6770362797656647, "a": -0.04282252344693447, "b": -0.18492391439498268, "C": 0.18981734017082352, "h": 256.96192036958575, "hex": "#3F95FF", "p3": "color(display-p3 0.3393 0.5780 1.0000)"}, {"L": 0.8523569004477193, "a": -0.0019883816911310946, "b": -0.06720308570756317, "C": 0.06723249504791345, "h": 268.3052466932073, "hex": "#BCCEFC", "p3": "color(display-p3 0.7495 0.8043 0.9716)"}, {"L": 0.7880042863825165, "a": -0.04194627044194583, "b": 0.20651952082971528, "C": 0.21073633309831521, "h": 101.48119010146401, "hex": "#D7BB00", "p3": "color(display-p3 0.8265 0.7371 0.0000)"}, {"L": 0.891168091669801, "a": -0.016151824489527386, "b": 0.1228621918541587, "C": 0.12391932707027017, "h": 97.48932371190504, "hex": "#F1DC77", "p3": "color(display-p3 0.9326 0.8650 0.5216)"}], "tritan-severe": [{"L": 0.5494485519613052, "a": 0.1402496502660117, "b": 0.0029486823766555204, "C": 0.14028064416553337, "h": 1.2044391435272963, "hex": "#B0486C", "p3": "color(display-p3 0.6421 0.3079 0.4223)"}, {"L": 0.6361829713863885, "a": 0.2345709699388041, "b": 0.08296824460262431, "C": 0.24881171505874122, "h": 19.478793974555888, "hex": "#FE1548", "p3": "color(display-p3 0.9155 0.2217 0.3078)"}, {"L": 0.6424280625297412, "a": -0.12235532067781382, "b": -0.06499779141534968, "C": 0.13854796060225485, "h": 207.97820613308235, "hex": "#00A3B8", "p3": "color(display-p3 0.1253 0.6264 0.7112)"}, {"L": 0.7753359168969627, "a": -0.276555774630924, "b": -0.056698995399489395, "C": 0.2823081163569722, "h": 191.5861325724967, "hex": "#00E7E3", "p3": "color(display-p3 0.0000 0.8832 0.8789)"}, {"L": 0.8313444626803723, "a": 0.11413823867267665, "b": 0.055752000187477065, "C": 0.12702685956995607, "h": 26.033673441054177, "hex": "#FFA69C", "p3": "color(display-p3 1.0000 0.6718 0.6269)"}, {"L": 0.8489538882982157, "a": -0.13690941774868162, "b": -0.005466905796807838, "C": 0.13701852329985967, "h": 182.28665284222532, "hex": "#43EAD5", "p3": "color(display-p3 0.4765 0.9059 0.8344)"}]}, "summary": {"conservative_de_min": 13.295358722908224, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.19418290681035125, "chroma_std": 0.001259628820842882}}, {"rotation": 10, "palette": [{"L": 0.5601663332605222, "a": 0.15439389166997855, "b": 0.09434839389503959, "C": 0.18093947390101092, "h": 31.428639162737188, "hex": "#C83C27", "p3": "color(display-p3 0.7256 0.2773 0.1945)"}, {"L": 0.6445967200800754, "a": -0.0006923649879560443, "b": 0.17966221268177782, "C": 0.17966354676168705, "h": 90.22079988175567, "hex": "#B78500", "p3": "color(display-p3 0.6894 0.5294 0.0000)"}, {"L": 0.6695967200800754, "a": 0.15575240841405677, "b": -0.08780517068705686, "C": 0.1787975411636366, "h": 330.5879396924482, "hex": "#D066C7", "p3": "color(display-p3 0.7638 0.4221 0.7631)"}, {"L": 0.6945967200800754, "a": -0.008617576104239848, "b": -0.174496333470722, "C": 0.1747089952253111, "h": 267.1727204193698, "hex": "#6C95FF", "p3": "color(display-p3 0.4584 0.5798 1.0000)"}, {"L": 0.8248747863419112, "a": -0.15267408444437613, "b": 0.09829152807978317, "C": 0.18157808390107905, "h": 147.22657795345563, "hex": "#67E57D", "p3": "color(display-p3 0.5373 0.8852 0.5318)"}, {"L": 0.8498747863419113, "a": -0.15817610999288917, "b": -0.07752857353818883, "C": 0.17615436834591677, "h": 206.1113614324875, "hex": "#00ECFF", "p3": "color(display-p3 0.2534 0.9112 1.0000)"}], "cvd": {"normal": [{"L": 0.5601663288180024, "a": 0.15439388784548533, "b": 0.09434841461662885, "C": 0.18093948144259617, "h": 31.42864539320706, "hex": "#C83C27", "p3": "color(display-p3 0.7256 0.2773 0.1945)"}, {"L": 0.644596716130965, "a": -0.0006923668831621651, "b": 0.17966223845682586, "C": 0.17966357254384724, "h": 90.22080045446717, "hex": "#B78500", "p3": "color(display-p3 0.6894 0.5294 0.0000)"}, {"L": 0.6695967146594944, "a": 0.15575240656527858, "b": -0.08780514765820842, "C": 0.17879752824397663, "h": 330.58794582996194, "hex": "#D066C7", "p3": "color(display-p3 0.7638 0.4221 0.7631)"}, {"L": 0.6945967153522957, "a": -0.008617573935664952, "b": -0.17449630921861511, "C": 0.1747089708957591, "h": 267.1727207373803, "hex": "#6C95FF", "p3": "color(display-p3 0.4584 0.5798 1.0000)"}, {"L": 0.8248747820038543, "a": -0.15267408264360782, "b": 0.09829156083735148, "C": 0.18157810011923234, "h": 147.2265689548081, "hex": "#67E57D", "p3": "color(display-p3 0.5373 0.8852 0.5318)"}, {"L": 0.8498747816247995, "a": -0.15817610613819508, "b": -0.07752854152346854, "C": 0.17615435079440342, "h": 206.11135263397563, "hex": "#00ECFF", "p3": "color(display-p3 0.2534 0.9112 1.0000)"}], "deutan-mild": [{"L": 0.566382634203509, "a": 0.023046618255202062, "b": 0.1027490884044986, "C": 0.10530205022199939, "h": 77.35779789686457, "hex": "#986D20", "p3": "color(display-p3 0.5725 0.4354 0.1891)"}, {"L": 0.6505912933227017, "a": -0.029550361950630225, "b": 0.1767975081181249, "C": 0.17925005653609064, "h": 99.48884165441297, "hex": "#AB8E00", "p3": "color(display-p3 0.6516 0.5625 0.0000)"}, {"L": 0.6656433988735798, "a": 0.03504817924998678, "b": -0.08073186169516244, "C": 0.08801141040516304, "h": 293.467144599146, "hex": "#968AC5", "p3": "color(display-p3 0.5804 0.5415 0.7568)"}, {"L": 0.682760272652858, "a": -0.028792737100520632, "b": -0.17798773024881842, "C": 0.18030156357853874, "h": 260.8109743646, "hex": "#5595FF", "p3": "color(display-p3 0.3921 0.5785 0.9988)"}, {"L": 0.8293448035405305, "a": -0.04201810579061953, "b": 0.09138217122286851, "C": 0.10057943344261466, "h": 114.6932736201386, "hex": "#C5CF82", "p3": "color(display-p3 0.7799 0.8109 0.5445)"}, {"L": 0.8471355150254587, "a": -0.03739241012364862, "b": -0.08524526771261673, "C": 0.09308570245881392, "h": 246.31558155401314, "hex": "#9AD3FF", "p3": "color(display-p3 0.6521 0.8224 1.0000)"}], "deutan-severe": [{"L": 0.5753550318072372, "a": -0.018026500901978798, "b": 0.10563738863096572, "C": 0.10716441858909481, "h": 99.68396383395797, "hex": "#887A20", "p3": "color(display-p3 0.5247 0.4793 0.1946)"}, {"L": 0.6558448971044676, "a": -0.03747334467124135, "b": 0.1743213403927104, "C": 0.17830362104332279, "h": 102.13207579254082, "hex": "#A89200", "p3": "color(display-p3 0.6437 0.5761 0.0000)"}, {"L": 0.6679339123667056, "a": -0.0032702401717149597, "b": -0.07639247131739957, "C": 0.0764624361680977, "h": 267.54875544514664, "hex": "#8093C4", "p3": "color(display-p3 0.5163 0.5757 0.7546)"}, {"L": 0.6753269539032026, "a": -0.03592751080198893, "b": -0.18045706401869446, "C": 0.18399874452472284, "h": 258.74011422250993, "hex": "#4994FF", "p3": "color(display-p3 0.3618 0.5732 0.9949)"}, {"L": 0.8272965435513591, "a": -0.0108600878484914, "b": 0.08773050727272547, "C": 0.08840013243432776, "h": 97.05669881828784, "hex": "#D6C784", "p3": "color(display-p3 0.8303 0.7831 0.5489)"}, {"L": 0.8394446610539855, "a": -0.0033483078230203255, "b": -0.0905112490803589, "C": 0.0905731603476685, "h": 267.88140736603634, "hex": "#B1C9FF", "p3": "color(display-p3 0.7113 0.7848 1.0000)"}], "protan-mild": [{"L": 0.5053442952821441, "a": 0.04165327375229492, "b": 0.08615462252999495, "C": 0.09569542412032842, "h": 64.19757324317395, "hex": "#8A5821", "p3": "color(display-p3 0.5137 0.3527 0.1732)"}, {"L": 0.6244466211109463, "a": -0.03292658573921757, "b": 0.1902664644599855, "C": 0.19309450418524338, "h": 99.81808771373775, "hex": "#A48600", "p3": "color(display-p3 0.6253 0.5297 0.0000)"}, {"L": 0.637633307504284, "a": 0.037398326998020134, "b": -0.10240422610037239, "C": 0.10901954130093848, "h": 290.0623433707153, "hex": "#8B7FC9", "p3": "color(display-p3 0.5365 0.5009 0.7681)"}, {"L": 0.7083656472704686, "a": -0.02553477018541726, "b": -0.16986210896369236, "C": 0.17177066265813662, "h": 261.4509418665301, "hex": "#629EFF", "p3": "color(display-p3 0.4374 0.6120 1.0000)"}, {"L": 0.8509355458420981, "a": -0.045579645638700206, "b": 0.1082445334598542, "C": 0.11744949178472837, "h": 112.83500297848481, "hex": "#CFD679", "p3": "color(display-p3 0.8154 0.8396 0.5212)"}, {"L": 0.8910008310108426, "a": -0.03495115639815178, "b": -0.06377803674159221, "C": 0.07272703282947787, "h": 241.27671135368536, "hex": "#B1E2FF", "p3": "color(display-p3 0.7319 0.8807 1.0000)"}], "protan-severe": [{"L": 0.46806155511791614, "a": -0.011007596212032336, "b": 0.07544368024635545, "C": 0.07624248201286125, "h": 98.30115524007539, "hex": "#655B23", "p3": "color(display-p3 0.3907 0.3567 0.1717)"}, {"L": 0.6118459054804075, "a": -0.04630748758941078, "b": 0.19786586690300498, "C": 0.20321241274125237, "h": 103.17212924733528, "hex": "#9C8500", "p3": "color(display-p3 0.5959 0.5231 0.0000)"}, {"L": 0.6193770461224167, "a": -0.014602775472090188, "b": -0.1132519955365745, "C": 0.11418955970010818, "h": 262.652788696935, "hex": "#6085CB", "p3": "color(display-p3 0.4080 0.5165 0.7741)"}, {"L": 0.7175627341077199, "a": -0.030722624478334386, "b": -0.16718853237383824, "C": 0.16998789666371752, "h": 259.587472907342, "hex": "#60A2FF", "p3": "color(display-p3 0.4373 0.6286 1.0000)"}, {"L": 0.8632001940338552, "a": -0.015029058896158699, "b": 0.11616067363729465, "C": 0.11712888077316494, "h": 97.37206897873737, "hex": "#E7D375", "p3": "color(display-p3 0.8927 0.8289 0.5080)"}, {"L": 0.9115983830880519, "a": -0.000749281848693408, "b": -0.054987756051552705, "C": 0.054992860799142396, "h": 269.2193165553211, "hex": "#D3E1FF", "p3": "color(display-p3 0.8370 0.8809 1.0000)"}], "tritan-severe": [{"L": 0.5666615830605578, "a": 0.21457777114757579, "b": 0.07881269579776007, "C": 0.2285936589006171, "h": 20.167879180723386, "hex": "#DD0038", "p3": "color(display-p3 0.7938 0.1644 0.2439)"}, {"L": 0.650040579852557, "a": 0.09921726033719969, "b": 0.04935510827601281, "C": 0.1108151228928462, "h": 26.447808867568202, "hex": "#CA736B", "p3": "color(display-p3 0.7458 0.4682 0.4308)"}, {"L": 0.6696839423325264, "a": 0.13437978772818898, "b": 0.006175253306408446, "C": 0.13452160087982687, "h": 2.631104100491847, "hex": "#D76F8E", "p3": "color(display-p3 0.7913 0.4561 0.5545)"}, {"L": 0.6843171188748366, "a": -0.11407317017230138, "b": -0.05857352415275836, "C": 0.128232390154877, "h": 207.17928659812372, "hex": "#00AFC2", "p3": "color(display-p3 0.2566 0.6746 0.7484)"}, {"L": 0.8239765333757513, "a": -0.1267866088726761, "b": -0.004721561369988213, "C": 0.1268744944076764, "h": 182.13272196142736, "hex": "#4DE0CC", "p3": "color(display-p3 0.4771 0.8667 0.7997)"}, {"L": 0.8402198783898233, "a": -0.2490794532698736, "b": -0.051431073521071964, "C": 0.25433389346437696, "h": 191.6667336107063, "hex": "#00F9F4", "p3": "color(display-p3 0.0000 0.9568 0.9477)"}]}, "summary": {"conservative_de_min": 10.816811461492115, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5601663332605222, 0.8498747863419113], "chroma_mean": 0.17864033488310693, "chroma_std": 0.002470612171383761}}, {"rotation": 20, "palette": [{"L": 0.55, "a": 0.1427284747822877, "b": 0.14280608677889742, "C": 0.20190343220158521, "h": 45.0155737354928, "hex": "#C93500", "p3": "color(display-p3 0.7270 0.2581 0.0000)"}, {"L": 0.614179715017599, "a": -0.05503695188717988, "b": 0.2026218423650316, "C": 0.20996351367899962, "h": 105.19626474450578, "hex": "#998700", "p3": "color(display-p3 0.5891 0.5315 0.0000)"}, {"L": 0.6391797150175991, "a": 0.0514039668912762, "b": -0.20070559186841502, "C": 0.20718374072163626, "h": 284.3655882372873, "hex": "#8271FF", "p3": "color(display-p3 0.5002 0.4453 0.9786)"}, {"L": 0.6996708601931925, "a": 0.20008322121698366, "b": -0.05424476532808803, "C": 0.20730602976774157, "h": 344.83111022129975, "hex": "#F25DBC", "p3": "color(display-p3 0.8817 0.4042 0.7213)"}, {"L": 0.7325085858414695, "a": -0.14248171659214193, "b": -0.13830962921353376, "C": 0.1985713803553489, "h": 224.14874367280723, "hex": "#00BEFF", "p3": "color(display-p3 0.0000 0.7326 0.9924)"}, {"L": 0.8496058569136816, "a": -0.19998770020738982, "b": 0.05498290539747719, "C": 0.20740829327726687, "h": 164.6274010973088, "hex": "#00F6AA", "p3": "color(display-p3 0.3323 0.9495 0.6882)"}], "cvd": {"normal": [{"L": 0.5499999957613286, "a": 0.14272847065029062, "b": 0.1428061076680996, "C": 0.201903444055528, "h": 45.01557875536831, "hex": "#C93500", "p3": "color(display-p3 0.7270 0.2581 0.0000)"}, {"L": 0.6141797116226572, "a": -0.0550369530343027, "b": 0.2026218676081088, "C": 0.209963538340108, "h": 105.19626324095039, "hex": "#998700", "p3": "color(display-p3 0.5891 0.5315 0.0000)"}, {"L": 0.6391797102579948, "a": 0.05140396824203563, "b": -0.2007055703507264, "C": 0.2071837202118897, "h": 284.36559007555263, "hex": "#8271FF", "p3": "color(display-p3 0.5002 0.4453 0.9786)"}, {"L": 0.6996708543593909, "a": 0.2000832181822344, "b": -0.05424474115960309, "C": 0.20730602051467764, "h": 344.8311164488456, "hex": "#F25DBC", "p3": "color(display-p3 0.8817 0.4042 0.7213)"}, {"L": 0.7325085817117333, "a": -0.1424817123481929, "b": -0.13830960227421718, "C": 0.19857135854630528, "h": 224.1487389482921, "hex": "#00BEFF", "p3": "color(display-p3 0.0000 0.7326 0.9924)"}, {"L": 0.8496058526334522, "a": -0.1999876970548526, "b": 0.054982938981476076, "C": 0.2074082991404737, "h": 164.62739192091365, "hex": "#00F6AA", "p3": "color(display-p3 0.3323 0.9495 0.6882)"}], "deutan-mild": [{"L": 0.5576734894813113, "a": 0.009155456399815933, "b": 0.14866397627663913, "C": 0.14894562841611048, "h": 86.4758958306114, "hex": "#9A6B00", "p3": "color(display-p3 0.5748 0.4260 0.0000)"}, {"L": 0.6201301578161525, "a": -0.04779604004017679, "b": 0.19537433439510293, "C": 0.2011357551104519, "h": 103.74674729865167, "hex": "#9D8800", "p3": "color(display-p3 0.6016 0.5351 0.0000)"}, {"L": 0.6239789439430008, "a": -0.02904401240463653, "b": -0.2023749428066409, "C": 0.20444845837655967, "h": 261.8329146149571, "hex": "#3C7FFF", "p3": "color(display-p3 0.3026 0.4913 0.9713)"}, {"L": 0.6988229881834438, "a": 0.04872744308451322, "b": -0.04378773992933549, "C": 0.06551129580212557, "h": 318.056316150551, "hex": "#AF92B9", "p3": "color(display-p3 0.6693 0.5753 0.7145)"}, {"L": 0.7255527611880103, "a": -0.047353983698631905, "b": -0.1463219107434908, "C": 0.1537936973213024, "h": 252.06692568118092, "hex": "#57AAFF", "p3": "color(display-p3 0.4221 0.6589 0.9894)"}, {"L": 0.8533537286017167, "a": -0.04620293092743311, "b": 0.04641479970572915, "C": 0.06549079674281043, "h": 134.8689325947689, "hex": "#BDD9AE", "p3": "color(display-p3 0.7618 0.8477 0.6977)"}], "deutan-severe": [{"L": 0.5676108417988917, "a": -0.031685802557649155, "b": 0.1487285953260858, "C": 0.15206638402813724, "h": 102.0267431968367, "hex": "#8A7800", "p3": "color(display-p3 0.5277 0.4718 0.0000)"}, {"L": 0.6239202301202584, "a": -0.044893465105594284, "b": 0.19107750485658798, "C": 0.19628050354379728, "h": 103.22178098459169, "hex": "#9E8900", "p3": "color(display-p3 0.6071 0.5386 0.0000)"}, {"L": 0.6167454162015257, "a": -0.05645342477722346, "b": -0.2034755203077102, "C": 0.2111617307505577, "h": 254.4935498861734, "hex": "#0082FF", "p3": "color(display-p3 0.1944 0.5009 0.9672)"}, {"L": 0.7042513830287703, "a": 0.0003371103585214069, "b": -0.03770661325767144, "C": 0.037708120170030036, "h": 270.51223073392725, "hex": "#979FB8", "p3": "color(display-p3 0.5965 0.6227 0.7130)"}, {"L": 0.7159828059451049, "a": -0.02101476348056466, "b": -0.15212751012779369, "C": 0.15357213165749198, "h": 262.13498604770086, "hex": "#6DA1FF", "p3": "color(display-p3 0.4726 0.6255 0.9861)"}, {"L": 0.8486399065449072, "a": -0.003554025310103733, "b": 0.04145972692650335, "C": 0.04161177781259874, "h": 94.89955125330243, "hex": "#D6CEAF", "p3": "color(display-p3 0.8321 0.8073 0.6998)"}], "protan-mild": [{"L": 0.4909327728415644, "a": 0.022442377826846733, "b": 0.15064692084728734, "C": 0.15230940576107505, "h": 81.5267708546106, "hex": "#8B5300", "p3": "color(display-p3 0.5139 0.3360 0.0000)"}, {"L": 0.6051977678208277, "a": -0.05700128495587466, "b": 0.2184973470119503, "C": 0.2258101794381322, "h": 104.62135938678743, "hex": "#9A8300", "p3": "color(display-p3 0.5881 0.5172 0.0000)"}, {"L": 0.6399486307168806, "a": -0.028216241234722973, "b": -0.20082050744103086, "C": 0.20279307798415905, "h": 262.0020257750715, "hex": "#4284FF", "p3": "color(display-p3 0.3245 0.5119 0.9897)"}, {"L": 0.6519674056730855, "a": 0.05827346276387693, "b": -0.07476502813183472, "C": 0.09479243584826264, "h": 307.93361365069507, "hex": "#A080BD", "p3": "color(display-p3 0.6067 0.5064 0.7238)"}, {"L": 0.7730048379793409, "a": -0.03916701205552624, "b": -0.1240534370692482, "C": 0.13008962326815948, "h": 252.47768971302892, "hex": "#76B9FF", "p3": "color(display-p3 0.5215 0.7201 1.0000)"}, {"L": 0.8897521854821565, "a": -0.048617334918811046, "b": 0.06827572856914088, "C": 0.08381658765575489, "h": 125.45365936754345, "hex": "#CDE5A9", "p3": "color(display-p3 0.8229 0.8956 0.6845)"}], "protan-severe": [{"L": 0.4496823331242276, "a": -0.037393628903523726, "b": 0.1538886834177889, "C": 0.1583666958884819, "h": 103.65768365436159, "hex": "#665600", "p3": "color(display-p3 0.3894 0.3385 0.0000)"}, {"L": 0.5991077847325343, "a": -0.06105277751742667, "b": 0.23185166850467076, "C": 0.2397553708073964, "h": 104.75261775783927, "hex": "#998100", "p3": "color(display-p3 0.5854 0.5086 0.0000)"}, {"L": 0.6429233836911588, "a": -0.05689278777392342, "b": -0.20114591071596244, "C": 0.20903699839607967, "h": 254.2067959303905, "hex": "#008BFF", "p3": "color(display-p3 0.2303 0.5359 0.9980)"}, {"L": 0.6225698342835266, "a": -0.00834396208715387, "b": -0.09093096659055334, "C": 0.09131299134517601, "h": 264.7571355836687, "hex": "#6C86BE", "p3": "color(display-p3 0.4424 0.5221 0.7296)"}, {"L": 0.7937973701403105, "a": -0.010532667858842297, "b": -0.11548670271188388, "C": 0.11596601051811577, "h": 264.78890223487434, "hex": "#97BAFF", "p3": "color(display-p3 0.6196 0.7269 1.0000)"}, {"L": 0.9087012801630394, "a": -0.007604270156143464, "b": 0.07803391398438975, "C": 0.07840355002377604, "h": 95.5658012353937, "hex": "#F0E1A6", "p3": "color(display-p3 0.9327 0.8855 0.6761)"}], "tritan-severe": [{"L": 0.5572359688306638, "a": 0.22432134912028348, "b": 0.09327451710323675, "C": 0.2429407401239778, "h": 22.577911439130688, "hex": "#DF0026", "p3": "color(display-p3 0.7995 0.0892 0.1852)"}, {"L": 0.6187182835592362, "a": 0.05260803261048669, "b": 0.03911129502517435, "C": 0.0655537832141842, "h": 36.62885465656864, "hex": "#A9786A", "p3": "color(display-p3 0.6344 0.4789 0.4259)"}, {"L": 0.6289675023293466, "a": -0.0511187253843167, "b": -0.05920612019825374, "C": 0.07822076932533491, "h": 229.19258462246967, "hex": "#5392AF", "p3": "color(display-p3 0.3836 0.5666 0.6738)"}, {"L": 0.7023424814089846, "a": 0.198924363601312, "b": 0.031821672512775234, "C": 0.20145352137825065, "h": 9.088528506313205, "hex": "#FF5C84", "p3": "color(display-p3 0.9346 0.4055 0.5237)"}, {"L": 0.7189456097406566, "a": -0.27435325238610986, "b": -0.06644405493219388, "C": 0.2822844656205313, "h": 193.61401045416457, "hex": "#00D2D6", "p3": "color(display-p3 0.0000 0.8049 0.8285)"}, {"L": 0.8452141601017419, "a": -0.21519224741206017, "b": -0.023532699176888452, "C": 0.2164751516382498, "h": 186.24087431629403, "hex": "#00F6E2", "p3": "color(display-p3 0.0000 0.9480 0.8830)"}]}, "summary": {"conservative_de_min": 10.292823371390519, "worst_cvd_bin": "deutan/1.0", "L_range": [0.55, 0.8496058569136816], "chroma_mean": 0.2053893983337631, "chroma_std": 0.003884347600128335}}, {"rotation": 30, "palette": [{"L": 0.55, "a": 0.11397979402691046, "b": 0.17693654837308062, "C": 0.21047074760307294, "h": 57.21099050960834, "hex": "#C53E00", "p3": "color(display-p3 0.7144 0.2842 0.0000)"}, {"L": 0.591088972675883, "a": 0.0972416294005056, "b": -0.18659970052540908, "C": 0.2104171635695093, "h": 297.52511272018234, "hex": "#8F56E8", "p3": "color(display-p3 0.5296 0.3480 0.8783)"}, {"L": 0.6523773358968583, "a": 0.20983619514465088, "b": -0.008433043077806039, "C": 0.21000558327895982, "h": 357.6985958193445, "hex": "#EC4790", "p3": "color(display-p3 0.8563 0.3290 0.5591)"}, {"L": 0.7016913426780025, "a": -0.09889236790536034, "b": 0.18317707441565684, "C": 0.20816709879663553, "h": 118.36341494934665, "hex": "#95AE00", "p3": "color(display-p3 0.6015 0.6782 0.0000)"}, {"L": 0.7266913426780025, "a": -0.1032978931294816, "b": -0.1645837136500267, "C": 0.19431483094150015, "h": 237.8863308372667, "hex": "#00B3FF", "p3": "color(display-p3 0.1728 0.6911 1.0000)"}, {"L": 0.85, "a": -0.2082297245838059, "b": 0.012002565375089643, "C": 0.20857535754693304, "h": 176.70106544258803, "hex": "#00F8CA", "p3": "color(display-p3 0.1335 0.9535 0.8005)"}], "cvd": {"normal": [{"L": 0.549999995980799, "a": 0.11397979005615183, "b": 0.17693656979036004, "C": 0.21047076345759616, "h": 57.21099457574067, "hex": "#C53E00", "p3": "color(display-p3 0.7144 0.2842 0.0000)"}, {"L": 0.5910889679771955, "a": 0.09724162973783887, "b": -0.18659968097900204, "C": 0.21041714639148656, "h": 297.5251152613248, "hex": "#8F56E8", "p3": "color(display-p3 0.5296 0.3480 0.8783)"}, {"L": 0.6523773303777705, "a": 0.20983619142406565, "b": -0.008433020296253004, "C": 0.21000557864655436, "h": 357.6986019890556, "hex": "#EC4790", "p3": "color(display-p3 0.8563 0.3290 0.5591)"}, {"L": 0.7016913389449496, "a": -0.09889236803094073, "b": 0.1831771030363939, "C": 0.20816712404117202, "h": 118.36341123743267, "hex": "#95AE00", "p3": "color(display-p3 0.6015 0.6782 0.0000)"}, {"L": 0.7266913383169051, "a": -0.1032978893141683, "b": -0.1645836874531794, "C": 0.19431480672467552, "h": 237.88632768381825, "hex": "#00B3FF", "p3": "color(display-p3 0.1728 0.6911 1.0000)"}, {"L": 0.8499999957052231, "a": -0.20822972080286445, "b": 0.012002598611683095, "C": 0.20857535568487484, "h": 176.70105626783658, "hex": "#00F8CA", "p3": "color(display-p3 0.1335 0.9535 0.8005)"}], "deutan-mild": [{"L": 0.5578846139317022, "a": -0.006040123650109711, "b": 0.1786720246195321, "C": 0.1787740906153666, "h": 91.93618363288216, "hex": "#9A6C00", "p3": "color(display-p3 0.5754 0.4304 0.0000)"}, {"L": 0.5771607089743748, "a": -0.012612498990117064, "b": -0.18570135732959642, "C": 0.18612917354576675, "h": 266.1145417466271, "hex": "#456FE6", "p3": "color(display-p3 0.3087 0.4311 0.8712)"}, {"L": 0.6547365587527617, "a": 0.05050113057911299, "b": 0.003494799906258673, "C": 0.050621910435634555, "h": 3.958694671339853, "hex": "#AC848D", "p3": "color(display-p3 0.6510 0.5243 0.5526)"}, {"L": 0.7076052050568337, "a": -0.04954824656753755, "b": 0.1762441207377879, "C": 0.18307653818158529, "h": 105.70248814732007, "hex": "#B2A500", "p3": "color(display-p3 0.6887 0.6494 0.0000)"}, {"L": 0.7169203633364816, "a": -0.04701207857966899, "b": -0.17167652715931972, "C": 0.17799709410511624, "h": 254.68550189592986, "hex": "#4BA5FF", "p3": "color(display-p3 0.3876 0.6376 1.0000)"}, {"L": 0.8523480956341085, "a": -0.04501887675619398, "b": 0.003098052595852916, "C": 0.045125349796716854, "h": 176.06329748568865, "hex": "#B0D9CD", "p3": "color(display-p3 0.7234 0.8452 0.8067)"}], "deutan-severe": [{"L": 0.5675636738933235, "a": -0.04159810193242291, "b": 0.17580107697764358, "C": 0.18065553064016504, "h": 103.3124966602678, "hex": "#8B7800", "p3": "color(display-p3 0.5336 0.4724 0.0000)"}, {"L": 0.5720738266604805, "a": -0.049729277368743795, "b": -0.18500186847462655, "C": 0.19156902768120027, "h": 254.9543035923695, "hex": "#0075E5", "p3": "color(display-p3 0.1880 0.4515 0.8674)"}, {"L": 0.6623939106267582, "a": -0.0006117895097373923, "b": 0.009930818196212998, "C": 0.009949645041430368, "h": 93.52525971301571, "hex": "#95938C", "p3": "color(display-p3 0.5821 0.5761 0.5523)"}, {"L": 0.7094792743227595, "a": -0.0351482943829004, "b": 0.17275935782548107, "C": 0.17629860553702525, "h": 101.5000018427684, "hex": "#B9A300", "p3": "color(display-p3 0.7117 0.6408 0.0000)"}, {"L": 0.7072583656937713, "a": -0.03169560635313567, "b": -0.17682173131666565, "C": 0.17964001816943806, "h": 259.8375573148701, "hex": "#599EFF", "p3": "color(display-p3 0.4140 0.6120 1.0000)"}, {"L": 0.846137388181047, "a": 0.00011762549022903483, "b": -0.0024282759622661354, "C": 0.0024311231776426192, "h": 272.77323519438863, "hex": "#CCCCCE", "p3": "color(display-p3 0.7994 0.8010 0.8071)"}], "protan-mild": [{"L": 0.49489213846042146, "a": -0.007092828904876927, "b": 0.20629363523154823, "C": 0.20641553274625662, "h": 91.96917921575293, "hex": "#8C5600", "p3": "color(display-p3 0.5183 0.3468 0.0000)"}, {"L": 0.5800992430277665, "a": -0.016174167233476526, "b": -0.1917921416073741, "C": 0.19247293126057885, "h": 265.1795523904371, "hex": "#4170EA", "p3": "color(display-p3 0.2981 0.4335 0.8882)"}, {"L": 0.5958369169308707, "a": 0.06785253504049571, "b": -0.030575158085839386, "C": 0.07442316039645029, "h": 335.7431071836794, "hex": "#9B6E90", "p3": "color(display-p3 0.5827 0.4388 0.5578)"}, {"L": 0.7062753222171848, "a": -0.05564768920181633, "b": 0.19332534386144795, "C": 0.2011749335594498, "h": 106.05818739366315, "hex": "#B3A500", "p3": "color(display-p3 0.6913 0.6484 0.0000)"}, {"L": 0.7603176192261836, "a": -0.038451359497965944, "b": -0.15249893295839526, "C": 0.15727183982102755, "h": 255.8483159293831, "hex": "#6AB3FF", "p3": "color(display-p3 0.4816 0.6941 1.0000)"}, {"L": 0.8952602838369635, "a": -0.045751938509994164, "b": 0.02676556658726945, "C": 0.05300599430403925, "h": 149.67172904849158, "hex": "#C5E7CA", "p3": "color(display-p3 0.7976 0.9016 0.8012)"}], "protan-severe": [{"L": 0.4570441672219319, "a": -0.08126624940043398, "b": 0.24973473993379897, "C": 0.2626245297404942, "h": 108.025420134992, "hex": "#6B5800", "p3": "color(display-p3 0.4077 0.3472 0.0000)"}, {"L": 0.5761793773859208, "a": -0.0623936459398334, "b": -0.19542536834152296, "C": 0.20514395346947278, "h": 252.293227016802, "hex": "#0077EC", "p3": "color(display-p3 0.1131 0.4587 0.8961)"}, {"L": 0.558947979494164, "a": -0.001885200298192543, "b": -0.04947100646786268, "C": 0.04950691326580174, "h": 267.8176756567423, "hex": "#677492", "p3": "color(display-p3 0.4146 0.4517 0.5624)"}, {"L": 0.7075374612630078, "a": -0.043487736037024965, "b": 0.20202248086745153, "C": 0.2066501051571612, "h": 102.14822026109982, "hex": "#BCA200", "p3": "color(display-p3 0.7197 0.6377 0.0000)"}, {"L": 0.7785597132736177, "a": -0.01931382667922403, "b": -0.14531155979839802, "C": 0.14658947203683664, "h": 262.4290084501432, "hex": "#83B5FF", "p3": "color(display-p3 0.5565 0.7054 1.0000)"}, {"L": 0.9167480165760772, "a": -0.0024203146464153447, "b": 0.036980879359172825, "C": 0.03705999677772986, "h": 93.74453840255057, "hex": "#EBE4C8", "p3": "color(display-p3 0.9180 0.8936 0.7967)"}], "tritan-severe": [{"L": 0.5572917359398363, "a": 0.2129358717320662, "b": 0.09223820861514331, "C": 0.23205510681479444, "h": 23.420989552305706, "hex": "#DB0027", "p3": "color(display-p3 0.7865 0.1402 0.1905)"}, {"L": 0.5833098026216933, "a": 0.015775445929692492, "b": -0.04661815685335157, "C": 0.049215010339167274, "h": 288.69566668237627, "hex": "#7A7797", "p3": "color(display-p3 0.4754 0.4668 0.5834)"}, {"L": 0.6570138299261463, "a": 0.22849085885489384, "b": 0.054837407195197536, "C": 0.23497917739267649, "h": 13.49563869428521, "hex": "#FF3366", "p3": "color(display-p3 0.9214 0.2839 0.4096)"}, {"L": 0.7049125074833501, "a": -0.009331351651248156, "b": 0.025036355436391818, "C": 0.026718780233697007, "h": 110.44103133366826, "hex": "#A0A28F", "p3": "color(display-p3 0.6298 0.6341 0.5674)"}, {"L": 0.7130542699959791, "a": -0.2373195167766086, "b": -0.0692744459787605, "C": 0.24722358687784465, "h": 196.2727203803747, "hex": "#00CBD5", "p3": "color(display-p3 0.0000 0.7781 0.8231)"}, {"L": 0.8431988367602029, "a": -0.2552983556419715, "b": -0.03539831986746094, "C": 0.2577407446309831, "h": 187.89399883599887, "hex": "#00FCEA", "p3": "color(display-p3 0.0000 0.9667 0.9139)"}]}, "summary": {"conservative_de_min": 13.024462198316682, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.20699179695610181, "chroma_std": 0.00573750247547826}}, {"rotation": 40, "palette": [{"L": 0.55, "a": 0.07923236815810471, "b": 0.187724862838237, "C": 0.20376062497837097, "h": 67.11702305150304, "hex": "#BB4D00", "p3": "color(display-p3 0.6803 0.3271 0.0000)"}, {"L": 0.5888233445350355, "a": 0.12356760861994966, "b": -0.16219347648320243, "C": 0.20390114691624517, "h": 307.30207668698074, "hex": "#9E50D9", "p3": "color(display-p3 0.5782 0.3314 0.8212)"}, {"L": 0.6675105830591598, "a": 0.20206375741994947, "b": 0.0252524829586344, "C": 0.20363558126772519, "h": 7.12348450333542, "hex": "#F54E7F", "p3": "color(display-p3 0.8868 0.3571 0.4987)"}, {"L": 0.7038699981257399, "a": -0.12467781759430105, "b": 0.15994830423969011, "C": 0.2028004394207031, "h": 127.93599498648203, "hex": "#7AB500", "p3": "color(display-p3 0.5300 0.7035 0.1218)"}, {"L": 0.7288699981257399, "a": -0.0720896068993046, "b": -0.172983811302246, "C": 0.18740413654865604, "h": 247.37646092465195, "hex": "#19ADFF", "p3": "color(display-p3 0.3182 0.6698 1.0000)"}, {"L": 0.85, "a": -0.19964986563486087, "b": -0.02164441937879501, "C": 0.20081969459757465, "h": 186.18737891326668, "hex": "#00F5E2", "p3": "color(display-p3 0.0121 0.9454 0.8828)"}], "cvd": {"normal": [{"L": 0.5499999962033034, "a": 0.07923236470786593, "b": 0.18772488460311787, "C": 0.20376064368875113, "h": 67.11702632513203, "hex": "#BB4D00", "p3": "color(display-p3 0.6803 0.3271 0.0000)"}, {"L": 0.588823339728635, "a": 0.12356760819247405, "b": -0.16219345696545479, "C": 0.20390113113176594, "h": 307.30207991509957, "hex": "#9E50D9", "p3": "color(display-p3 0.5782 0.3314 0.8212)"}, {"L": 0.6675105775350562, "a": 0.2020637534756407, "b": 0.025252506684103008, "C": 0.20363558029601597, "h": 7.123491264930813, "hex": "#F54E7F", "p3": "color(display-p3 0.8868 0.3571 0.4987)"}, {"L": 0.7038699944986375, "a": -0.1246778169927456, "b": 0.1599483328943068, "C": 0.2028004616507185, "h": 127.93598987542933, "hex": "#7AB500", "p3": "color(display-p3 0.5300 0.7035 0.1218)"}, {"L": 0.728869993553378, "a": -0.07208960356798008, "b": -0.17298378532078929, "C": 0.18740411128493803, "h": 247.3764588091513, "hex": "#19ADFF", "p3": "color(display-p3 0.3182 0.6698 1.0000)"}, {"L": 0.8499999956068137, "a": -0.1996498616379655, "b": -0.0216443865292433, "C": 0.2008196870834283, "h": 186.1873697184788, "hex": "#00F5E2", "p3": "color(display-p3 0.0121 0.9454 0.8828)"}], "deutan-mild": [{"L": 0.5572653009748645, "a": -0.01667141474719101, "b": 0.18660047696542092, "C": 0.1873437324102289, "h": 95.10541186052725, "hex": "#966E00", "p3": "color(display-p3 0.5657 0.4363 0.0000)"}, {"L": 0.5778022098403061, "a": 0.0063606833813067845, "b": -0.15908271187635095, "C": 0.1592098222818282, "h": 272.2896660895007, "hex": "#5B6FD6", "p3": "color(display-p3 0.3717 0.4324 0.8143)"}, {"L": 0.6714492282060321, "a": 0.04572134618304147, "b": 0.03695090712050031, "C": 0.0587861466148051, "h": 38.94432108223664, "hex": "#B68A7B", "p3": "color(display-p3 0.6878 0.5472 0.4926)"}, {"L": 0.7094550735419334, "a": -0.04921218713630695, "b": 0.15281954321696592, "C": 0.16054797461127004, "h": 107.85001729606851, "hex": "#ACA700", "p3": "color(display-p3 0.6719 0.6566 0.1665)"}, {"L": 0.7179405400431483, "a": -0.04239567324602177, "b": -0.17904620331111076, "C": 0.18399710875474934, "h": 256.6785008266668, "hex": "#4FA3FF", "p3": "color(display-p3 0.3950 0.6323 1.0000)"}, {"L": 0.8507895510652836, "a": -0.042872338339925334, "b": -0.030393540567987695, "C": 0.05255287530659902, "h": 215.3340194785536, "hex": "#A7D7E4", "p3": "color(display-p3 0.6951 0.8393 0.8865)"}], "deutan-severe": [{"L": 0.5657899871218162, "a": -0.044359172099590644, "b": 0.18267824002219624, "C": 0.18798690254102343, "h": 103.64877732693326, "hex": "#8B7700", "p3": "color(display-p3 0.5328 0.4705 0.0000)"}, {"L": 0.5751060507707862, "a": -0.03230413852942968, "b": -0.156956581268907, "C": 0.1602464532205053, "h": 258.37002622669047, "hex": "#3676D5", "p3": "color(display-p3 0.2783 0.4585 0.8110)"}, {"L": 0.6800020581888926, "a": -0.004093602349474757, "b": 0.042878631763233144, "C": 0.04307359564840822, "h": 95.453472160693, "hex": "#A0997B", "p3": "color(display-p3 0.6230 0.5993 0.4933)"}, {"L": 0.7098817027267149, "a": -0.02773962841589795, "b": 0.14938694491601814, "C": 0.1519406012097936, "h": 100.51942685264872, "hex": "#B7A300", "p3": "color(display-p3 0.7052 0.6405 0.1832)"}, {"L": 0.7087670675158204, "a": -0.034716337073159145, "b": -0.1834127569939742, "C": 0.18666939622741546, "h": 259.28186269833964, "hex": "#549EFF", "p3": "color(display-p3 0.4017 0.6130 1.0000)"}, {"L": 0.843786867449654, "a": 0.0006351510789950946, "b": -0.036065687004551816, "C": 0.03607127937852283, "h": 271.00892892060784, "hex": "#C3CBE4", "p3": "color(display-p3 0.7697 0.7953 0.8859)"}], "protan-mild": [{"L": 0.5044508364342001, "a": -0.024488975644464363, "b": 0.22046918398945034, "C": 0.221825091044925, "h": 96.338240637554, "hex": "#8B5C00", "p3": "color(display-p3 0.5168 0.3680 0.0000)"}, {"L": 0.5702380826412075, "a": 0.0018392242327303525, "b": -0.17109656715907545, "C": 0.1711064523605065, "h": 270.61588452129365, "hex": "#536CDB", "p3": "color(display-p3 0.3455 0.4203 0.8299)"}, {"L": 0.6091551115504154, "a": 0.06536341446480952, "b": 0.005103757792382368, "C": 0.06556236949730977, "h": 4.464755293749821, "hex": "#A5737E", "p3": "color(display-p3 0.6184 0.4577 0.4939)"}, {"L": 0.7171385005090207, "a": -0.054523097289152736, "b": 0.16924868497172596, "C": 0.17781418813655156, "h": 107.8562327618348, "hex": "#B0AA00", "p3": "color(display-p3 0.6862 0.6669 0.0270)"}, {"L": 0.7564036809078098, "a": -0.035282519772552964, "b": -0.1631040282793774, "C": 0.16687654191785176, "h": 257.7938987935356, "hex": "#68B0FF", "p3": "color(display-p3 0.4753 0.6828 1.0000)"}, {"L": 0.8959428612313103, "a": -0.04225280086202582, "b": -0.006561931147917127, "C": 0.04275930449710349, "h": 188.82761192715714, "hex": "#BEE6E2", "p3": "color(display-p3 0.7750 0.8987 0.8861)"}], "protan-severe": [{"L": 0.47427927184946594, "a": -0.08932106623123437, "b": 0.2688271771888841, "C": 0.2832777860475972, "h": 108.3796885388634, "hex": "#715D00", "p3": "color(display-p3 0.4300 0.3662 0.0000)"}, {"L": 0.561294763654919, "a": -0.05089276603412656, "b": -0.17733229220598265, "C": 0.18449069215988204, "h": 253.9869991135122, "hex": "#0073DD", "p3": "color(display-p3 0.1787 0.4435 0.8373)"}, {"L": 0.5708245726784351, "a": 0.00022513615326397334, "b": -0.013000686720067602, "C": 0.013002635943563465, "h": 270.99210622157864, "hex": "#757780", "p3": "color(display-p3 0.4591 0.4677 0.4973)"}, {"L": 0.7228902726311486, "a": -0.03444789541738441, "b": 0.1773810751930934, "C": 0.18069505620061915, "h": 100.99019755517695, "hex": "#BFA600", "p3": "color(display-p3 0.7331 0.6558 0.0000)"}, {"L": 0.7720764432506253, "a": -0.02375434894579925, "b": -0.15723767252479348, "C": 0.15902186879436736, "h": 261.4091247250822, "hex": "#7AB3FF", "p3": "color(display-p3 0.5280 0.6963 1.0000)"}, {"L": 0.9180201692044186, "a": -0.00013371884217561273, "b": 0.0035070482844583584, "C": 0.0035095966147514874, "h": 92.18355014304323, "hex": "#E5E4E1", "p3": "color(display-p3 0.8957 0.8932 0.8842)"}], "tritan-severe": [{"L": 0.556835977761998, "a": 0.18491536530552558, "b": 0.08017099386355005, "C": 0.2015467205963554, "h": 23.439387956547098, "hex": "#CF2735", "p3": "color(display-p3 0.7480 0.2233 0.2325)"}, {"L": 0.5835847228286067, "a": 0.060909036014570477, "b": -0.031702803572908, "C": 0.06866570048143857, "h": 332.5032815105743, "hex": "#946C8D", "p3": "color(display-p3 0.5571 0.4311 0.5465)"}, {"L": 0.6731793839826049, "a": 0.2355133790692726, "b": 0.06574647931027361, "C": 0.24451820231288127, "h": 15.59773461117977, "hex": "#FF3262", "p3": "color(display-p3 0.9588 0.2870 0.3984)"}, {"L": 0.7057497698344244, "a": -0.053876837573783094, "b": 0.014260858115567319, "C": 0.05573226804234821, "h": 165.1741736811529, "hex": "#80AC98", "p3": "color(display-p3 0.5366 0.6684 0.5995)"}, {"L": 0.716102036510408, "a": -0.19903862185857485, "b": -0.06756947973288405, "C": 0.21019516545994435, "h": 198.7512833264512, "hex": "#00C7D4", "p3": "color(display-p3 0.0000 0.7622 0.8188)"}, {"L": 0.8417721814877837, "a": -0.2669864462189129, "b": -0.04263145768302192, "C": 0.2703686439822187, "h": 189.07220272867633, "hex": "#00FDEF", "p3": "color(display-p3 0.0000 0.9702 0.9308)"}]}, "summary": {"conservative_de_min": 14.22527844395559, "worst_cvd_bin": "deutan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.20038693728821252, "chroma_std": 0.005899865988894427}}, {"rotation": 50, "palette": [{"L": 0.55, "a": 0.052789490482592766, "b": 0.18514135627596248, "C": 0.1925202641518929, "h": 74.08552060537816, "hex": "#B05700", "p3": "color(display-p3 0.6466 0.3602 0.0000)"}, {"L": 0.5829455708216851, "a": 0.13166548333073808, "b": -0.1415589210406268, "C": 0.1933254448511713, "h": 312.9262296238006, "hex": "#A24FCB", "p3": "color(display-p3 0.5931 0.3263 0.7696)"}, {"L": 0.6615316699109628, "a": 0.18668747220546195, "b": 0.04306621157849107, "C": 0.19159047695067855, "h": 12.990096446687573, "hex": "#F05371", "p3": "color(display-p3 0.8702 0.3706 0.4498)"}, {"L": 0.7133237181441018, "a": -0.13881700020107882, "b": 0.13980313280397239, "C": 0.19701541941338363, "h": 134.7972113513518, "hex": "#68BC1F", "p3": "color(display-p3 0.4874 0.7280 0.2509)"}, {"L": 0.7383237181441018, "a": -0.0501651295606522, "b": -0.16954839542584696, "C": 0.176814022677265, "h": 253.5178321390502, "hex": "#4FACFF", "p3": "color(display-p3 0.4063 0.6680 1.0000)"}, {"L": 0.85, "a": -0.18426333770565614, "b": -0.04758833013623762, "C": 0.190309292436245, "h": 194.48093474055096, "hex": "#00F2F3", "p3": "color(display-p3 0.1226 0.9327 0.9437)"}], "cvd": {"normal": [{"L": 0.5499999963573676, "a": 0.052789487544039636, "b": 0.18514137820204082, "C": 0.19252028443183183, "h": 74.08552323567808, "hex": "#B05700", "p3": "color(display-p3 0.6466 0.3602 0.0000)"}, {"L": 0.5829455660344032, "a": 0.1316654825206142, "b": -0.14155890159725834, "C": 0.193325430062391, "h": 312.92623337252854, "hex": "#A24FCB", "p3": "color(display-p3 0.5931 0.3263 0.7696)"}, {"L": 0.661531664542623, "a": 0.1866874683494116, "b": 0.04306623536009047, "C": 0.19159047853900063, "h": 12.990103635863768, "hex": "#F05371", "p3": "color(display-p3 0.8702 0.3706 0.4498)"}, {"L": 0.7133237145106437, "a": -0.13881699911883813, "b": 0.13980316171254517, "C": 0.197015439164507, "h": 134.79720520433543, "hex": "#68BC1F", "p3": "color(display-p3 0.4874 0.7280 0.2509)"}, {"L": 0.7383237133846452, "a": -0.050165126675360903, "b": -0.16954836920944835, "C": 0.1768139967195426, "h": 253.51783062533434, "hex": "#4FACFF", "p3": "color(display-p3 0.4063 0.6680 1.0000)"}, {"L": 0.8499999954789774, "a": -0.1842633337035604, "b": -0.047588297645482086, "C": 0.19030928043672662, "h": 194.4809255707234, "hex": "#00F2F3", "p3": "color(display-p3 0.1226 0.9327 0.9437)"}], "deutan-mild": [{"L": 0.5566262112574317, "a": -0.021868905232920878, "b": 0.18296147728301443, "C": 0.1842638086702581, "h": 96.81607695157106, "hex": "#936F00", "p3": "color(display-p3 0.5549 0.4412 0.0000)"}, {"L": 0.5740382012971309, "a": 0.015853645847525716, "b": -0.13736173813307048, "C": 0.13827358818515195, "h": 276.5836794976364, "hex": "#656EC9", "p3": "color(display-p3 0.4015 0.4308 0.7631)"}, {"L": 0.6659889459723002, "a": 0.03989139146350861, "b": 0.053851300344662234, "C": 0.06701705500621395, "h": 53.47008710165613, "hex": "#B5896D", "p3": "color(display-p3 0.6842 0.5446 0.4443)"}, {"L": 0.718618408634207, "a": -0.04751085329950272, "b": 0.13268273231944416, "C": 0.14093256769462528, "h": 109.70136152784448, "hex": "#AAAB2E", "p3": "color(display-p3 0.6689 0.6704 0.2750)"}, {"L": 0.7275096894297935, "a": -0.03510808236711916, "b": -0.17461864148627937, "C": 0.1781130186202294, "h": 258.63191573391026, "hex": "#5CA5FF", "p3": "color(display-p3 0.4308 0.6411 1.0000)"}, {"L": 0.8492894590889768, "a": -0.04055898727675201, "b": -0.05597005757916251, "C": 0.06912075516319609, "h": 234.07084344741355, "hex": "#A1D6F4", "p3": "color(display-p3 0.6747 0.8325 0.9456)"}], "deutan-severe": [{"L": 0.5640106498822434, "a": -0.04309336569671904, "b": 0.1792320477237968, "C": 0.18433980877264827, "h": 103.51920904940954, "hex": "#8A7700", "p3": "color(display-p3 0.5299 0.4684 0.0000)"}, {"L": 0.5727613564381996, "a": -0.02186134177020764, "b": -0.1345841389516914, "C": 0.13634811594357293, "h": 260.77367287196165, "hex": "#4776C8", "p3": "color(display-p3 0.3219 0.4584 0.7601)"}, {"L": 0.6745347104125738, "a": -0.006611003956528418, "b": 0.05909916065963472, "C": 0.05946777416371451, "h": 96.38273769935009, "hex": "#A1976D", "p3": "color(display-p3 0.6249 0.5937 0.4458)"}, {"L": 0.7180790761157936, "a": -0.021781012729664193, "b": 0.12922131241278734, "C": 0.13104411508042998, "h": 99.56760857488375, "hex": "#B8A533", "p3": "color(display-p3 0.7088 0.6497 0.2843)"}, {"L": 0.7191609572061902, "a": -0.03151367847519735, "b": -0.17824181396313385, "C": 0.18100623242282718, "h": 259.9735534597479, "hex": "#5DA1FF", "p3": "color(display-p3 0.4272 0.6263 1.0000)"}, {"L": 0.8418822077777615, "a": -0.000441224389184435, "b": -0.06155189017200258, "C": 0.06155347157316051, "h": 269.58929186005474, "hex": "#BBCAF4", "p3": "color(display-p3 0.7441 0.7907 0.9442)"}], "protan-mild": [{"L": 0.5130374662041196, "a": -0.02898969651271631, "b": 0.21056797271703542, "C": 0.21255416636250998, "h": 97.8388504601878, "hex": "#896100", "p3": "color(display-p3 0.5139 0.3860 0.0000)"}, {"L": 0.5610891333684517, "a": 0.01231678499147264, "b": -0.15206030673853088, "C": 0.1525583169740092, "h": 274.6308107548975, "hex": "#5C69CD", "p3": "color(display-p3 0.3705 0.4113 0.7773)"}, {"L": 0.6055000401821996, "a": 0.0587927968837454, "b": 0.025552660625395244, "C": 0.06410562713561085, "h": 23.49084048438812, "hex": "#A5736F", "p3": "color(display-p3 0.6180 0.4589 0.4428)"}, {"L": 0.7319747414240079, "a": -0.05219761910329893, "b": 0.14902125134112115, "C": 0.15789846354960735, "h": 109.30380797178503, "hex": "#B0AF07", "p3": "color(display-p3 0.6910 0.6878 0.2225)"}, {"L": 0.7611675166173564, "a": -0.030059359414515527, "b": -0.16155524938643637, "C": 0.16432791513533138, "h": 259.45993571373083, "hex": "#70B0FF", "p3": "color(display-p3 0.4957 0.6855 1.0000)"}, {"L": 0.8945623955924747, "a": -0.03899937718716157, "b": -0.03283446518303345, "C": 0.050980913338644046, "h": 220.09479055378884, "hex": "#B8E5F4", "p3": "color(display-p3 0.7560 0.8923 0.9488)"}], "protan-severe": [{"L": 0.4891679557201319, "a": -0.071863033784907, "b": 0.2370424594768379, "C": 0.2476962317428326, "h": 106.86547951068269, "hex": "#756100", "p3": "color(display-p3 0.4469 0.3828 0.0000)"}, {"L": 0.5497927932196852, "a": -0.04034770976832087, "b": -0.15950083891050074, "C": 0.16452493822123795, "h": 255.80412126661403, "hex": "#2070CF", "p3": "color(display-p3 0.2230 0.4321 0.7841)"}, {"L": 0.5688368858312148, "a": -0.00044590507459851857, "b": 0.009339066046771706, "C": 0.009349705126982176, "h": 92.7335807373634, "hex": "#797771", "p3": "color(display-p3 0.4724 0.4667 0.4452)"}, {"L": 0.74043441299509, "a": -0.027583522761846786, "b": 0.15695770341477983, "C": 0.15936301763331198, "h": 99.96729999415585, "hex": "#C3AC00", "p3": "color(display-p3 0.7494 0.6767 0.1894)"}, {"L": 0.7746331922945666, "a": -0.02347864280108994, "b": -0.15680124263871453, "C": 0.1585492868505759, "h": 261.4840811182813, "hex": "#7BB4FF", "p3": "color(display-p3 0.5321 0.6995 1.0000)"}, {"L": 0.9163105840332241, "a": 0.00035452937021580806, "b": -0.02320116600867861, "C": 0.023203874573799292, "h": 270.8754497863101, "hex": "#DDE3F3", "p3": "color(display-p3 0.8720 0.8893 0.9487)"}], "tritan-severe": [{"L": 0.5563071700452148, "a": 0.15743287555350244, "b": 0.06870716467025183, "C": 0.1717724796993677, "h": 23.577513485854187, "hex": "#C43D3F", "p3": "color(display-p3 0.7092 0.2778 0.2683)"}, {"L": 0.5792633810843411, "a": 0.08093168147925565, "b": -0.021663608535961065, "C": 0.08378095846825255, "h": 345.0145129026047, "hex": "#9E6685", "p3": "color(display-p3 0.5871 0.4082 0.5173)"}, {"L": 0.6674597970653817, "a": 0.22756954983149674, "b": 0.06746176221982995, "C": 0.23735835644087813, "h": 16.512172016055835, "hex": "#FF365F", "p3": "color(display-p3 0.9423 0.2956 0.3882)"}, {"L": 0.7141895972956829, "a": -0.08349837144721262, "b": 0.007015180295888319, "C": 0.08379254614176915, "h": 175.1975292062216, "hex": "#66B4A0", "p3": "color(display-p3 0.4733 0.6991 0.6304)"}, {"L": 0.7268556984304211, "a": -0.1662573247404155, "b": -0.06311720320669419, "C": 0.17783497791625555, "h": 200.78854587295467, "hex": "#00C5D4", "p3": "color(display-p3 0.0000 0.7586 0.8186)"}, {"L": 0.8409766150613259, "a": -0.26402780561098593, "b": -0.047143673783699644, "C": 0.26820366909044413, "h": 190.12379919011624, "hex": "#00FCF2", "p3": "color(display-p3 0.0000 0.9668 0.9402)"}]}, "summary": {"conservative_de_min": 12.916954999889695, "worst_cvd_bin": "deutan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.19026248674677274, "chroma_std": 0.00636014026762552}}, {"rotation": 60, "palette": [{"L": 0.55, "a": 0.0065281968404110905, "b": 0.18447187298693155, "C": 0.1845873486382362, "h": 87.97322976355271, "hex": "#9E6500", "p3": "color(display-p3 0.5870 0.4077 0.0000)"}, {"L": 0.5795427675663875, "a": 0.15649111456031795, "b": -0.09970653141175242, "C": 0.1855555478623405, "h": 327.4972144611962, "hex": "#B148B1", "p3": "color(display-p3 0.6439 0.3085 0.6752)"}, {"L": 0.6674477252611891, "a": 0.1648577344222678, "b": 0.08528042728482337, "C": 0.1856093313298796, "h": 27.352394254616126, "hex": "#F15C51", "p3": "color(display-p3 0.8766 0.3994 0.3456)"}, {"L": 0.6924477252611891, "a": -0.00747134483811795, "b": -0.17605951938586714, "C": 0.17621797683571502, "h": 267.5700272413093, "hex": "#6C94FF", "p3": "color(display-p3 0.4573 0.5755 1.0000)"}, {"L": 0.8043106417533311, "a": -0.16202767568005433, "b": -0.08608027416546268, "C": 0.1834741978772004, "h": 207.9803214406809, "hex": "#00DDFC", "p3": "color(display-p3 0.0340 0.8519 0.9717)"}, {"L": 0.85, "a": -0.15393123694742517, "b": 0.10109939007807034, "C": 0.18416273342433365, "h": 146.70377912254094, "hex": "#70ED82", "p3": "color(display-p3 0.5690 0.9189 0.5544)"}], "cvd": {"normal": [{"L": 0.5499999966320255, "a": 0.006528194756696915, "b": 0.18447189523109667, "C": 0.1845873707947921, "h": 87.9732306541215, "hex": "#9E6500", "p3": "color(display-p3 0.5870 0.4077 0.0000)"}, {"L": 0.579542762712245, "a": 0.15649111282322295, "b": -0.09970651186022228, "C": 0.1855555358915043, "h": 327.4972192644713, "hex": "#B148B1", "p3": "color(display-p3 0.6439 0.3085 0.6752)"}, {"L": 0.6674477200437857, "a": 0.16485773050930141, "b": 0.08528045184653293, "C": 0.1856093391395656, "h": 27.35240154387374, "hex": "#F15C51", "p3": "color(display-p3 0.8766 0.3994 0.3456)"}, {"L": 0.6924477205384342, "a": -0.00747134267311948, "b": -0.17605949523698308, "C": 0.17621795261675366, "h": 267.57002761170395, "hex": "#6C94FF", "p3": "color(display-p3 0.4573 0.5755 1.0000)"}, {"L": 0.8043106373443434, "a": -0.16202767166085583, "b": -0.08608024390604671, "C": 0.18347418013105438, "h": 207.98031368462128, "hex": "#00DDFC", "p3": "color(display-p3 0.0340 0.8519 0.9717)"}, {"L": 0.8499999955094169, "a": -0.15393123515231716, "b": 0.10109942380815594, "C": 0.1841627504406336, "h": 146.7037700446644, "hex": "#70ED82", "p3": "color(display-p3 0.5690 0.9189 0.5544)"}], "deutan-mild": [{"L": 0.5558606211295398, "a": -0.0317862588072173, "b": 0.18017134754751823, "C": 0.18295376663531146, "h": 100.00530133770506, "hex": "#8E7200", "p3": "color(display-p3 0.5378 0.4494 0.0000)"}, {"L": 0.5746831180082959, "a": 0.03282329182084004, "b": -0.09286794152260357, "C": 0.0984978327101756, "h": 289.4654710339255, "hex": "#786EAF", "p3": "color(display-p3 0.4625 0.4337 0.6691)"}, {"L": 0.6732438507135323, "a": 0.028233758436359575, "b": 0.09450434094616988, "C": 0.09863171687197089, "h": 73.36615803069861, "hex": "#BB8C4D", "p3": "color(display-p3 0.7050 0.5583 0.3413)"}, {"L": 0.6804417674724111, "a": -0.02925855391096542, "b": -0.17954639561319796, "C": 0.18191473594695912, "h": 260.7445391922662, "hex": "#5394FF", "p3": "color(display-p3 0.3868 0.5752 0.9991)"}, {"L": 0.8011939198983434, "a": -0.039569673492792695, "b": -0.09401733902411812, "C": 0.10200499545366484, "h": 247.17492609733412, "hex": "#87C4FD", "p3": "color(display-p3 0.5826 0.7637 0.9712)"}, {"L": 0.8545661237356377, "a": -0.04258507562389752, "b": 0.09412112767956204, "C": 0.1033067052110631, "h": 114.34435946178068, "hex": "#CED787", "p3": "color(display-p3 0.8131 0.8434 0.5674)"}], "deutan-severe": [{"L": 0.5614122100023524, "a": -0.04210413329451291, "b": 0.17637386130267124, "C": 0.1813298017185703, "h": 103.42641955320217, "hex": "#897600", "p3": "color(display-p3 0.5262 0.4653 0.0000)"}, {"L": 0.5764293107438995, "a": -0.007007824387965072, "b": -0.08859322210012516, "C": 0.08886995332920268, "h": 265.47725606414366, "hex": "#6078AE", "p3": "color(display-p3 0.3948 0.4675 0.6668)"}, {"L": 0.6822847638076949, "a": -0.01450477880943185, "b": 0.09836015132835513, "C": 0.099423880318802, "h": 98.38872084560774, "hex": "#A99A4D", "p3": "color(display-p3 0.6522 0.6050 0.3451)"}, {"L": 0.672957303090885, "a": -0.036932832498174986, "b": -0.18201127912253112, "C": 0.18572059617650968, "h": 258.5295602906083, "hex": "#4793FF", "p3": "color(display-p3 0.3547 0.5701 0.9952)"}, {"L": 0.7931060711248955, "a": -0.005256792796571051, "b": -0.09951811536102062, "C": 0.09965685704212977, "h": 266.9763054903446, "hex": "#9FBAFC", "p3": "color(display-p3 0.6430 0.7259 0.9689)"}, {"L": 0.8525578799957183, "a": -0.011196603762226805, "b": 0.09043496489652503, "C": 0.09112544546746548, "h": 97.05778039597787, "hex": "#DFCF89", "p3": "color(display-p3 0.8642 0.8152 0.5719)"}], "protan-mild": [{"L": 0.5265858313584004, "a": -0.03977846472362648, "b": 0.2037678458816735, "C": 0.20761421259399906, "h": 101.04605546241511, "hex": "#876800", "p3": "color(display-p3 0.5098 0.4135 0.0000)"}, {"L": 0.5479551888568005, "a": 0.03358845390778673, "b": -0.11448005891853621, "C": 0.1193057757441233, "h": 286.3516907058744, "hex": "#6C65B3", "p3": "color(display-p3 0.4197 0.3953 0.6805)"}, {"L": 0.6123758579675004, "a": 0.046149928775690095, "b": 0.07330791208014897, "C": 0.08662485728445456, "h": 57.80813078789694, "hex": "#AB764E", "p3": "color(display-p3 0.6407 0.4734 0.3309)"}, {"L": 0.7060124475263557, "a": -0.0259389786070683, "b": -0.17148011277987218, "C": 0.17343084988022064, "h": 261.39835046008807, "hex": "#609DFF", "p3": "color(display-p3 0.4322 0.6086 1.0000)"}, {"L": 0.8465256608903549, "a": -0.036011738675081374, "b": -0.07185403840930547, "C": 0.08037318058984787, "h": 243.38093066530695, "hex": "#9FD3FE", "p3": "color(display-p3 0.6667 0.8230 0.9790)"}, {"L": 0.8761207274135001, "a": -0.0462218659339752, "b": 0.1111701740082678, "C": 0.12039629761519628, "h": 112.5763580979381, "hex": "#D7DF7E", "p3": "color(display-p3 0.8488 0.8723 0.5434)"}], "protan-severe": [{"L": 0.5118629219512482, "a": -0.06215154142204364, "b": 0.2204647273759266, "C": 0.22905787504051817, "h": 105.74375451623465, "hex": "#7C6700", "p3": "color(display-p3 0.4737 0.4082 0.0000)"}, {"L": 0.5296929198682737, "a": -0.023580039739252684, "b": -0.12539262814911556, "C": 0.12759047561729325, "h": 259.3499247336522, "hex": "#3C6AB4", "p3": "color(display-p3 0.2781 0.4126 0.6865)"}, {"L": 0.5763008187609417, "a": -0.006704233380946053, "b": 0.06069001664417018, "C": 0.061059191490682584, "h": 96.30372441608453, "hex": "#84794F", "p3": "color(display-p3 0.5094 0.4778 0.3303)"}, {"L": 0.7151351173768435, "a": -0.03162898504411322, "b": -0.16884365186343966, "C": 0.17178059107333152, "h": 259.38991718656314, "hex": "#5EA1FF", "p3": "color(display-p3 0.4306 0.6255 1.0000)"}, {"L": 0.8675715892182049, "a": -0.0015131976393183808, "b": -0.06289159839417556, "C": 0.06290979983810079, "h": 268.6217059822108, "hex": "#C2D3FE", "p3": "color(display-p3 0.7731 0.8240 0.9813)"}, {"L": 0.8884172861914369, "a": -0.015389133467624655, "b": 0.11918560754499385, "C": 0.12017501601728064, "h": 97.35727117495671, "hex": "#F0DB7A", "p3": "color(display-p3 0.9272 0.8613 0.5298)"}], "tritan-severe": [{"L": 0.5553709459021328, "a": 0.10933378425035911, "b": 0.05225715322783142, "C": 0.1211803880253778, "h": 25.545924486446182, "hex": "#AF534D", "p3": "color(display-p3 0.6403 0.3462 0.3162)"}, {"L": 0.578913602411906, "a": 0.1295954895926471, "b": 0.0012860542134082165, "C": 0.12960187058139913, "h": 0.5685619170138637, "hex": "#B65576", "p3": "color(display-p3 0.6653 0.3555 0.4607)"}, {"L": 0.6741696061076041, "a": 0.22470223891030117, "b": 0.07550341795261961, "C": 0.2370482277804034, "h": 18.573142558731274, "hex": "#FF3A5A", "p3": "color(display-p3 0.9530 0.3077 0.3741)"}, {"L": 0.6820887962543448, "a": -0.1135501051401925, "b": -0.058960542567681296, "C": 0.12794519122352402, "h": 207.44045689377398, "hex": "#00AEC1", "p3": "color(display-p3 0.2550 0.6714 0.7464)"}, {"L": 0.7938057840456074, "a": -0.2615743937389511, "b": -0.05418153357207905, "C": 0.26712693993703096, "h": 191.70253735021834, "hex": "#00EBE7", "p3": "color(display-p3 0.0000 0.9007 0.8952)"}, {"L": 0.8491825182462841, "a": -0.12654320863606017, "b": -0.004260381095643959, "C": 0.12661490630644393, "h": 181.92827170951938, "hex": "#58E8D4", "p3": "color(display-p3 0.5109 0.8994 0.8305)"}]}, "summary": {"conservative_de_min": 13.070408264950961, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.18326785599461756, "chroma_std": 0.003240403277518127}}, {"rotation": 70, "palette": [{"L": 0.55, "a": -0.027633944795665784, "b": 0.18157546007013306, "C": 0.18366622608593663, "h": 98.65343509528472, "hex": "#8E6F00", "p3": "color(display-p3 0.5379 0.4386 0.0000)"}, {"L": 0.5796654198971793, "a": 0.1698479035961403, "b": -0.07186633777517902, "C": 0.18442635620002878, "h": 337.0657224026916, "hex": "#BA44A1", "p3": "color(display-p3 0.6758 0.2977 0.6154)"}, {"L": 0.668077950244246, "a": 0.14927713284845048, "b": 0.10827200496457394, "C": 0.18440848529962675, "h": 35.9537040402941, "hex": "#EF613A", "p3": "color(display-p3 0.8722 0.4147 0.2758)"}, {"L": 0.693077950244246, "a": 0.020161125175692317, "b": -0.17540975180170248, "C": 0.17656458307227077, "h": 276.5566514356651, "hex": "#828EFF", "p3": "color(display-p3 0.5180 0.5545 1.0000)"}, {"L": 0.7864434712169053, "a": -0.14345936272312992, "b": -0.10945799641964557, "C": 0.18044844619206257, "h": 217.34325359382908, "hex": "#00D3FF", "p3": "color(display-p3 0.1280 0.8116 0.9996)"}, {"L": 0.85, "a": -0.16606622930675496, "b": 0.07458602351342665, "C": 0.1820468824773145, "h": 155.8135208724544, "hex": "#4BF09A", "p3": "color(display-p3 0.4980 0.9282 0.6317)"}], "cvd": {"normal": [{"L": 0.5499999968312399, "a": -0.027633946221630675, "b": 0.1815754825253495, "C": 0.18366624850008093, "h": 98.6534344810992, "hex": "#8E6F00", "p3": "color(display-p3 0.5379 0.4386 0.0000)"}, {"L": 0.5796654150017695, "a": 0.1698479013038069, "b": -0.0718663180413496, "C": 0.1844263463991198, "h": 337.0657277712766, "hex": "#BA44A1", "p3": "color(display-p3 0.6758 0.2977 0.6154)"}, {"L": 0.6680779451479664, "a": 0.1492771289727047, "b": 0.10827202988012737, "C": 0.18440849679094698, "h": 35.953711013809006, "hex": "#EF613A", "p3": "color(display-p3 0.8722 0.4147 0.2758)"}, {"L": 0.6930779453540499, "a": 0.02016112682034188, "b": -0.17540972781336384, "C": 0.17656455942862456, "h": 276.55665285472264, "hex": "#828EFF", "p3": "color(display-p3 0.5180 0.5545 1.0000)"}, {"L": 0.7864434667814926, "a": -0.14345935878557842, "b": -0.10945796718187213, "C": 0.18044842532634392, "h": 217.34324697165022, "hex": "#00D3FF", "p3": "color(display-p3 0.1280 0.8116 0.9996)"}, {"L": 0.8499999955438391, "a": -0.16606622699633075, "b": 0.07458605706905128, "C": 0.18204689411770975, "h": 155.81351094061654, "hex": "#4BF09A", "p3": "color(display-p3 0.4980 0.9282 0.6317)"}], "deutan-mild": [{"L": 0.5554590637870649, "a": -0.0383002750190689, "b": 0.175998970437972, "C": 0.18011815194966457, "h": 102.27709212493123, "hex": "#897300", "p3": "color(display-p3 0.5246 0.4554 0.0000)"}, {"L": 0.577196742361623, "a": 0.03995880910814719, "b": -0.06351528813699776, "C": 0.07503931138055037, "h": 302.17486489338177, "hex": "#826F9F", "p3": "color(display-p3 0.4966 0.4375 0.6095)"}, {"L": 0.6744172802549534, "a": 0.02030543191945967, "b": 0.11620757729433573, "C": 0.11796826516506388, "h": 80.08853477653227, "hex": "#BC8E35", "p3": "color(display-p3 0.7104 0.5628 0.2725)"}, {"L": 0.6810323800713395, "a": -0.021592082262989486, "b": -0.17763093293379284, "C": 0.17893844291091088, "h": 263.06936361005484, "hex": "#5C93FF", "p3": "color(display-p3 0.4090 0.5712 0.9948)"}, {"L": 0.7815654727764704, "a": -0.039454579089982636, "b": -0.11702511197637143, "C": 0.12349712808097996, "h": 251.36865833662026, "hex": "#7ABDFF", "p3": "color(display-p3 0.5377 0.7331 0.9977)"}, {"L": 0.8539038360048523, "a": -0.04148780227261494, "b": 0.06728980153964471, "C": 0.07905159788806526, "h": 121.65607771699334, "hex": "#C6D89E", "p3": "color(display-p3 0.7905 0.8438 0.6420)"}], "deutan-severe": [{"L": 0.5596494466465926, "a": -0.04059584368608845, "b": 0.17224921590057124, "C": 0.17696840086000362, "h": 103.26151449450943, "hex": "#897500", "p3": "color(display-p3 0.5232 0.4632 0.0000)"}, {"L": 0.5807236843603634, "a": -0.0017986251825698751, "b": -0.0584905361042124, "C": 0.058518184065344585, "h": 268.2386694590027, "hex": "#6C7A9E", "p3": "color(display-p3 0.4326 0.4752 0.6077)"}, {"L": 0.6835407878446303, "a": -0.019671829666109007, "b": 0.11906030882360669, "C": 0.12067451271741271, "h": 99.38197674861826, "hex": "#AC9A35", "p3": "color(display-p3 0.6617 0.6074 0.2785)"}, {"L": 0.6744489487308108, "a": -0.0353519419805093, "b": -0.17918578607347116, "C": 0.18263982515475935, "h": 258.8393282002282, "hex": "#4A94FF", "p3": "color(display-p3 0.3635 0.5723 0.9909)"}, {"L": 0.7731321821954307, "a": -0.010215191630535324, "b": -0.12236185636510445, "C": 0.1227875157870824, "h": 265.2278158851627, "hex": "#8FB3FF", "p3": "color(display-p3 0.5896 0.6988 0.9950)"}, {"L": 0.8507761331768681, "a": -0.00652050319944403, "b": 0.06325415973029691, "C": 0.06358935197939884, "h": 95.88550008285127, "hex": "#DACF9F", "p3": "color(display-p3 0.8476 0.8114 0.6450)"}], "protan-mild": [{"L": 0.5362885679405385, "a": -0.04628426904447864, "b": 0.19706564305565494, "C": 0.20242801494338794, "h": 103.21734395799749, "hex": "#856D00", "p3": "color(display-p3 0.5067 0.4325 0.0000)"}, {"L": 0.5417461296669022, "a": 0.044948072702422355, "b": -0.0890071103768353, "C": 0.09971256158226198, "h": 296.793509918688, "hex": "#7562A2", "p3": "color(display-p3 0.4476 0.3870 0.6190)"}, {"L": 0.614542508955884, "a": 0.03633119052612723, "b": 0.10040866385913755, "C": 0.10677946985737957, "h": 70.1081929132758, "hex": "#AD7834", "p3": "color(display-p3 0.6482 0.4801 0.2530)"}, {"L": 0.7004765612729877, "a": -0.02022005987190251, "b": -0.1733516114673932, "C": 0.17452688050717394, "h": 263.34697540363885, "hex": "#649AFF", "p3": "color(display-p3 0.4385 0.5965 1.0000)"}, {"L": 0.8260957755964043, "a": -0.034780925362636585, "b": -0.09591662822481149, "C": 0.10202799781970634, "h": 250.06853393385478, "hex": "#93CBFF", "p3": "color(display-p3 0.6224 0.7913 1.0000)"}, {"L": 0.8812134985808873, "a": -0.04455548835417906, "b": 0.08557495222412781, "C": 0.09647934489123121, "h": 117.5042077352228, "hex": "#D2E197", "p3": "color(display-p3 0.8355 0.8801 0.6251)"}], "protan-severe": [{"L": 0.5275469059785397, "a": -0.0562740986875204, "b": 0.2099145078427041, "C": 0.2173266545685031, "h": 105.0070478084912, "hex": "#816C00", "p3": "color(display-p3 0.4920 0.4258 0.0000)"}, {"L": 0.5187559505344715, "a": -0.014685669883744411, "b": -0.10213731074153214, "C": 0.10318768892385667, "h": 261.8178841558231, "hex": "#4767A4", "p3": "color(display-p3 0.3051 0.4023 0.6244)"}, {"L": 0.5795409158925671, "a": -0.01298873519230003, "b": 0.09076091677960774, "C": 0.09168561095706662, "h": 98.14426287113416, "hex": "#887B35", "p3": "color(display-p3 0.5261 0.4827 0.2494)"}, {"L": 0.7064788125614235, "a": -0.033828963472858714, "b": -0.1722909355634017, "C": 0.17558065168736628, "h": 258.8914099211137, "hex": "#589EFF", "p3": "color(display-p3 0.4115 0.6147 1.0000)"}, {"L": 0.8462876820578717, "a": -0.004510822877584448, "b": -0.08753521290506483, "C": 0.08765136063614738, "h": 267.050070524431, "hex": "#B3CBFF", "p3": "color(display-p3 0.7199 0.7951 1.0000)"}, {"L": 0.896041337070848, "a": -0.010353473397823821, "b": 0.09397067125908709, "C": 0.09453931176120789, "h": 96.2873586173728, "hex": "#EFDD94", "p3": "color(display-p3 0.9248 0.8700 0.6151)"}], "tritan-severe": [{"L": 0.554573131822546, "a": 0.07103784197176843, "b": 0.04110407302835028, "C": 0.08207264959489183, "h": 30.05462747403316, "hex": "#9D6056", "p3": "color(display-p3 0.5830 0.3878 0.3472)"}, {"L": 0.5807460850669441, "a": 0.15713698259561226, "b": 0.01641626126911855, "C": 0.15799216731632526, "h": 5.964113639465463, "hex": "#C34A6C", "p3": "color(display-p3 0.7107 0.3203 0.4252)"}, {"L": 0.6750861051328664, "a": 0.21967344696368546, "b": 0.07804563421607087, "C": 0.23312559773884947, "h": 19.5591204085768, "hex": "#FF3E59", "p3": "color(display-p3 0.9498 0.3183 0.3686)"}, {"L": 0.6838520730123014, "a": -0.07670661317802943, "b": -0.05424739244302276, "C": 0.09395043423056203, "h": 215.2681870349369, "hex": "#49A8BE", "p3": "color(display-p3 0.3879 0.6510 0.7339)"}, {"L": 0.7751968405951088, "a": -0.25273587178285545, "b": -0.05813622231941333, "C": 0.259336154886688, "h": 192.95426561987406, "hex": "#00E3E3", "p3": "color(display-p3 0.0000 0.8704 0.8793)"}, {"L": 0.8477269492785764, "a": -0.15866418456331277, "b": -0.012855380129164835, "C": 0.1591841206320728, "h": 184.6321329149076, "hex": "#00EEDA", "p3": "color(display-p3 0.3833 0.9178 0.8535)"}]}, "summary": {"conservative_de_min": 10.384718337231565, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.18192682988787334, "chroma_std": 0.0027804515936981043}}, {"rotation": 80, "palette": [{"L": 0.5538364541922627, "a": -0.059580778264841615, "b": 0.201355481412604, "C": 0.2099854733869601, "h": 106.48340478203662, "hex": "#857500", "p3": "color(display-p3 0.5106 0.4625 0.0000)"}, {"L": 0.5802351843889432, "a": 0.2042574561148627, "b": -0.04978832909178076, "C": 0.21023792734011276, "h": 346.3011309680969, "hex": "#CA3093", "p3": "color(display-p3 0.7302 0.2443 0.5653)"}, {"L": 0.6052351843889432, "a": 0.06157605388793912, "b": -0.20266462101065041, "C": 0.21181255633649518, "h": 286.900474709886, "hex": "#7F63F7", "p3": "color(display-p3 0.4791 0.3912 0.9354)"}, {"L": 0.6932741563452941, "a": 0.14330056784447304, "b": 0.15084401631597757, "C": 0.2080600153871073, "h": 46.46904981020043, "hex": "#FE6600", "p3": "color(display-p3 0.9260 0.4381 0.1088)"}, {"L": 0.7182741563452941, "a": -0.139617947130727, "b": -0.1456001638463847, "C": 0.2017240165996418, "h": 226.20155596270166, "hex": "#00B9FF", "p3": "color(display-p3 0.0000 0.7100 0.9892)"}, {"L": 0.85, "a": -0.2053485716572349, "b": 0.04536958997310166, "C": 0.2103008216246287, "h": 167.54125281367524, "hex": "#00F7B2", "p3": "color(display-p3 0.2802 0.9532 0.7147)"}], "cvd": {"normal": [{"L": 0.5538364512163881, "a": -0.059580779317931265, "b": 0.20135550442621736, "C": 0.20998549575356024, "h": 106.48340327586715, "hex": "#857500", "p3": "color(display-p3 0.5106 0.4625 0.0000)"}, {"L": 0.580235179315593, "a": 0.20425745294509856, "b": -0.04978830936115502, "C": 0.21023791958793073, "h": 346.3011359877147, "hex": "#CA3093", "p3": "color(display-p3 0.7302 0.2443 0.5653)"}, {"L": 0.6052351797876758, "a": 0.06157605507140735, "b": -0.20266460084744686, "C": 0.211812537388163, "h": 286.9004766017799, "hex": "#7F63F7", "p3": "color(display-p3 0.4791 0.3912 0.9354)"}, {"L": 0.6932741511800926, "a": 0.14330056362012952, "b": 0.1508440426230211, "C": 0.2080600315502778, "h": 46.46905564319367, "hex": "#FE6600", "p3": "color(display-p3 0.9260 0.4381 0.1088)"}, {"L": 0.7182741522812569, "a": -0.1396179428573658, "b": -0.145600137528461, "C": 0.20172399464622304, "h": 226.2015516650827, "hex": "#00B9FF", "p3": "color(display-p3 0.0000 0.7100 0.9892)"}, {"L": 0.849999995735363, "a": -0.20534856829941797, "b": 0.04536962351506317, "C": 0.21030082558211535, "h": 167.54124369310958, "hex": "#00F7B2", "p3": "color(display-p3 0.2802 0.9532 0.7147)"}], "deutan-mild": [{"L": 0.5594480501824948, "a": -0.050208713341276266, "b": 0.19275226491143752, "C": 0.19918421253672552, "h": 104.60014170390072, "hex": "#897600", "p3": "color(display-p3 0.5245 0.4645 0.0000)"}, {"L": 0.580144209220629, "a": 0.05020288474362602, "b": -0.038729478357443815, "C": 0.0634058524934529, "h": 322.3512784482574, "hex": "#8D6E91", "p3": "color(display-p3 0.5324 0.4359 0.5588)"}, {"L": 0.5893826481219463, "a": -0.03099354563086405, "b": -0.20404577387841658, "C": 0.20638623429970895, "h": 261.3630741971439, "hex": "#2E74F5", "p3": "color(display-p3 0.2560 0.4480 0.9282)"}, {"L": 0.7009629801876067, "a": 0.01016250032377995, "b": 0.15735872127292488, "C": 0.15768653580277833, "h": 86.30487027139418, "hex": "#CA9600", "p3": "color(display-p3 0.7592 0.5948 0.1052)"}, {"L": 0.7106750263056191, "a": -0.049446614057104266, "b": -0.1536469796385298, "C": 0.16140744094915516, "h": 252.16080555592546, "hex": "#4CA5FF", "p3": "color(display-p3 0.3911 0.6390 0.9858)"}, {"L": 0.8535126854764171, "a": -0.04642697071451535, "b": 0.03661088181067773, "C": 0.05912546216886494, "h": 141.74177400260373, "hex": "#BAD9B6", "p3": "color(display-p3 0.7526 0.8483 0.7234)"}], "deutan-severe": [{"L": 0.5629511001981735, "a": -0.046536721380925364, "b": 0.18779397025424274, "C": 0.19347413703318925, "h": 103.91794162692682, "hex": "#8A7600", "p3": "color(display-p3 0.5302 0.4673 0.0000)"}, {"L": 0.5860043743022524, "a": 0.0002446830795603748, "b": -0.03237444959520058, "C": 0.03237537422797776, "h": 270.43302792865177, "hex": "#757C90", "p3": "color(display-p3 0.4620 0.4835 0.5575)"}, {"L": 0.5821428135554408, "a": -0.06302931313824063, "b": -0.20491502133830125, "C": 0.21438950600426984, "h": 252.902753296978, "hex": "#0078F4", "p3": "color(display-p3 0.1006 0.4605 0.9241)"}, {"L": 0.7111110321961265, "a": -0.03054102446523674, "b": 0.15860706462084995, "C": 0.1615207575608431, "h": 100.89934443694993, "hex": "#B9A300", "p3": "color(display-p3 0.7096 0.6423 0.1265)"}, {"L": 0.7008653096853971, "a": -0.024619875793251974, "b": -0.1595080578159378, "C": 0.16139689833540083, "h": 261.2257067797072, "hex": "#639CFF", "p3": "color(display-p3 0.4399 0.6064 0.9824)"}, {"L": 0.8483653030718942, "a": -0.0024371123185613604, "b": 0.0314549769565351, "C": 0.0315492486723446, "h": 94.4303907023413, "hex": "#D4CDB7", "p3": "color(display-p3 0.8255 0.8062 0.7251)"}], "protan-mild": [{"L": 0.5458835815569643, "a": -0.06214557770718313, "b": 0.2205906416858351, "C": 0.22917745095870148, "h": 105.73377801652819, "hex": "#867200", "p3": "color(display-p3 0.5127 0.4487 0.0000)"}, {"L": 0.5296193714725763, "a": 0.0622616411999922, "b": -0.07198343863659493, "C": 0.0951741950471082, "h": 310.85796907628367, "hex": "#7D5B94", "p3": "color(display-p3 0.4707 0.3627 0.5673)"}, {"L": 0.6033267323692101, "a": -0.03072811343610817, "b": -0.20368134469563373, "C": 0.20598618189666, "h": 261.42084526805934, "hex": "#3378FA", "p3": "color(display-p3 0.2729 0.4657 0.9462)"}, {"L": 0.6355852133834474, "a": 0.024238497180030818, "b": 0.15065513309571305, "C": 0.15259250923172268, "h": 80.86016054171075, "hex": "#B97E00", "p3": "color(display-p3 0.6927 0.5041 0.0000)"}, {"L": 0.7583862319527175, "a": -0.04029676775389904, "b": -0.13135212624193912, "C": 0.13739436145522854, "h": 252.94480963751602, "hex": "#6EB4FF", "p3": "color(display-p3 0.4943 0.7002 0.9992)"}, {"L": 0.8920581806249406, "a": -0.04847172634094049, "b": 0.059178568293186906, "C": 0.07649582472071538, "h": 129.32007158358527, "hex": "#CBE6B1", "p3": "color(display-p3 0.8178 0.8990 0.7121)"}], "protan-severe": [{"L": 0.5404345603915673, "a": -0.06804874492925082, "b": 0.2380298920593161, "C": 0.2475658724465388, "h": 105.95434264284748, "hex": "#867000", "p3": "color(display-p3 0.5114 0.4407 0.0000)"}, {"L": 0.4967657559030745, "a": -0.011454674806670303, "b": -0.09002293745445339, "C": 0.09074876772086216, "h": 262.74855278059493, "hex": "#466196", "p3": "color(display-p3 0.2975 0.3788 0.5726)"}, {"L": 0.6049087146467738, "a": -0.06502411175437636, "b": -0.20456934511856736, "C": 0.2146549605103156, "h": 252.366697420018, "hex": "#007FFC", "p3": "color(display-p3 0.1281 0.4910 0.9545)"}, {"L": 0.5974566401867575, "a": -0.028374273430884722, "b": 0.14630722016138192, "C": 0.14903322469866137, "h": 100.97548149431039, "hex": "#948000", "p3": "color(display-p3 0.5660 0.5051 0.0000)"}, {"L": 0.7790843076154645, "a": -0.012683810608466635, "b": -0.12284676140989113, "C": 0.12349982121626804, "h": 264.10515342527555, "hex": "#8FB6FF", "p3": "color(display-p3 0.5910 0.7080 1.0000)"}, {"L": 0.9119087541621483, "a": -0.006265091655688167, "b": 0.06916335824351716, "C": 0.0694465369689178, "h": 95.17595307169145, "hex": "#F0E2AE", "p3": "color(display-p3 0.9318 0.8892 0.7046)"}], "tritan-severe": [{"L": 0.5580272754648328, "a": 0.04721599784249555, "b": 0.03662223690833034, "C": 0.05975398470756923, "h": 37.79829891745917, "hex": "#93685B", "p3": "color(display-p3 0.5515 0.4144 0.3644)"}, {"L": 0.5830300415887257, "a": 0.20357220262264566, "b": 0.03643625302006542, "C": 0.20680725861240395, "h": 10.147601559871674, "hex": "#D82C5E", "p3": "color(display-p3 0.7801 0.2397 0.3753)"}, {"L": 0.5950399468297848, "a": -0.03894721017192252, "b": -0.05888893918272529, "C": 0.07060306181917766, "h": 236.5206590125032, "hex": "#5485A4", "p3": "color(display-p3 0.3732 0.5181 0.6301)"}, {"L": 0.7011908686907794, "a": 0.2344028764979962, "b": 0.09025407682912848, "C": 0.2511782373033402, "h": 21.058614957751477, "hex": "#FF3B55", "p3": "color(display-p3 1.0000 0.3187 0.3615)"}, {"L": 0.7041960987391859, "a": -0.27634756234290614, "b": -0.06823962946569284, "C": 0.2846482429991119, "h": 193.87079317642065, "hex": "#00CED3", "p3": "color(display-p3 0.0000 0.7860 0.8139)"}, {"L": 0.8449534631821137, "a": -0.22869353551108051, "b": -0.02674427930742333, "C": 0.230252013368464, "h": 186.67008698433065, "hex": "#00F8E4", "p3": "color(display-p3 0.0000 0.9552 0.8921)"}]}, "summary": {"conservative_de_min": 12.841396998712149, "worst_cvd_bin": "tritan/1.0", "L_range": [0.5538364541922627, 0.85], "chroma_mean": 0.20868680177915763, "chroma_std": 0.003300029765077801}}, {"rotation": 90, "palette": [{"L": 0.5501187028662694, "a": -0.08458962996135573, "b": 0.17415491305854228, "C": 0.19361130968883897, "h": 115.90653482154214, "hex": "#6F7C00", "p3": "color(display-p3 0.4440 0.4839 0.0000)"}, {"L": 0.5808809338826221, "a": 0.19359051385564569, "b": -0.014180186948382103, "C": 0.1941091568081836, "h": 355.8106600196942, "hex": "#CC377F", "p3": "color(display-p3 0.7376 0.2658 0.4902)"}, {"L": 0.6058980236985048, "a": 0.08527924892273753, "b": -0.17465434130408616, "C": 0.1943622628834889, "h": 296.02507392780734, "hex": "#8F61E7", "p3": "color(display-p3 0.5344 0.3875 0.8745)"}, {"L": 0.7271669212451869, "a": 0.10789265755988602, "b": 0.15970162733238336, "C": 0.19273151098859337, "h": 55.95747360724499, "hex": "#FE7F00", "p3": "color(display-p3 0.9321 0.5239 0.1178)"}, {"L": 0.7521669212451869, "a": -0.10115496289894954, "b": -0.1473619756863982, "C": 0.17873969452051344, "h": 235.5327888868067, "hex": "#00BDFF", "p3": "color(display-p3 0.2638 0.7289 1.0000)"}, {"L": 0.85, "a": -0.19567288718729248, "b": 0.009861713036057209, "C": 0.1959212396965077, "h": 177.11479262637118, "hex": "#00F5CC", "p3": "color(display-p3 0.2424 0.9458 0.8044)"}], "cvd": {"normal": [{"L": 0.5501187000247781, "a": -0.08458963026141673, "b": 0.17415493584348324, "C": 0.1936113303151728, "h": 115.90653195546088, "hex": "#6F7C00", "p3": "color(display-p3 0.4440 0.4839 0.0000)"}, {"L": 0.5808809289187333, "a": 0.1935905104916211, "b": -0.014180166774957129, "C": 0.1941091519794264, "h": 355.81066588589505, "hex": "#CC377F", "p3": "color(display-p3 0.7376 0.2658 0.4902)"}, {"L": 0.6058980189911171, "a": 0.08527924934692736, "b": -0.1746543210069303, "C": 0.19436224483054126, "h": 296.02507666546455, "hex": "#8F61E7", "p3": "color(display-p3 0.5344 0.3875 0.8745)"}, {"L": 0.7271669160824754, "a": 0.10789265389109595, "b": 0.15970165523586854, "C": 0.19273153205622592, "h": 55.95747915473261, "hex": "#FE7F00", "p3": "color(display-p3 0.9321 0.5239 0.1178)"}, {"L": 0.7521669167292293, "a": -0.10115495931861611, "b": -0.14736194838683453, "C": 0.17873966998714907, "h": 235.53278488053158, "hex": "#00BDFF", "p3": "color(display-p3 0.2638 0.7289 1.0000)"}, {"L": 0.8499999956277698, "a": -0.19567288361456908, "b": 0.009861746165246278, "C": 0.19592123779587664, "h": 177.11478289766444, "hex": "#00F5CC", "p3": "color(display-p3 0.2424 0.9458 0.8044)"}], "deutan-mild": [{"L": 0.5552790430470605, "a": -0.04809758589595332, "b": 0.16675274048791644, "C": 0.17355072523400475, "h": 106.08949482008137, "hex": "#827600", "p3": "color(display-p3 0.5025 0.4653 0.0000)"}, {"L": 0.5827696714772408, "a": 0.0470101596622009, "b": -0.003203924372419935, "C": 0.04711921309667434, "h": 356.10110008846505, "hex": "#93707C", "p3": "color(display-p3 0.5542 0.4439 0.4843)"}, {"L": 0.5933550187915012, "a": -0.009025311733042657, "b": -0.17393056488450964, "C": 0.17416457060183974, "h": 267.0295681296549, "hex": "#5075E5", "p3": "color(display-p3 0.3440 0.4551 0.8677)"}, {"L": 0.7343470379533673, "a": 0.0007674448578024828, "b": 0.16403621420085404, "C": 0.16403800943975833, "h": 89.73194315195553, "hex": "#D1A200", "p3": "color(display-p3 0.7923 0.6429 0.1243)"}, {"L": 0.7438661794726322, "a": -0.03969624871661305, "b": -0.1539880628136812, "C": 0.15902237468759364, "h": 255.54456994442742, "hex": "#63AEFF", "p3": "color(display-p3 0.4572 0.6736 1.0000)"}, {"L": 0.8520455316289895, "a": -0.04240874246863996, "b": 0.0014236683170003566, "C": 0.042432632127270366, "h": 178.07729350244838, "hex": "#B2D8CE", "p3": "color(display-p3 0.7269 0.8427 0.8101)"}], "deutan-severe": [{"L": 0.5572466291459465, "a": -0.03721506481491193, "b": 0.1630099888625935, "C": 0.16720411932174684, "h": 102.86018250011307, "hex": "#877500", "p3": "color(display-p3 0.5183 0.4602 0.0000)"}, {"L": 0.5896129484614667, "a": -0.00014975413259460412, "b": 0.002774022082315808, "C": 0.002778061340828329, "h": 93.09008321302672, "hex": "#7E7D7B", "p3": "color(display-p3 0.4919 0.4903 0.4838)"}, {"L": 0.5886564057519347, "a": -0.040231364527200726, "b": -0.17339052990594409, "C": 0.17799673747792288, "h": 256.9369558525622, "hex": "#297AE4", "p3": "color(display-p3 0.2547 0.4721 0.8641)"}, {"L": 0.7433133256331419, "a": -0.03154666130116513, "b": 0.1645810039621646, "C": 0.16757714254767705, "h": 100.85076576746548, "hex": "#C4AD00", "p3": "color(display-p3 0.7528 0.6820 0.1459)"}, {"L": 0.7350683026490845, "a": -0.022515420502173034, "b": -0.1587432948241977, "C": 0.16033208603405566, "h": 261.9272759257486, "hex": "#70A7FF", "p3": "color(display-p3 0.4857 0.6480 1.0000)"}, {"L": 0.8461350212482651, "a": 0.0001797674080385984, "b": -0.003807702940771818, "C": 0.0038119441242173615, "h": 272.70301322562847, "hex": "#CBCCCF", "p3": "color(display-p3 0.7983 0.8009 0.8105)"}], "protan-mild": [{"L": 0.5518117509373572, "a": -0.05563161345389715, "b": 0.18559596160747405, "C": 0.1937543222240134, "h": 106.68588227428872, "hex": "#827500", "p3": "color(display-p3 0.5018 0.4618 0.0000)"}, {"L": 0.5292670643796199, "a": 0.06267280605463957, "b": -0.03488702846271122, "C": 0.07172855340602158, "h": 330.8973532696717, "hex": "#845C7F", "p3": "color(display-p3 0.4936 0.3680 0.4895)"}, {"L": 0.5974945262377461, "a": -0.011659638095754842, "b": -0.1789413821764213, "C": 0.17932084490022915, "h": 266.2719355114498, "hex": "#4D76E9", "p3": "color(display-p3 0.3384 0.4594 0.8840)"}, {"L": 0.6794942520505904, "a": 0.009742107937908851, "b": 0.16130232483296214, "C": 0.1615962520097304, "h": 86.54372961541019, "hex": "#C38F00", "p3": "color(display-p3 0.7345 0.5678 0.0000)"}, {"L": 0.7848226418220262, "a": -0.03357725780996622, "b": -0.13592311900586748, "C": 0.14000902300323417, "h": 256.12395924205816, "hex": "#7BBBFF", "p3": "color(display-p3 0.5385 0.7273 1.0000)"}, {"L": 0.892829313350127, "a": -0.04325975287438044, "b": 0.02389407779658848, "C": 0.04941996734622443, "h": 151.08638783981712, "hex": "#C5E6CB", "p3": "color(display-p3 0.7969 0.8964 0.8052)"}], "protan-severe": [{"L": 0.5517021277658061, "a": -0.04866229863941278, "b": 0.19562982689818076, "C": 0.20159129068757797, "h": 103.96864564348486, "hex": "#887300", "p3": "color(display-p3 0.5200 0.4532 0.0000)"}, {"L": 0.49543842568120716, "a": -0.0028231834152622538, "b": -0.052476224425973717, "C": 0.05255211218020996, "h": 266.92049673864653, "hex": "#546180", "p3": "color(display-p3 0.3406 0.3802 0.4938)"}, {"L": 0.5949240227122691, "a": -0.049780092950639364, "b": -0.18198416480692, "C": 0.18866980122596863, "h": 254.70150586171638, "hex": "#0E7DEB", "p3": "color(display-p3 0.2201 0.4817 0.8916)"}, {"L": 0.6490157919766049, "a": -0.030998037905357365, "b": 0.1594695022189505, "C": 0.16245430278063377, "h": 101.00010620506114, "hex": "#A59000", "p3": "color(display-p3 0.6338 0.5662 0.0000)"}, {"L": 0.802421718458874, "a": -0.013722250696911707, "b": -0.12901894097220445, "C": 0.12974662729249678, "h": 263.92893496761496, "hex": "#94BDFF", "p3": "color(display-p3 0.6117 0.7365 1.0000)"}, {"L": 0.913299626930324, "a": -0.0021138863574216003, "b": 0.033619650104524064, "C": 0.03368604145165647, "h": 93.59782252001868, "hex": "#EAE2CA", "p3": "color(display-p3 0.9113 0.8890 0.8010)"}], "tritan-severe": [{"L": 0.5531474862019581, "a": 0.002873552696907811, "b": 0.02444420211960907, "C": 0.024612523689500163, "h": 83.29533225934236, "hex": "#797162", "p3": "color(display-p3 0.4710 0.4461 0.3925)"}, {"L": 0.5848931486009259, "a": 0.20754049865620547, "b": 0.0483613093909267, "C": 0.21310062137044875, "h": 13.117053639056385, "hex": "#DC2656", "p3": "color(display-p3 0.7938 0.2292 0.3475)"}, {"L": 0.5986764072839657, "a": 0.0071380080896856855, "b": -0.04374313370157124, "C": 0.044321697908834175, "h": 279.26784543972803, "hex": "#7A7D9B", "p3": "color(display-p3 0.4802 0.4916 0.5966)"}, {"L": 0.7346950918627867, "a": 0.203919384422527, "b": 0.0789118092698437, "C": 0.2186554115166202, "h": 21.15521743747999, "hex": "#FF5F6A", "p3": "color(display-p3 1.0000 0.4270 0.4374)"}, {"L": 0.7400905134291986, "a": -0.22124082302675932, "b": -0.06344935204390623, "C": 0.23015934056290085, "h": 196.0022893219737, "hex": "#00D2DA", "p3": "color(display-p3 0.0000 0.8063 0.8427)"}, {"L": 0.8436231844352678, "a": -0.23993175037504932, "b": -0.03390868570795084, "C": 0.24231599989368338, "h": 188.04413186388078, "hex": "#00FAE9", "p3": "color(display-p3 0.0000 0.9589 0.9090)"}]}, "summary": {"conservative_de_min": 10.781818953063176, "worst_cvd_bin": "tritan/1.0", "L_range": [0.5501187028662694, 0.85], "chroma_mean": 0.19157919576435437, "chroma_std": 0.005821076941459374}}, {"rotation": 100, "palette": [{"L": 0.5501187028662694, "a": -0.11354620669473547, "b": 0.15682027351291006, "C": 0.19361130968883897, "h": 125.90653482154215, "hex": "#568200", "p3": "color(display-p3 0.3746 0.5070 0.0000)"}, {"L": 0.5808809338826221, "a": 0.1931118025772201, "b": 0.019651881898708277, "C": 0.1941091568081836, "h": 5.810660019694152, "hex": "#D13569", "p3": "color(display-p3 0.7557 0.2620 0.4139)"}, {"L": 0.6058980236985048, "a": 0.1143120735992425, "b": -0.15719236324526648, "C": 0.19436226288348887, "h": 306.02507392780734, "hex": "#9F5ADC", "p3": "color(display-p3 0.5878 0.3665 0.8343)"}, {"L": 0.7271669212451869, "a": 0.07852162910135531, "b": 0.17601076413451386, "C": 0.19273151098859334, "h": 65.957473607245, "hex": "#F58700", "p3": "color(display-p3 0.9037 0.5524 0.0000)"}, {"L": 0.7521669212451869, "a": -0.07402905318320625, "b": -0.16268859112452994, "C": 0.17873969452051344, "h": 245.5327888868067, "hex": "#2BB6FF", "p3": "color(display-p3 0.3543 0.7051 1.0000)"}, {"L": 0.85, "a": -0.19441264485371432, "b": -0.02426634882300953, "C": 0.1959212396965077, "h": 187.11479262637118, "hex": "#00F5E3", "p3": "color(display-p3 0.1130 0.9419 0.8885)"}], "cvd": {"normal": [{"L": 0.5501187001721234, "a": -0.11354620627449939, "b": 0.1568202963302095, "C": 0.19361132792382238, "h": 125.90653076078682, "hex": "#568200", "p3": "color(display-p3 0.3746 0.5070 0.0000)"}, {"L": 0.5808809289690865, "a": 0.1931117988527171, "b": 0.01965190240257797, "C": 0.19410915517865898, "h": 5.810666152087867, "hex": "#D13569", "p3": "color(display-p3 0.7557 0.2620 0.4139)"}, {"L": 0.6058980188428112, "a": 0.1143120732877372, "b": -0.15719234297855045, "C": 0.1943622463093778, "h": 306.02507736731786, "hex": "#9F5ADC", "p3": "color(display-p3 0.5878 0.3665 0.8343)"}, {"L": 0.7271669162804523, "a": 0.07852162579558525, "b": 0.17601079240026582, "C": 0.192731535455284, "h": 65.95747792820721, "hex": "#F58700", "p3": "color(display-p3 0.9037 0.5524 0.0000)"}, {"L": 0.7521669165466993, "a": -0.07402904993232258, "b": -0.16268856416098834, "C": 0.17873966863191373, "h": 245.5327862555022, "hex": "#2BB6FF", "p3": "color(display-p3 0.3543 0.7051 1.0000)"}, {"L": 0.849999995572067, "a": -0.19441264092441457, "b": -0.024266316035085778, "C": 0.19592123173643028, "h": 187.11478325393122, "hex": "#00F5E3", "p3": "color(display-p3 0.1130 0.9419 0.8885)"}], "deutan-mild": [{"L": 0.5551344538519727, "a": -0.04935970833991767, "b": 0.14929854979248866, "C": 0.1572464237353014, "h": 108.29444203547416, "hex": "#7D7800", "p3": "color(display-p3 0.4865 0.4704 0.0000)"}, {"L": 0.5846606363260138, "a": 0.04424014736783863, "b": 0.030957244978468135, "C": 0.053995755905302124, "h": 34.982581179296076, "hex": "#997166", "p3": "color(display-p3 0.5754 0.4477 0.4080)"}, {"L": 0.595391953260641, "a": 0.006558616034966107, "b": -0.15438956919189228, "C": 0.1545288145283986, "h": 272.43251675565926, "hex": "#6175DA", "p3": "color(display-p3 0.3948 0.4558 0.8275)"}, {"L": 0.7343008971429889, "a": -0.009565192630546063, "b": 0.17809884541869925, "C": 0.1783555203786336, "h": 93.074243057411, "hex": "#D0A400", "p3": "color(display-p3 0.7872 0.6484 0.0000)"}, {"L": 0.7422620267687154, "a": -0.03797782966223261, "b": -0.1685637225018416, "C": 0.17278901611367375, "h": 257.3031202466473, "hex": "#5FABFF", "p3": "color(display-p3 0.4462 0.6646 1.0000)"}, {"L": 0.8505773041786047, "a": -0.041836923758649266, "b": -0.03283751346636678, "C": 0.053184870783342615, "h": 218.12812441271106, "hex": "#A8D7E5", "p3": "color(display-p3 0.6948 0.8380 0.8920)"}], "deutan-severe": [{"L": 0.5557088484381504, "a": -0.03109077977984891, "b": 0.14580944963323134, "C": 0.14908733074833988, "h": 102.03684859922019, "hex": "#867400", "p3": "color(display-p3 0.5126 0.4580 0.0000)"}, {"L": 0.5927396283124895, "a": -0.003469791654262754, "b": 0.036660128497130184, "C": 0.0368239660486223, "h": 95.40679903674794, "hex": "#857E66", "p3": "color(display-p3 0.5156 0.4960 0.4086)"}, {"L": 0.5927006061654259, "a": -0.028600531998400326, "b": -0.15249070542637508, "C": 0.15514962349946268, "h": 259.3772505149261, "hex": "#417CD9", "p3": "color(display-p3 0.3121 0.4793 0.8242)"}, {"L": 0.7425619089612211, "a": -0.03569316454878992, "b": 0.177492660822526, "C": 0.18104597935708833, "h": 101.37033182355539, "hex": "#C5AD00", "p3": "color(display-p3 0.7556 0.6815 0.0000)"}, {"L": 0.7335562527628344, "a": -0.028171550718112063, "b": -0.17277596724607144, "C": 0.17505762230670996, "h": 260.73927581333254, "hex": "#66A6FF", "p3": "color(display-p3 0.4577 0.6445 1.0000)"}, {"L": 0.8436411261734399, "a": 0.0005911159831181919, "b": -0.03840406643433603, "C": 0.03840861539808996, "h": 270.88182788755273, "hex": "#C2CBE6", "p3": "color(display-p3 0.7675 0.7949 0.8913)"}], "protan-mild": [{"L": 0.5607045628964187, "a": -0.055493831867731463, "b": 0.1661024232142853, "C": 0.17512732617447682, "h": 108.47416731592095, "hex": "#807A00", "p3": "color(display-p3 0.4967 0.4775 0.0000)"}, {"L": 0.5248800834137729, "a": 0.06421327230769347, "b": -0.00015693452313653863, "C": 0.06421346407807746, "h": 359.8599718156339, "hex": "#895B69", "p3": "color(display-p3 0.5121 0.3635 0.4099)"}, {"L": 0.5895276039440337, "a": 0.002828892119639289, "b": -0.16518492272831714, "C": 0.16520914420026714, "h": 270.9811291104918, "hex": "#5A72DE", "p3": "color(display-p3 0.3728 0.4461 0.8429)"}, {"L": 0.685840986203942, "a": -0.004902773493333908, "b": 0.18184116641317968, "C": 0.1819072483174671, "h": 91.54442581058214, "hex": "#C39300", "p3": "color(display-p3 0.7362 0.5831 0.0000)"}, {"L": 0.7798575704943814, "a": -0.03218593140598727, "b": -0.15295489843953916, "C": 0.15630462289107336, "h": 258.11675830399696, "hex": "#76B8FF", "p3": "color(display-p3 0.5205 0.7141 1.0000)"}, {"L": 0.895054305459211, "a": -0.04121180049951001, "b": -0.0094554386557728, "C": 0.042282594771188016, "h": 192.9220272133869, "hex": "#BDE6E4", "p3": "color(display-p3 0.7734 0.8965 0.8920)"}], "protan-severe": [{"L": 0.5651789841343742, "a": -0.0396291048829773, "b": 0.1745935249539438, "C": 0.1790345355222545, "h": 102.78827515739111, "hex": "#8B7700", "p3": "color(display-p3 0.5329 0.4683 0.0000)"}, {"L": 0.4872859372623382, "a": 9.964926955586047e-05, "b": -0.01823285710754563, "C": 0.018233129415465142, "h": 270.31313938877344, "hex": "#5C5F6A", "p3": "color(display-p3 0.3616 0.3735 0.4132)"}, {"L": 0.5819301772268695, "a": -0.04394934085949103, "b": -0.17079538306597625, "C": 0.17635931344456207, "h": 255.56962137074248, "hex": "#2079E0", "p3": "color(display-p3 0.2373 0.4678 0.8502)"}, {"L": 0.6597209446229215, "a": -0.03896077094272358, "b": 0.18393369373793472, "C": 0.18801474773147914, "h": 101.95959725493432, "hex": "#AB9300", "p3": "color(display-p3 0.6537 0.5796 0.0000)"}, {"L": 0.7954594077036655, "a": -0.019294272598769993, "b": -0.14712386565993585, "C": 0.14838362713533626, "h": 262.5286937379358, "hex": "#88BBFF", "p3": "color(display-p3 0.5753 0.7262 1.0000)"}, {"L": 0.9167811491350087, "a": -1.482221255272311e-05, "b": 0.0004202467203676674, "C": 0.00042050803079696176, "h": 92.01999989634113, "hex": "#E3E3E3", "p3": "color(display-p3 0.8917 0.8914 0.8904)"}], "tritan-severe": [{"L": 0.5519427894504201, "a": -0.04161130024295534, "b": 0.014292647814072138, "C": 0.04399750094546821, "h": 161.04343035640449, "hex": "#5B7A6A", "p3": "color(display-p3 0.3838 0.4767 0.4192)"}, {"L": 0.5860615159456638, "a": 0.22133173043593943, "b": 0.06282304939091143, "C": 0.23007492351957928, "h": 15.846123101977302, "hex": "#E40E4B", "p3": "color(display-p3 0.8192 0.1889 0.3096)"}, {"L": 0.6007842471029946, "a": 0.052109603078108316, "b": -0.031268089946099344, "C": 0.06077091559155049, "h": 329.0343612977539, "hex": "#957492", "p3": "color(display-p3 0.5647 0.4586 0.5669)"}, {"L": 0.7344518121681962, "a": 0.1818693183175767, "b": 0.07362567147066613, "C": 0.19620700406664002, "h": 22.03944802031863, "hex": "#FF6B6F", "p3": "color(display-p3 0.9829 0.4624 0.4546)"}, {"L": 0.7402109461626936, "a": -0.19409887594871916, "b": -0.06440512824192003, "C": 0.2045052424472645, "h": 198.35667427620257, "hex": "#00CEDA", "p3": "color(display-p3 0.0000 0.7914 0.8419)"}, {"L": 0.8418585628651971, "a": -0.2616774029184157, "b": -0.04249843017494032, "C": 0.26510597836612654, "h": 189.2247348941207, "hex": "#00FCEF", "p3": "color(display-p3 0.0000 0.9674 0.9300)"}]}, "summary": {"conservative_de_min": 10.491637962149435, "worst_cvd_bin": "protan/1.0", "L_range": [0.5501187028662694, 0.85], "chroma_mean": 0.1915791957643543, "chroma_std": 0.005821076941459385}}, {"rotation": 110, "palette": [{"L": 0.55, "a": -0.13152111983956535, "b": 0.12895559454876887, "C": 0.1841937847194627, "h": 135.56430771076296, "hex": "#388700", "p3": "color(display-p3 0.3039 0.5227 0.0481)"}, {"L": 0.596703570494967, "a": 0.17568692895267216, "b": 0.04422373152961446, "C": 0.181167423769354, "h": 14.128901733743456, "hex": "#D5435D", "p3": "color(display-p3 0.7701 0.3063 0.3746)"}, {"L": 0.621703570494967, "a": 0.1289063351135612, "b": -0.12892852259837137, "C": 0.18231677698941612, "h": 314.9950695214535, "hex": "#AF5ED1", "p3": "color(display-p3 0.6432 0.3830 0.7935)"}, {"L": 0.7366095156347344, "a": 0.04808428500138364, "b": 0.17367857426233038, "C": 0.18021194639060448, "h": 74.52483038279786, "hex": "#EB9400", "p3": "color(display-p3 0.8722 0.5977 0.0000)"}, {"L": 0.7616095156347344, "a": -0.044596061446498816, "b": -0.16083578991967465, "C": 0.16690404433573686, "h": 254.5025308434071, "hex": "#60B4FF", "p3": "color(display-p3 0.4589 0.6971 1.0000)"}, {"L": 0.85, "a": -0.1758755248795491, "b": -0.04319120430386412, "C": 0.18110129867252478, "h": 193.79755190813216, "hex": "#00F1F0", "p3": "color(display-p3 0.2251 0.9281 0.9321)"}], "cvd": {"normal": [{"L": 0.5499999973737316, "a": -0.1315211187852808, "b": 0.1289556172143572, "C": 0.18419379983503179, "h": 135.5643024469093, "hex": "#388700", "p3": "color(display-p3 0.3039 0.5227 0.0481)"}, {"L": 0.596703565616733, "a": 0.17568692528203383, "b": 0.04422375298191717, "C": 0.18116742544635492, "h": 14.128908596357816, "hex": "#D5435D", "p3": "color(display-p3 0.7701 0.3063 0.3746)"}, {"L": 0.6217035654889538, "a": 0.12890633421537964, "b": -0.1289285015685244, "C": 0.1823167614827341, "h": 314.99507399467115, "hex": "#AF5ED1", "p3": "color(display-p3 0.6432 0.3830 0.7935)"}, {"L": 0.7366095107863898, "a": 0.04808428228000241, "b": 0.17367860306987282, "C": 0.18021197342764267, "h": 74.5248336604489, "hex": "#EB9400", "p3": "color(display-p3 0.8722 0.5977 0.0000)"}, {"L": 0.761609510702429, "a": -0.044596058762562264, "b": -0.16083576278876124, "C": 0.16690401747410571, "h": 254.5025292426957, "hex": "#60B4FF", "p3": "color(display-p3 0.4589 0.6971 1.0000)"}, {"L": 0.8499999954354531, "a": -0.1758755210817948, "b": -0.04319117182803705, "C": 0.18110128723913552, "h": 193.79754221664493, "hex": "#00F1F0", "p3": "color(display-p3 0.2251 0.9281 0.9321)"}], "deutan-mild": [{"L": 0.5547278988996812, "a": -0.046083215927853506, "b": 0.12189677199056985, "C": 0.13031686695118996, "h": 110.70915682814343, "hex": "#777900", "p3": "color(display-p3 0.4692 0.4733 0.0948)"}, {"L": 0.6011737960151061, "a": 0.036998163966057235, "b": 0.05442796205160111, "C": 0.06581236350375047, "h": 55.793548957977784, "hex": "#9F765A", "p3": "color(display-p3 0.6009 0.4711 0.3695)"}, {"L": 0.614052276955621, "a": 0.01994891240093796, "b": -0.12446416986042898, "C": 0.12605272184695582, "h": 279.1058267194178, "hex": "#757BCE", "p3": "color(display-p3 0.4629 0.4801 0.7870)"}, {"L": 0.7432256969809029, "a": -0.015510079410768082, "b": 0.1743167689709997, "C": 0.17500542422398577, "h": 95.08458280914697, "hex": "#CFA800", "p3": "color(display-p3 0.7862 0.6658 0.0295)"}, {"L": 0.7515972017179144, "a": -0.029687646271671597, "b": -0.16543575230412622, "C": 0.16807838790750018, "h": 259.82648563294146, "hex": "#6CADFF", "p3": "color(display-p3 0.4818 0.6715 1.0000)"}, {"L": 0.849363023623642, "a": -0.03857856895517408, "b": -0.051213827009283466, "C": 0.06411834417361333, "h": 233.00986116296284, "hex": "#A4D6F1", "p3": "color(display-p3 0.6835 0.8318 0.9341)"}], "deutan-severe": [{"L": 0.5540517272007315, "a": -0.022264260289119632, "b": 0.11861939168177488, "C": 0.12069075096781855, "h": 100.63044512106579, "hex": "#837400", "p3": "color(display-p3 0.5033 0.4553 0.1089)"}, {"L": 0.6093678460726577, "a": -0.007004476476269116, "b": 0.05928090077956765, "C": 0.0596932817655685, "h": 96.73867570662355, "hex": "#8D835A", "p3": "color(display-p3 0.5466 0.5166 0.3710)"}, {"L": 0.6133973731613978, "a": -0.01498099129775601, "b": -0.1215720398948049, "C": 0.12249159556658358, "h": 262.9750123755997, "hex": "#5C82CE", "p3": "color(display-p3 0.3937 0.5069 0.7842)"}, {"L": 0.7502402997908211, "a": -0.034150035722690306, "b": 0.1734233318394814, "C": 0.17675371839417667, "h": 101.13999393131704, "hex": "#C7AF00", "p3": "color(display-p3 0.7644 0.6908 0.0804)"}, {"L": 0.7438639151019423, "a": -0.02589466316264132, "b": -0.16870618995293182, "C": 0.17068190328427138, "h": 261.27378966625326, "hex": "#6DA9FF", "p3": "color(display-p3 0.4792 0.6575 1.0000)"}, {"L": 0.8423435223804195, "a": -0.00012231285868069308, "b": -0.05651702192309915, "C": 0.05651715427630331, "h": 269.8760019653708, "hex": "#BDCAF1", "p3": "color(display-p3 0.7495 0.7917 0.9329)"}], "protan-mild": [{"L": 0.5676777152751076, "a": -0.05073354951398103, "b": 0.13727744635658878, "C": 0.1463522815827402, "h": 110.28277215158043, "hex": "#7D7D00", "p3": "color(display-p3 0.4889 0.4889 0.0000)"}, {"L": 0.5430946492539678, "a": 0.05580622604045252, "b": 0.02791323970258003, "C": 0.06239778694450445, "h": 26.573368156522402, "hex": "#91625C", "p3": "color(display-p3 0.5400 0.3905 0.3676)"}, {"L": 0.5999701514481852, "a": 0.017769343784898473, "b": -0.1394227689813203, "C": 0.14055055349931755, "h": 277.26315383130384, "hex": "#6D75D2", "p3": "color(display-p3 0.4326 0.4592 0.8007)"}, {"L": 0.7043787264492659, "a": -0.013292186695110028, "b": 0.17928344598863022, "C": 0.17977551622146923, "h": 94.24018704597057, "hex": "#C49B00", "p3": "color(display-p3 0.7448 0.6142 0.0000)"}, {"L": 0.7830173188745345, "a": -0.026003363195591524, "b": -0.1535713266724751, "C": 0.15575727037100356, "h": 260.3895841021596, "hex": "#7DB7FF", "p3": "color(display-p3 0.5389 0.7132 1.0000)"}, {"L": 0.8925449075457518, "a": -0.037472034022386476, "b": -0.029120261070245554, "C": 0.04745674808258725, "h": 217.8514879810209, "hex": "#B9E4F1", "p3": "color(display-p3 0.7601 0.8889 0.9369)"}], "protan-severe": [{"L": 0.575656579323978, "a": -0.028592205782260228, "b": 0.1447766046080441, "C": 0.14757296321931415, "h": 101.17168922166911, "hex": "#8D7A00", "p3": "color(display-p3 0.5388 0.4798 0.0000)"}, {"L": 0.5075613601545849, "a": -0.0006682705243154221, "b": 0.01242490968494453, "C": 0.012442868084677953, "h": 93.07867217359069, "hex": "#68655E", "p3": "color(display-p3 0.4049 0.3976 0.3697)"}, {"L": 0.5886886724439502, "a": -0.029828597069457962, "b": -0.14691328341243592, "C": 0.14991083365172378, "h": 258.5229390835543, "hex": "#407BD4", "p3": "color(display-p3 0.3093 0.4778 0.8074)"}, {"L": 0.6843291293620595, "a": -0.03730818016430012, "b": 0.1819172190085881, "C": 0.1857034595234846, "h": 101.58970536432483, "hex": "#B39A00", "p3": "color(display-p3 0.6847 0.6091 0.0000)"}, {"L": 0.7956801555248099, "a": -0.01997509856414744, "b": -0.14922341171173095, "C": 0.15055441264053393, "h": 262.3756901220659, "hex": "#87BBFF", "p3": "color(display-p3 0.5722 0.7263 1.0000)"}, {"L": 0.9133881068348277, "a": 0.0003604099736726005, "b": -0.019870336069888084, "C": 0.019873604375639013, "h": 271.0391221473586, "hex": "#DDE2F0", "p3": "color(display-p3 0.8710 0.8857 0.9367)"}], "tritan-severe": [{"L": 0.5505161592333587, "a": -0.08093884282404012, "b": 0.004956451395071072, "C": 0.08109045990821839, "h": 176.4957546194488, "hex": "#338170", "p3": "color(display-p3 0.2860 0.4999 0.4428)"}, {"L": 0.6023497380548303, "a": 0.2149783014594087, "b": 0.06580728192032048, "C": 0.2248249729280823, "h": 17.019940234125016, "hex": "#E8234E", "p3": "color(display-p3 0.8361 0.2294 0.3205)"}, {"L": 0.618810823833096, "a": 0.08364602590285486, "b": -0.016730123261126044, "C": 0.08530272371778956, "h": 348.68946284841763, "hex": "#AC708E", "p3": "color(display-p3 0.6424 0.4511 0.5526)"}, {"L": 0.7432383869695488, "a": 0.14878410064414416, "b": 0.06284705408971225, "C": 0.16151303604428355, "h": 22.89940830459, "hex": "#FF7D7B", "p3": "color(display-p3 0.9445 0.5207 0.4982)"}, {"L": 0.7511061051285478, "a": -0.152654826402105, "b": -0.059256128811116804, "C": 0.16375220555930378, "h": 201.2147526476293, "hex": "#00CBD9", "p3": "color(display-p3 0.1361 0.7824 0.8392)"}, {"L": 0.8416040020216796, "a": -0.24956483980909747, "b": -0.04464145580223845, "C": 0.25352607133208943, "h": 190.1416478966867, "hex": "#00FAF0", "p3": "color(display-p3 0.0000 0.9600 0.9334)"}]}, "summary": {"conservative_de_min": 13.364277120936892, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.17931587914618316, "chroma_std": 0.0056902236466346125}}, {"rotation": 120, "palette": [{"L": 0.5515849802086001, "a": -0.1631538381733183, "b": 0.09308602456806214, "C": 0.18784084454817382, "h": 150.2934508257772, "hex": "#008E2C", "p3": "color(display-p3 0.1363 0.5464 0.2268)"}, {"L": 0.6214649556673587, "a": 0.1643846697240216, "b": 0.09604256272109972, "C": 0.19038511888882503, "h": 30.295821208588873, "hex": "#E24B38", "p3": "color(display-p3 0.8203 0.3383 0.2594)"}, {"L": 0.6476897240256977, "a": 0.1641956860107214, "b": -0.09130752112269384, "C": 0.18787572147061096, "h": 330.9220172647967, "hex": "#CC5BC2", "p3": "color(display-p3 0.7450 0.3837 0.7420)"}, {"L": 0.6726897240256977, "a": 0.0027578067576288154, "b": -0.18443613843545142, "C": 0.18445675552576932, "h": 270.85665919251136, "hex": "#6D8AFF", "p3": "color(display-p3 0.4515 0.5386 0.9952)"}, {"L": 0.7883252912270833, "a": -0.15846754521015674, "b": -0.09401083551478942, "C": 0.18425525794159, "h": 210.6785275367286, "hex": "#00D7FC", "p3": "color(display-p3 0.0000 0.8270 0.9684)"}, {"L": 0.8133252912270833, "a": -0.0026866143051720525, "b": 0.1866904432126244, "C": 0.1867097734007272, "h": 90.82447196254415, "hex": "#EFBB00", "p3": "color(display-p3 0.9061 0.7399 0.0992)"}], "cvd": {"normal": [{"L": 0.5515849777085823, "a": -0.16315383614396614, "b": 0.0930860471613462, "C": 0.18784085398181227, "h": 150.2934445332686, "hex": "#008E2C", "p3": "color(display-p3 0.1363 0.5464 0.2268)"}, {"L": 0.621464950767806, "a": 0.16438466570084728, "b": 0.09604258567528112, "C": 0.19038512699466056, "h": 30.295827783953275, "hex": "#E24B38", "p3": "color(display-p3 0.8203 0.3383 0.2594)"}, {"L": 0.6476897186928213, "a": 0.16419568404327295, "b": -0.09130749900281343, "C": 0.18787570900088998, "h": 330.92202286876494, "hex": "#CC5BC2", "p3": "color(display-p3 0.7450 0.3837 0.7420)"}, {"L": 0.6726897193593877, "a": 0.0027578088274329113, "b": -0.18443611517509606, "C": 0.1844567322989594, "h": 270.8566599433825, "hex": "#6D8AFF", "p3": "color(display-p3 0.4515 0.5386 0.9952)"}, {"L": 0.7883252868901331, "a": -0.15846754116857248, "b": -0.09401080595305042, "C": 0.18425523938264365, "h": 210.67852027202218, "hex": "#00D7FC", "p3": "color(display-p3 0.0000 0.8270 0.9684)"}, {"L": 0.8133252861985907, "a": -0.0026866162303930863, "b": 0.18669047535959662, "C": 0.1867098055720737, "h": 90.82447241132753, "hex": "#EFBB00", "p3": "color(display-p3 0.9061 0.7399 0.0992)"}], "deutan-mild": [{"L": 0.5560872180588912, "a": -0.044617324266865224, "b": 0.0857369962960877, "C": 0.09665163298470418, "h": 117.49235920747901, "hex": "#6F7B34", "p3": "color(display-p3 0.4435 0.4796 0.2419)"}, {"L": 0.62782521895914, "a": 0.025703068513902215, "b": 0.10508879978321028, "C": 0.10818642969848857, "h": 76.2561716561254, "hex": "#AE7F33", "p3": "color(display-p3 0.6526 0.5045 0.2543)"}, {"L": 0.6436254381308946, "a": 0.0367322387593557, "b": -0.0838056421365224, "C": 0.09150214761517443, "h": 293.6679686357413, "hex": "#9082C0", "p3": "color(display-p3 0.5551 0.5133 0.7355)"}, {"L": 0.659657765534185, "a": -0.03153582594355098, "b": -0.18774667836291103, "C": 0.19037679363369978, "h": 260.46503107999627, "hex": "#488DFF", "p3": "color(display-p3 0.3493 0.5466 0.9889)"}, {"L": 0.7846854782887303, "a": -0.04009338871027974, "b": -0.10191081005337056, "C": 0.10951389420529141, "h": 248.52450780836136, "hex": "#7FBFFC", "p3": "color(display-p3 0.5540 0.7414 0.9675)"}, {"L": 0.8199100102453191, "a": -0.0280051954589971, "b": 0.18476590196589673, "C": 0.18687624113826776, "h": 98.61878924434764, "hex": "#E4C400", "p3": "color(display-p3 0.8721 0.7715 0.1440)"}], "deutan-severe": [{"L": 0.5535594129780187, "a": -0.012298271107106455, "b": 0.08204074117892494, "C": 0.08295740283670434, "h": 98.52541065584212, "hex": "#7F7336", "p3": "color(display-p3 0.4904 0.4533 0.2466)"}, {"L": 0.6372209239371845, "a": -0.017667574999930737, "b": 0.10845040921048915, "C": 0.10988009130093007, "h": 99.25272989737546, "hex": "#9C8C33", "p3": "color(display-p3 0.6006 0.5517 0.2594)"}, {"L": 0.6460813048737889, "a": -0.003974458614128969, "b": -0.07919425934220081, "C": 0.07929392810319832, "h": 267.1269532372376, "hex": "#788DBF", "p3": "color(display-p3 0.4873 0.5495 0.7333)"}, {"L": 0.6519822442276103, "a": -0.04339327800563755, "b": -0.1900730166820148, "C": 0.19496340232637516, "h": 257.1398910927426, "hex": "#338DFF", "p3": "color(display-p3 0.3027 0.5442 0.9849)"}, {"L": 0.7764139755950812, "a": -0.006948353122117579, "b": -0.10743294354650113, "C": 0.10765740555194213, "h": 266.29948148764703, "hex": "#96B5FC", "p3": "color(display-p3 0.6128 0.7044 0.9651)"}, {"L": 0.8254111459405343, "a": -0.035127984863659555, "b": 0.18306979755634112, "C": 0.1864095654678193, "h": 100.86206080478256, "hex": "#E1C700", "p3": "color(display-p3 0.8659 0.7851 0.1717)"}], "protan-mild": [{"L": 0.5796100380574629, "a": -0.04788471461487128, "b": 0.10243445042131122, "C": 0.11307414614695852, "h": 115.05453229879164, "hex": "#788227", "p3": "color(display-p3 0.4786 0.5072 0.2150)"}, {"L": 0.564241572978347, "a": 0.044880469618545325, "b": 0.08606127358407419, "C": 0.09706080240804747, "h": 62.458212663726314, "hex": "#9E6834", "p3": "color(display-p3 0.5887 0.4166 0.2399)"}, {"L": 0.6136101801240533, "a": 0.03916316512241226, "b": -0.10695400420423964, "C": 0.11389869410017764, "h": 290.11112870892964, "hex": "#8477C4", "p3": "color(display-p3 0.5086 0.4697 0.7470)"}, {"L": 0.6841687030827484, "a": -0.028063337816783204, "b": -0.18050646006566232, "C": 0.18267493822321507, "h": 261.1629721350771, "hex": "#5595FF", "p3": "color(display-p3 0.3935 0.5785 1.0000)"}, {"L": 0.8301868180517157, "a": -0.03593715922579851, "b": -0.07982571087744696, "C": 0.08754212431915362, "h": 245.76295023673583, "hex": "#98CEFD", "p3": "color(display-p3 0.6395 0.8007 0.9761)"}, {"L": 0.7935567256700474, "a": -0.029194048768239597, "b": 0.19355449276143424, "C": 0.19574379722386723, "h": 98.57733399516489, "hex": "#DDBB00", "p3": "color(display-p3 0.8437 0.7366 0.0000)"}], "protan-severe": [{"L": 0.5923934814262788, "a": -0.01771169802456666, "b": 0.11018257147855348, "C": 0.11159705777725498, "h": 99.13209501726273, "hex": "#8F7E1F", "p3": "color(display-p3 0.5486 0.4982 0.1984)"}, {"L": 0.5258706825780671, "a": -0.009892400769835646, "b": 0.07414172894436544, "C": 0.07479876712787986, "h": 97.59983449508371, "hex": "#766B35", "p3": "color(display-p3 0.4564 0.4209 0.2386)"}, {"L": 0.5938681972444926, "a": -0.017417385572780126, "b": -0.11861610406976747, "C": 0.11988805388728602, "h": 261.6464825803987, "hex": "#557DC5", "p3": "color(display-p3 0.3688 0.4864 0.7532)"}, {"L": 0.6924066748787421, "a": -0.0378830296406596, "b": -0.17828733462304946, "C": 0.18226765379997162, "h": 258.0040320506622, "hex": "#4D9AFF", "p3": "color(display-p3 0.3783 0.5971 1.0000)"}, {"L": 0.8511328735144592, "a": -0.002381832993991296, "b": -0.07096263238548761, "C": 0.07100259378001005, "h": 268.0776112693003, "hex": "#BACDFE", "p3": "color(display-p3 0.7440 0.8025 0.9789)"}, {"L": 0.7812131362441952, "a": -0.039351126205312434, "b": 0.1981228923069152, "C": 0.20199304836969997, "h": 101.2338733747918, "hex": "#D4B900", "p3": "color(display-p3 0.8152 0.7284 0.0000)"}], "tritan-severe": [{"L": 0.5497877802875707, "a": -0.1444763743912994, "b": -0.008227756380788612, "C": 0.1447104651789791, "h": 183.25940542446128, "hex": "#008B7A", "p3": "color(display-p3 0.0000 0.5340 0.4779)"}, {"L": 0.6283436376219981, "a": 0.22752616563808967, "b": 0.08107178067356872, "C": 0.2415383813632, "h": 19.611923639539157, "hex": "#F91D48", "p3": "color(display-p3 0.8953 0.2293 0.3053)"}, {"L": 0.6477766951284691, "a": 0.14218817965199088, "b": 0.006908779274367616, "C": 0.14235592598767627, "h": 2.7817559866807513, "hex": "#D36586", "p3": "color(display-p3 0.7736 0.4206 0.5261)"}, {"L": 0.6620186300296917, "a": -0.10534969185837521, "b": -0.06050608493237543, "C": 0.12148886322827471, "h": 209.8702876642267, "hex": "#00A6BC", "p3": "color(display-p3 0.2585 0.6412 0.7238)"}, {"L": 0.777411608643022, "a": -0.26273053706666344, "b": -0.05583230005721222, "C": 0.26859743267018765, "h": 191.99732933274126, "hex": "#00E5E2", "p3": "color(display-p3 0.0000 0.8790 0.8780)"}, {"L": 0.819283605699929, "a": 0.10113873009778483, "b": 0.05145075618201457, "C": 0.1134734463982375, "h": 26.963108438982008, "hex": "#FFA79C", "p3": "color(display-p3 0.9719 0.6713 0.6252)"}]}, "summary": {"conservative_de_min": 10.223314365664615, "worst_cvd_bin": "protan/1.0", "L_range": [0.5515849802086001, 0.8133252912270833], "chroma_mean": 0.1869205786292827, "chroma_std": 0.0021205747615854176}}, {"rotation": 130, "palette": [{"L": 0.5799565929531733, "a": -0.17624245551907544, "b": 0.07083791220960507, "C": 0.18994581578336756, "h": 158.10310679406695, "hex": "#00994B", "p3": "color(display-p3 0.0000 0.5894 0.3253)"}, {"L": 0.6112651880831003, "a": 0.14952337070947794, "b": 0.12122638710524743, "C": 0.1924917538984859, "h": 39.03348331431471, "hex": "#DE4C08", "p3": "color(display-p3 0.8039 0.3377 0.1513)"}, {"L": 0.6362651880831003, "a": 0.17889776061303408, "b": -0.06728627944621347, "C": 0.19113307446402983, "h": 339.3879251498221, "hex": "#D252B0", "p3": "color(display-p3 0.7629 0.3547 0.6739)"}, {"L": 0.6612651880831003, "a": 0.029936698726913756, "b": -0.1885478234570879, "C": 0.19090963218515503, "h": 279.02183384066313, "hex": "#7D7FFF", "p3": "color(display-p3 0.4922 0.4996 0.9852)"}, {"L": 0.7744926636070908, "a": -0.1426100602004424, "b": -0.11578611384494995, "C": 0.1836955454813467, "h": 219.07338902693934, "hex": "#00CEFF", "p3": "color(display-p3 0.0590 0.7938 0.9980)"}, {"L": 0.829862039270008, "a": -0.029349469528701745, "b": 0.18744778719228908, "C": 0.18973155848435413, "h": 98.89878554615314, "hex": "#E7C700", "p3": "color(display-p3 0.8849 0.7848 0.1433)"}], "cvd": {"normal": [{"L": 0.579956590314021, "a": -0.1762424530015587, "b": 0.07083793573353195, "C": 0.1899458222204285, "h": 158.10309992695738, "hex": "#00994B", "p3": "color(display-p3 0.0000 0.5894 0.3253)"}, {"L": 0.6112651833740975, "a": 0.1495233666867205, "b": 0.12122641002522637, "C": 0.19249176520811426, "h": 39.03348936773631, "hex": "#DE4C08", "p3": "color(display-p3 0.8039 0.3377 0.1513)"}, {"L": 0.636265182770922, "a": 0.1788977581076144, "b": -0.06728625762088108, "C": 0.19113306443562844, "h": 339.3879310091641, "hex": "#D252B0", "p3": "color(display-p3 0.7629 0.3547 0.6739)"}, {"L": 0.661265183324029, "a": 0.029936700338376854, "b": -0.18854780084985723, "C": 0.19090961011030114, "h": 279.02183538225495, "hex": "#7D7FFF", "p3": "color(display-p3 0.4922 0.4996 0.9852)"}, {"L": 0.7744926592357351, "a": -0.14261005620776357, "b": -0.11578608512017824, "C": 0.18369552427601127, "h": 219.07338285633583, "hex": "#00CEFF", "p3": "color(display-p3 0.0590 0.7938 0.9980)"}, {"L": 0.8298620342932219, "a": -0.02934947097105108, "b": 0.1874478201484299, "C": 0.18973159126692288, "h": 98.89878443697464, "hex": "#E7C700", "p3": "color(display-p3 0.8849 0.7848 0.1433)"}], "deutan-mild": [{"L": 0.5841668373420317, "a": -0.04328899533691499, "b": 0.06331391559122745, "C": 0.07669803794604216, "h": 124.36120013482301, "hex": "#728450", "p3": "color(display-p3 0.4590 0.5137 0.3361)"}, {"L": 0.6182226125918007, "a": 0.016888102170451, "b": 0.12875024670703494, "C": 0.12985312480661354, "h": 82.52720539223648, "hex": "#AC7C00", "p3": "color(display-p3 0.6451 0.4958 0.1458)"}, {"L": 0.6342205882927264, "a": 0.042754975511807736, "b": -0.058331997787299236, "C": 0.07232295553192473, "h": 306.23989617469994, "hex": "#957FAD", "p3": "color(display-p3 0.5715 0.5021 0.6677)"}, {"L": 0.6476299787610679, "a": -0.02688982380240344, "b": -0.19077525333784692, "C": 0.19266099737685358, "h": 261.9769966653191, "hex": "#4988FF", "p3": "color(display-p3 0.3457 0.5264 0.9785)"}, {"L": 0.7691796561940993, "a": -0.04072916317269301, "b": -0.12341841011980181, "C": 0.12996525954749388, "h": 251.73665463848144, "hex": "#73B9FF", "p3": "color(display-p3 0.5137 0.7166 0.9958)"}, {"L": 0.8363380016737166, "a": -0.033539210503152256, "b": 0.18430331946065856, "C": 0.1873301689675006, "h": 100.3137284716545, "hex": "#E6CA00", "p3": "color(display-p3 0.8836 0.7975 0.1839)"}], "deutan-severe": [{"L": 0.5806857538484972, "a": -0.007180186771756689, "b": 0.0592380274391901, "C": 0.059671592713480916, "h": 96.91105535988306, "hex": "#847B51", "p3": "color(display-p3 0.5127 0.4833 0.3390)"}, {"L": 0.6277798513800413, "a": -0.024133313038580045, "b": 0.1307850018404873, "C": 0.13299298291501838, "h": 100.45499025396867, "hex": "#9B8900", "p3": "color(display-p3 0.5965 0.5414 0.1562)"}, {"L": 0.6382911907601715, "a": -0.0008226139368938233, "b": -0.05299985831436427, "C": 0.05300624184972803, "h": 269.11078021672523, "hex": "#7E8BAD", "p3": "color(display-p3 0.5046 0.5427 0.6659)"}, {"L": 0.6405347085971183, "a": -0.045980870889837475, "b": -0.19230901308232584, "C": 0.19772960577638865, "h": 256.55309477180964, "hex": "#2989FF", "p3": "color(display-p3 0.2782 0.5303 0.9745)"}, {"L": 0.7605253013162294, "a": -0.012147944833999164, "b": -0.12883491579661555, "C": 0.1294063680504592, "h": 264.613461984955, "hex": "#88AFFF", "p3": "color(display-p3 0.5649 0.6825 0.9929)"}, {"L": 0.8408948575667552, "a": -0.03446079056276131, "b": 0.182220171058731, "C": 0.18545009255021602, "h": 100.70908679734028, "hex": "#E6CC00", "p3": "color(display-p3 0.8862 0.8047 0.2073)"}], "protan-mild": [{"L": 0.612803139502347, "a": -0.045738638898577016, "b": 0.08135072800803202, "C": 0.09332718808434778, "h": 119.34643893195134, "hex": "#7D8C49", "p3": "color(display-p3 0.5028 0.5476 0.3190)"}, {"L": 0.5547893782209696, "a": 0.03356425333060287, "b": 0.1172406678272161, "C": 0.12195053626045484, "h": 74.02437307869931, "hex": "#9D6600", "p3": "color(display-p3 0.5829 0.4091 0.1082)"}, {"L": 0.5956612141581594, "a": 0.048976244829228965, "b": -0.08532099545659412, "C": 0.09837857908750629, "h": 299.85683082819247, "hex": "#8871B1", "p3": "color(display-p3 0.5182 0.4464 0.6774)"}, {"L": 0.6667341055200687, "a": -0.025171409001501947, "b": -0.18698434489001015, "C": 0.18867099688364175, "h": 262.3330634644201, "hex": "#518EFF", "p3": "color(display-p3 0.3754 0.5512 0.9961)"}, {"L": 0.8142358765530712, "a": -0.035424974084150074, "b": -0.10213423708798665, "C": 0.10810333563034849, "h": 250.87104015480577, "hex": "#8DC7FF", "p3": "color(display-p3 0.6007 0.7753 1.0000)"}, {"L": 0.816990134307714, "a": -0.03604755267543571, "b": 0.19488506494233152, "C": 0.19819085395513358, "h": 100.47946012017722, "hex": "#E1C400", "p3": "color(display-p3 0.8635 0.7722 0.0000)"}], "protan-severe": [{"L": 0.6278325678521395, "a": -0.01202700590209518, "b": 0.08948989227605714, "C": 0.0902944610181009, "h": 97.65440897875247, "hex": "#978945", "p3": "color(display-p3 0.5836 0.5389 0.3085)"}, {"L": 0.5167786537607034, "a": -0.019304259694777885, "b": 0.10972468829762139, "C": 0.11140988135876277, "h": 99.97813925037411, "hex": "#776800", "p3": "color(display-p3 0.4582 0.4118 0.1000)"}, {"L": 0.5710764140646872, "a": -0.011856987240033236, "b": -0.09921650132234243, "C": 0.09992248135958538, "h": 263.18511913166265, "hex": "#5877B3", "p3": "color(display-p3 0.3708 0.4618 0.6830)"}, {"L": 0.6719793960387507, "a": -0.0440607384775878, "b": -0.18624613875715046, "C": 0.1913869715449255, "h": 256.69008945092554, "hex": "#3B94FF", "p3": "color(display-p3 0.3282 0.5719 1.0000)"}, {"L": 0.834517708301191, "a": -0.005595266474527429, "b": -0.09373972937830444, "C": 0.09390656990242335, "h": 266.5841032519191, "hex": "#ADC8FF", "p3": "color(display-p3 0.6979 0.7797 1.0000)"}, {"L": 0.8086497927730832, "a": -0.03916081371136637, "b": 0.20033548062671205, "C": 0.20412710287581134, "h": 101.0604901089061, "hex": "#DEC100", "p3": "color(display-p3 0.8522 0.7628 0.0000)"}], "tritan-severe": [{"L": 0.5768015139756796, "a": -0.17659545189976167, "b": -0.01514920238846501, "C": 0.1772440463448285, "h": 184.90310212500344, "hex": "#009887", "p3": "color(display-p3 0.0000 0.5827 0.5279)"}, {"L": 0.6184197694953061, "a": 0.22394507646927667, "b": 0.08492477761851365, "C": 0.23950702521718265, "h": 20.767802109090255, "hex": "#F41942", "p3": "color(display-p3 0.8795 0.2203 0.2830)"}, {"L": 0.6378289731145157, "a": 0.16948053667341362, "b": 0.02067956944315752, "C": 0.17073750877725338, "h": 6.956692071539113, "hex": "#DD567A", "p3": "color(display-p3 0.8036 0.3711 0.4790)"}, {"L": 0.651297332032005, "a": -0.07195031739290181, "b": -0.057790522926398954, "C": 0.09228538732131947, "h": 218.771444067623, "hex": "#439DB6", "p3": "color(display-p3 0.3579 0.6075 0.7006)"}, {"L": 0.7628004625421213, "a": -0.2564289273544965, "b": -0.059836783255606166, "C": 0.26331774610640285, "h": 193.13473574626101, "hex": "#00DFE0", "p3": "color(display-p3 0.0000 0.8555 0.8677)"}, {"L": 0.8352320996949226, "a": 0.07193890649326701, "b": 0.044500433948182046, "C": 0.08459015834613107, "h": 31.74037425390208, "hex": "#FBB5A7", "p3": "color(display-p3 0.9436 0.7217 0.6664)"}]}, "summary": {"conservative_de_min": 12.653284408824867, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5799565929531733, 0.829862039270008], "chroma_mean": 0.18965123004945653, "chroma_std": 0.0028110326284106523}}, {"rotation": 140, "palette": [{"L": 0.5557815723381295, "a": 0.19233794311169647, "b": -0.044716498086485056, "C": 0.19746759116765672, "h": 346.91185326495025, "hex": "#BE3089", "p3": "color(display-p3 0.6867 0.2352 0.5269)"}, {"L": 0.5969692214257094, "a": 0.13439380637041978, "b": 0.14403857999867328, "C": 0.1969995119759541, "h": 46.983906995091466, "hex": "#D74B00", "p3": "color(display-p3 0.7806 0.3317 0.0000)"}, {"L": 0.6221275054417867, "a": -0.19014447304923943, "b": 0.044249252698151054, "C": 0.19522529804182082, "h": 166.89964333316368, "hex": "#00A96D", "p3": "color(display-p3 0.0000 0.6495 0.4432)"}, {"L": 0.6471275054417868, "a": 0.06004746839010478, "b": -0.19004844018015418, "C": 0.1993090767500825, "h": 287.5343874905283, "hex": "#8B73FF", "p3": "color(display-p3 0.5310 0.4541 0.9655)"}, {"L": 0.7413036094024856, "a": -0.12909883924920407, "b": -0.13636443327138076, "C": 0.18778117306300088, "h": 226.56776479972302, "hex": "#00BFFF", "p3": "color(display-p3 0.0091 0.7364 0.9983)"}, {"L": 0.8390831300079126, "a": -0.05806476128882179, "b": 0.1873779278572434, "C": 0.19616830618528103, "h": 107.21718812110423, "hex": "#DAD100", "p3": "color(display-p3 0.8476 0.8211 0.1714)"}], "cvd": {"normal": [{"L": 0.5557815675025297, "a": 0.192337940103786, "b": -0.044716479135629573, "C": 0.19746758394646644, "h": 346.9118584231206, "hex": "#BE3089", "p3": "color(display-p3 0.6867 0.2352 0.5269)"}, {"L": 0.5969692169322378, "a": 0.13439380237905763, "b": 0.14403860271044758, "C": 0.19699952585902167, "h": 46.983912350191986, "hex": "#D74B00", "p3": "color(display-p3 0.7806 0.3317 0.0000)"}, {"L": 0.6221275025721704, "a": -0.19014446997820025, "b": 0.044249277630400964, "C": 0.19522530070178662, "h": 166.89963600205908, "hex": "#00A96D", "p3": "color(display-p3 0.0000 0.6495 0.4432)"}, {"L": 0.6471275005938159, "a": 0.06004746945903056, "b": -0.1900484183220236, "C": 0.1993090562296056, "h": 287.53438967664863, "hex": "#8B73FF", "p3": "color(display-p3 0.5310 0.4541 0.9655)"}, {"L": 0.7413036051386835, "a": -0.12909883527549706, "b": -0.13636440607732112, "C": 0.18778115058309355, "h": 226.56775997572933, "hex": "#00BFFF", "p3": "color(display-p3 0.0091 0.7364 0.9983)"}, {"L": 0.8390831251415365, "a": -0.05806476220184946, "b": 0.1873779613559239, "C": 0.19616833845312406, "h": 107.21718547978226, "hex": "#DAD100", "p3": "color(display-p3 0.8476 0.8211 0.1714)"}], "deutan-mild": [{"L": 0.5558069182979025, "a": 0.04728742203509412, "b": -0.034282683441730126, "C": 0.058407214166496434, "h": 324.05844211290173, "hex": "#856887", "p3": "color(display-p3 0.5024 0.4113 0.5209)"}, {"L": 0.6043464068923916, "a": 0.007930271976641742, "b": 0.1497261294209783, "C": 0.14993599649520808, "h": 86.96815147705578, "hex": "#A87900", "p3": "color(display-p3 0.6304 0.4819 0.0000)"}, {"L": 0.6257983290815214, "a": -0.04274610699135567, "b": 0.0363529698061969, "C": 0.05611388488285845, "h": 139.62085370358852, "hex": "#769170", "p3": "color(display-p3 0.4847 0.5639 0.4511)"}, {"L": 0.6332152779779432, "a": -0.020267831914966214, "b": -0.19093597837555232, "C": 0.1920086790974895, "h": 263.94074981691926, "hex": "#4C82FD", "p3": "color(display-p3 0.3470 0.5033 0.9584)"}, {"L": 0.7342674637604977, "a": -0.04345365838517366, "b": -0.14384634349781772, "C": 0.15026639998598337, "h": 253.19128083294027, "hex": "#5FACFF", "p3": "color(display-p3 0.4455 0.6680 0.9951)"}, {"L": 0.8454797522083946, "a": -0.039393977864453096, "b": 0.18293907798506434, "C": 0.18713255127318304, "h": 102.15246185857977, "hex": "#E5CF00", "p3": "color(display-p3 0.8843 0.8147 0.2118)"}], "deutan-severe": [{"L": 0.5614072150905453, "a": 0.00032457849548110174, "b": -0.028303866171053297, "C": 0.02830572718424001, "h": 270.65701846717644, "hex": "#6E7486", "p3": "color(display-p3 0.4372 0.4556 0.5197)"}, {"L": 0.613952298589938, "a": -0.03065980107413806, "b": 0.15023428597925825, "C": 0.1533308973612405, "h": 101.53452645311012, "hex": "#988500", "p3": "color(display-p3 0.5851 0.5258 0.0000)"}, {"L": 0.6211897070371322, "a": -0.0027692310108119534, "b": 0.03173271204683492, "C": 0.03185331465073274, "h": 94.98741811800345, "hex": "#8C8771", "p3": "color(display-p3 0.5464 0.5289 0.4527)"}, {"L": 0.6269478995426762, "a": -0.04704972088756804, "b": -0.19150733266988873, "C": 0.19720226850098221, "h": 256.1968939185873, "hex": "#2185FB", "p3": "color(display-p3 0.2589 0.5144 0.9545)"}, {"L": 0.7251498911016615, "a": -0.019567529137878098, "b": -0.14923399617691813, "C": 0.15051137435919626, "h": 262.530004373754, "hex": "#72A4FF", "p3": "color(display-p3 0.4892 0.6370 0.9919)"}, {"L": 0.8490115538249997, "a": -0.03370382599176474, "b": 0.18040996653377062, "C": 0.18353120691370006, "h": 100.58190103382182, "hex": "#E9CF00", "p3": "color(display-p3 0.8964 0.8149 0.2328)"}], "protan-mild": [{"L": 0.5079822193390466, "a": 0.058827902043948464, "b": -0.06553069645484946, "C": 0.0880624450986345, "h": 311.9148045274431, "hex": "#76568A", "p3": "color(display-p3 0.4448 0.3430 0.5286)"}, {"L": 0.5415343459705672, "a": 0.02059135351124519, "b": 0.14779618821499374, "C": 0.14922371490586517, "h": 82.06845757232313, "hex": "#996300", "p3": "color(display-p3 0.5702 0.3971 0.0000)"}, {"L": 0.6602037717175067, "a": -0.04414293093557488, "b": 0.0563372905239487, "C": 0.07157156317395012, "h": 128.08037797561707, "hex": "#859B6C", "p3": "color(display-p3 0.5396 0.6053 0.4406)"}, {"L": 0.6456313786653849, "a": -0.02076861853190855, "b": -0.19133721533412884, "C": 0.19246107525300465, "h": 263.80510671006846, "hex": "#4F86FF", "p3": "color(display-p3 0.3593 0.5190 0.9762)"}, {"L": 0.7790917483693268, "a": -0.0364797393638584, "b": -0.1231302161723492, "C": 0.128420487145566, "h": 253.4970449930882, "hex": "#7ABBFF", "p3": "color(display-p3 0.5363 0.7260 1.0000)"}, {"L": 0.8335138559985774, "a": -0.04310752431769135, "b": 0.19556827658678066, "C": 0.20026285092329005, "h": 102.43047171322647, "hex": "#E3CB00", "p3": "color(display-p3 0.8734 0.7994 0.0557)"}], "protan-severe": [{"L": 0.47704864509548023, "a": -0.009779630875446503, "b": -0.0824590649398677, "C": 0.08303697110815944, "h": 263.23632478883053, "hex": "#445C8C", "p3": "color(display-p3 0.2856 0.3577 0.5335)"}, {"L": 0.5040905512390823, "a": -0.03205100663614674, "b": 0.14687333922683596, "C": 0.15032978680897394, "h": 102.3102182005967, "hex": "#766500", "p3": "color(display-p3 0.4527 0.3985 0.0000)"}, {"L": 0.6777132374119742, "a": -0.006790319392331543, "b": 0.06509625630303063, "C": 0.06544945394821662, "h": 95.95509940577732, "hex": "#A39869", "p3": "color(display-p3 0.6331 0.5971 0.4336)"}, {"L": 0.6471802229341594, "a": -0.05046639225159166, "b": -0.19241826747885457, "C": 0.19892623358032882, "h": 255.3037875989806, "hex": "#218CFF", "p3": "color(display-p3 0.2706 0.5418 0.9843)"}, {"L": 0.7987383336154691, "a": -0.010349592067845281, "b": -0.11513354761976523, "C": 0.11559778476892865, "h": 264.86337016894174, "hex": "#99BCFF", "p3": "color(display-p3 0.6262 0.7331 1.0000)"}, {"L": 0.8292565089506675, "a": -0.03903764265133911, "b": 0.20201119044547494, "C": 0.20574853245885277, "h": 100.93730386694082, "hex": "#E5C800", "p3": "color(display-p3 0.8802 0.7888 0.0000)"}], "tritan-severe": [{"L": 0.5585196389696278, "a": 0.19277748173173315, "b": 0.03511703912681713, "C": 0.19594990150511205, "h": 10.324002723652482, "hex": "#CB2B59", "p3": "color(display-p3 0.7340 0.2288 0.3525)"}, {"L": 0.6042657329096337, "a": 0.21914984703238446, "b": 0.08748577422427045, "C": 0.23596698105018324, "h": 21.762144785409046, "hex": "#EE153B", "p3": "color(display-p3 0.8558 0.2084 0.2596)"}, {"L": 0.6172596984915042, "a": -0.21314742416845006, "b": -0.023449630431947154, "C": 0.2144334619340929, "h": 186.27820516754997, "hex": "#00AA99", "p3": "color(display-p3 0.0000 0.6504 0.5984)"}, {"L": 0.6380938213837953, "a": -0.0337187358546754, "b": -0.05353734589353176, "C": 0.06327085073682062, "h": 237.7965748503533, "hex": "#6792AE", "p3": "color(display-p3 0.4386 0.5665 0.6706)"}, {"L": 0.7286290946573772, "a": -0.2532705865087534, "b": -0.06399954994735273, "C": 0.2612315685057065, "h": 194.1813395795855, "hex": "#00D3D7", "p3": "color(display-p3 0.0000 0.8078 0.8329)"}, {"L": 0.8437472826562649, "a": 0.03945545801059697, "b": 0.03717820041133369, "C": 0.054212099688642136, "h": 43.29789068728297, "hex": "#EBC1B0", "p3": "color(display-p3 0.8968 0.7636 0.6997)"}]}, "summary": {"conservative_de_min": 10.304040650542523, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5557815723381295, 0.8390831300079126], "chroma_mean": 0.19549182619729932, "chroma_std": 0.0036681284873270534}}, {"rotation": 150, "palette": [{"L": 0.55, "a": 0.10517213746915095, "b": -0.19360638243486908, "C": 0.22032841355428212, "h": 298.511986292255, "hex": "#8644DD", "p3": "color(display-p3 0.4911 0.2797 0.8372)"}, {"L": 0.6438530120981343, "a": -0.1106815481233172, "b": -0.18597217742252278, "C": 0.21641639464293935, "h": 239.24096056166943, "hex": "#0097FF", "p3": "color(display-p3 0.0000 0.5801 0.9733)"}, {"L": 0.6688530120981343, "a": 0.21987771541002793, "b": -0.005139323354708197, "C": 0.2199377693314122, "h": 358.6610378814446, "hex": "#F74693", "p3": "color(display-p3 0.8930 0.3323 0.5699)"}, {"L": 0.7316927931053513, "a": 0.11482537342154998, "b": 0.18737959259725417, "C": 0.21976345943607492, "h": 58.50021976323021, "hex": "#FF7A00", "p3": "color(display-p3 0.9659 0.5097 0.0000)"}, {"L": 0.825, "a": -0.21446735360453062, "b": 0.005847682732435999, "C": 0.21454706046802413, "h": 178.4381560047524, "hex": "#00F0C7", "p3": "color(display-p3 0.0000 0.9235 0.7850)"}, {"L": 0.85, "a": -0.1057967798351811, "b": 0.19054744553780556, "C": 0.21794790117015753, "h": 119.04014657534877, "hex": "#C0DF00", "p3": "color(display-p3 0.7760 0.8727 0.1799)"}], "cvd": {"normal": [{"L": 0.5499999955124657, "a": 0.10517213773790489, "b": -0.19360636454295418, "C": 0.22032839796063536, "h": 298.51198857461947, "hex": "#8644DD", "p3": "color(display-p3 0.4911 0.2797 0.8372)"}, {"L": 0.6438530082917923, "a": -0.11068154392563274, "b": -0.1859721544714654, "C": 0.21641637277368908, "h": 239.24095840909683, "hex": "#0097FF", "p3": "color(display-p3 0.0000 0.5801 0.9733)"}, {"L": 0.6688530064162876, "a": 0.21987771146993587, "b": -0.005139299996813269, "C": 0.2199377648465893, "h": 358.66104394074154, "hex": "#F74693", "p3": "color(display-p3 0.8930 0.3323 0.5699)"}, {"L": 0.7316927879106854, "a": 0.11482536932756993, "b": 0.1873796208877805, "C": 0.21976348141868607, "h": 58.50022452712228, "hex": "#FF7A00", "p3": "color(display-p3 0.9659 0.5097 0.0000)"}, {"L": 0.8249999958965949, "a": -0.2144673496418722, "b": 0.005847715020108959, "C": 0.21454705738687135, "h": 178.43814735654055, "hex": "#00F0C7", "p3": "color(display-p3 0.0000 0.9235 0.7850)"}, {"L": 0.8499999953504229, "a": -0.10579677990399709, "b": 0.1905474798055339, "C": 0.21794793116314537, "h": 119.04014221821079, "hex": "#C0DF00", "p3": "color(display-p3 0.7760 0.8727 0.1799)"}], "deutan-mild": [{"L": 0.5347559922737024, "a": -0.018757657023094364, "b": -0.1927114985046213, "C": 0.19362223878700682, "h": 264.44060331230753, "hex": "#3262DB", "p3": "color(display-p3 0.2415 0.3785 0.8300)"}, {"L": 0.6316949611884072, "a": -0.06449316112294778, "b": -0.1939323129524554, "C": 0.20437492468186894, "h": 251.6051960280276, "hex": "#008AFF", "p3": "color(display-p3 0.1902 0.5309 0.9682)"}, {"L": 0.6716009737025823, "a": 0.05273848124727454, "b": 0.007446833807610355, "C": 0.053261644154375266, "h": 8.037203198136545, "hex": "#B4898F", "p3": "color(display-p3 0.6780 0.5421 0.5630)"}, {"L": 0.739867178175837, "a": -0.0041420151880970715, "b": 0.19096714951646168, "C": 0.1910120637139473, "h": 91.24253194837931, "hex": "#D7A300", "p3": "color(display-p3 0.8126 0.6470 0.0000)"}, {"L": 0.8272816018368627, "a": -0.04598678687046215, "b": -0.0032713077525685437, "C": 0.04610299362385619, "h": 184.06892810584944, "hex": "#A6D1CA", "p3": "color(display-p3 0.6843 0.8137 0.7908)"}, {"L": 0.8565001242209134, "a": -0.0497860150879536, "b": 0.18392054905106014, "C": 0.19053980072830287, "h": 105.14657962459563, "hex": "#E3D500", "p3": "color(display-p3 0.8813 0.8376 0.2271)"}], "deutan-severe": [{"L": 0.5291937609373222, "a": -0.06196342850353104, "b": -0.19196202888384611, "C": 0.20171486560269863, "h": 252.11043806574196, "hex": "#0068DA", "p3": "color(display-p3 0.0187 0.4019 0.8262)"}, {"L": 0.6205991418442358, "a": -0.053336575947706064, "b": -0.19981042400958413, "C": 0.2068066630375221, "h": 255.05418182543616, "hex": "#0083FE", "p3": "color(display-p3 0.2177 0.5059 0.9643)"}, {"L": 0.6797800612987107, "a": -0.0009340687304321708, "b": 0.014179667983439281, "C": 0.014210400012446665, "h": 93.76884603152783, "hex": "#9B988F", "p3": "color(display-p3 0.6056 0.5972 0.5628)"}, {"L": 0.749898564419798, "a": -0.0397454651574805, "b": 0.19033219443118637, "C": 0.19443776957570622, "h": 101.79509585471868, "hex": "#C8AF00", "p3": "color(display-p3 0.7688 0.6909 0.0000)"}, {"L": 0.8207247040938267, "a": 0.00038102022994429915, "b": -0.009004062022739512, "C": 0.009012120134849888, "h": 272.42311017948106, "hex": "#C2C4CA", "p3": "color(display-p3 0.7625 0.7684 0.7911)"}, {"L": 0.8584580211851257, "a": -0.033516412893962386, "b": 0.180556931310505, "C": 0.18364137708464556, "h": 100.51600245143456, "hex": "#ECD200", "p3": "color(display-p3 0.9090 0.8270 0.2477)"}], "protan-mild": [{"L": 0.5367687639715071, "a": -0.02339236162308137, "b": -0.19942797271869356, "C": 0.20079521629011232, "h": 263.3099304363557, "hex": "#2B62E0", "p3": "color(display-p3 0.2249 0.3795 0.8470)"}, {"L": 0.6787169726793139, "a": -0.04929801160689601, "b": -0.17275805565076555, "C": 0.17965422271860645, "h": 254.07344258885064, "hex": "#3A99FF", "p3": "color(display-p3 0.3336 0.5906 0.9844)"}, {"L": 0.6089345881137438, "a": 0.07177191265208561, "b": -0.028417805528705986, "C": 0.07719312868906117, "h": 338.39910625415854, "hex": "#A27193", "p3": "color(display-p3 0.6057 0.4504 0.5682)"}, {"L": 0.6778752832323145, "a": 0.003374568438059151, "b": 0.1957445517410468, "C": 0.1957736377770166, "h": 89.0123383965811, "hex": "#C88D00", "p3": "color(display-p3 0.7488 0.5614 0.0000)"}, {"L": 0.8718871833220764, "a": -0.0462118403439436, "b": 0.02108475254552033, "C": 0.050794694387110546, "h": 155.47454098201908, "hex": "#BBDFC7", "p3": "color(display-p3 0.7619 0.8717 0.7863)"}, {"L": 0.8557697158612381, "a": -0.0551491533586456, "b": 0.2003323236491748, "C": 0.2077846698263689, "h": 105.39160938876783, "hex": "#E4D500", "p3": "color(display-p3 0.8853 0.8374 0.0737)"}], "protan-severe": [{"L": 0.5315663114762215, "a": -0.07824131150381113, "b": -0.2034558187779918, "C": 0.2179815887190004, "h": 248.96516953677477, "hex": "#006AE2", "p3": "color(display-p3 0.0000 0.4072 0.8549)"}, {"L": 0.6977034144071961, "a": -0.031027770419920265, "b": -0.1650970304393052, "C": 0.16798735665849424, "h": 259.35618226777825, "hex": "#5A9CFF", "p3": "color(display-p3 0.4151 0.6048 0.9912)"}, {"L": 0.5695305277947691, "a": -0.0017037245360781955, "b": -0.048495083229495355, "C": 0.04852500154281828, "h": 267.98791779235233, "hex": "#6B7795", "p3": "color(display-p3 0.4276 0.4639 0.5729)"}, {"L": 0.6428689173421309, "a": -0.04526501313443813, "b": 0.1990898578046209, "C": 0.20417074446336583, "h": 102.80900515718533, "hex": "#A68E00", "p3": "color(display-p3 0.6357 0.5598 0.0000)"}, {"L": 0.8940346752844738, "a": -0.0019450314307613572, "b": 0.03150893460295822, "C": 0.03156891045126752, "h": 93.53235883330773, "hex": "#E3DCC5", "p3": "color(display-p3 0.8849 0.8641 0.7822)"}, {"L": 0.8575435020073449, "a": -0.04026342578106362, "b": 0.20857629990305038, "C": 0.21242696706603528, "h": 100.92594541537433, "hex": "#F0D100", "p3": "color(display-p3 0.9202 0.8250 0.0000)"}], "tritan-severe": [{"L": 0.541698990749879, "a": 0.022431607993809225, "b": -0.04898735537018861, "C": 0.05387892002771653, "h": 294.6033315459539, "hex": "#71698C", "p3": "color(display-p3 0.4374 0.4138 0.5382)"}, {"L": 0.6272462394323268, "a": -0.2688865745496222, "b": -0.0772990907715337, "C": 0.27977694581064994, "h": 196.0388018759047, "hex": "#00B2BF", "p3": "color(display-p3 0.0000 0.6795 0.7356)"}, {"L": 0.6738245097174215, "a": 0.24061635676208976, "b": 0.05942210366961327, "C": 0.2478451483204453, "h": 13.872078371537059, "hex": "#FF2E67", "p3": "color(display-p3 0.9621 0.2790 0.4154)"}, {"L": 0.7399256180960079, "a": 0.22468804818987675, "b": 0.09038869811559369, "C": 0.24218760444417528, "h": 21.914197918052107, "hex": "#FF5361", "p3": "color(display-p3 1.0000 0.3933 0.4078)"}, {"L": 0.8175532867177517, "a": -0.2685711687464468, "b": -0.0377618768848702, "C": 0.27121289060017134, "h": 188.0034854357404, "hex": "#00F5E4", "p3": "color(display-p3 0.0000 0.9390 0.8878)"}, {"L": 0.8534890358054575, "a": -0.013758670728439166, "b": 0.026576140494341653, "C": 0.029926447563795387, "h": 117.37094744830942, "hex": "#CDD2BC", "p3": "color(display-p3 0.8071 0.8222 0.7453)"}]}, "summary": {"conservative_de_min": 9.501876206212176, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.2181568331004817, "chroma_std": 0.002104438988671}}, {"rotation": 160, "palette": [{"L": 0.55, "a": 0.1339668235871693, "b": -0.1601570143057788, "C": 0.20879985405497098, "h": 309.9115307112683, "hex": "#9640CA", "p3": "color(display-p3 0.5475 0.2701 0.7651)"}, {"L": 0.6504055300084297, "a": -0.07072489450522136, "b": -0.1921026014750616, "C": 0.20470813417219413, "h": 249.78820607042215, "hex": "#0091FF", "p3": "color(display-p3 0.1888 0.5598 0.9905)"}, {"L": 0.6901645353860519, "a": 0.20644126763467616, "b": 0.03615049597088277, "C": 0.20958257404076513, "h": 9.932512953685956, "hex": "#FF537E", "p3": "color(display-p3 0.9298 0.3767 0.4979)"}, {"L": 0.7544651569583534, "a": -0.20027646614024938, "b": -0.035048833320799846, "C": 0.2033201505182791, "h": 189.92637090344638, "hex": "#00D5CC", "p3": "color(display-p3 0.0000 0.8182 0.7928)"}, {"L": 0.7794651569583534, "a": 0.07080616714746607, "b": 0.1979454885487113, "C": 0.21022828007407304, "h": 70.31759655641739, "hex": "#FF9800", "p3": "color(display-p3 0.9787 0.6192 0.0000)"}, {"L": 0.8497788355483928, "a": -0.13247154904257832, "b": 0.15989053080298343, "C": 0.2076383710834778, "h": 129.64222513938225, "hex": "#A1E739", "p3": "color(display-p3 0.6892 0.8974 0.3500)"}], "cvd": {"normal": [{"L": 0.5499999953878723, "a": 0.1339668229420178, "b": -0.16015699628713742, "C": 0.20879983982009204, "h": 309.9115337478312, "hex": "#9640CA", "p3": "color(display-p3 0.5475 0.2701 0.7651)"}, {"L": 0.6504055259134874, "a": -0.0707248909811624, "b": -0.19210257861428068, "C": 0.20470811150160415, "h": 249.78820478540507, "hex": "#0091FF", "p3": "color(display-p3 0.1888 0.5598 0.9905)"}, {"L": 0.6901645297033707, "a": 0.20644126349275044, "b": 0.036150520615824584, "C": 0.20958257421188045, "h": 9.93251978545984, "hex": "#FF537E", "p3": "color(display-p3 0.9298 0.3767 0.4979)"}, {"L": 0.7544651531732732, "a": -0.20027646198896218, "b": -0.03504880415885916, "C": 0.20332014140213034, "h": 189.9263630102679, "hex": "#00D5CC", "p3": "color(display-p3 0.0000 0.8182 0.7928)"}, {"L": 0.7794651517292189, "a": 0.07080616374910474, "b": 0.1979455190301364, "C": 0.2102283076300029, "h": 70.31760022648884, "hex": "#FF9800", "p3": "color(display-p3 0.9787 0.6192 0.0000)"}, {"L": 0.8497788310152086, "a": -0.13247154828640056, "b": 0.15989056494895637, "C": 0.20763839689492064, "h": 129.64221896739053, "hex": "#A1E739", "p3": "color(display-p3 0.6892 0.8974 0.3500)"}], "deutan-mild": [{"L": 0.539041820105665, "a": 0.007847609974888467, "b": -0.15649922729928933, "C": 0.1566958618713098, "h": 272.87067634889314, "hex": "#5263C8", "p3": "color(display-p3 0.3347 0.3862 0.7584)"}, {"L": 0.6370237637082115, "a": -0.05696382677605391, "b": -0.19873174523650602, "C": 0.20673457409373938, "h": 254.00575024827117, "hex": "#0089FF", "p3": "color(display-p3 0.2253 0.5298 0.9848)"}, {"L": 0.6946839259734212, "a": 0.04552376842251677, "b": 0.04813341484613943, "C": 0.06625133293857181, "h": 46.59606602569867, "hex": "#C0917A", "p3": "color(display-p3 0.7244 0.5742 0.4916)"}, {"L": 0.7548916874036424, "a": -0.04321236232791241, "b": -0.04377139657256503, "C": 0.06150807602153997, "h": 225.36822807195244, "hex": "#85B8CD", "p3": "color(display-p3 0.5646 0.7171 0.7955)"}, {"L": 0.7871510362487789, "a": -0.015426932217199386, "b": 0.19905882218880316, "C": 0.199655715993376, "h": 94.43152852219912, "hex": "#E3B400", "p3": "color(display-p3 0.8620 0.7147 0.0000)"}, {"L": 0.855697265129949, "a": -0.0486360289526817, "b": 0.15292915298295806, "C": 0.16047675577594123, "h": 107.64221494953208, "hex": "#DBD645", "p3": "color(display-p3 0.8553 0.8417 0.3748)"}], "deutan-severe": [{"L": 0.536692900984574, "a": -0.0342883217381952, "b": -0.15399299538562083, "C": 0.15776416461116202, "h": 257.4472064874601, "hex": "#286BC7", "p3": "color(display-p3 0.2321 0.4151 0.7551)"}, {"L": 0.6266876531051193, "a": -0.05509367567327606, "b": -0.20354917217176885, "C": 0.21087337098601266, "h": 254.8549077895019, "hex": "#0085FF", "p3": "color(display-p3 0.2137 0.5126 0.9807)"}, {"L": 0.7037779016710531, "a": -0.005662403958048567, "b": 0.05406610634145115, "C": 0.054361812640025424, "h": 95.9788549213868, "hex": "#A9A079", "p3": "color(display-p3 0.6580 0.6286 0.4928)"}, {"L": 0.7475212421798929, "a": -7.664671769487984e-05, "b": -0.04959535693990679, "C": 0.04959541616637665, "h": 269.91145280098414, "hex": "#A1ACCD", "p3": "color(display-p3 0.6385 0.6743 0.7946)"}, {"L": 0.795737344652215, "a": -0.04076901509246169, "b": 0.19780484743922294, "C": 0.20196254668146674, "h": 101.64599566293046, "hex": "#D8BE00", "p3": "color(display-p3 0.8310 0.7482 0.0000)"}, {"L": 0.8559607080373275, "a": -0.024737667420032586, "b": 0.14948146420085462, "C": 0.15151455484215212, "h": 99.39670629765489, "hex": "#E8D14A", "p3": "color(display-p3 0.8945 0.8225 0.3853)"}], "protan-mild": [{"L": 0.5282916141740935, "a": 0.0023583383125494474, "b": -0.17038834535803155, "C": 0.17040466540985394, "h": 270.7929779709346, "hex": "#495FCC", "p3": "color(display-p3 0.3024 0.3695 0.7734)"}, {"L": 0.6774755622528486, "a": -0.04514778775681264, "b": -0.18176111690709043, "C": 0.1872843462723118, "h": 256.0505665917799, "hex": "#3D96FF", "p3": "color(display-p3 0.3359 0.5818 1.0000)"}, {"L": 0.6292345559744624, "a": 0.06643772417184263, "b": 0.01605995686551831, "C": 0.06835125022745488, "h": 13.589391792605491, "hex": "#AE787D", "p3": "color(display-p3 0.6519 0.4797 0.4916)"}, {"L": 0.8009671443823876, "a": -0.0411522510178089, "b": -0.0197508839721524, "C": 0.04564652430924156, "h": 205.63852025311576, "hex": "#9CC7CC", "p3": "color(display-p3 0.6470 0.7757 0.7970)"}, {"L": 0.7377340131541917, "a": -0.012507743959882927, "b": 0.20649596029809275, "C": 0.20687441910105145, "h": 93.46624910947305, "hex": "#D6A300", "p3": "color(display-p3 0.8092 0.6473 0.0000)"}, {"L": 0.8651711147224781, "a": -0.053484758855933345, "b": 0.16941475830727293, "C": 0.17765691588617943, "h": 107.52106647661036, "hex": "#E0DA28", "p3": "color(display-p3 0.8732 0.8549 0.3183)"}], "protan-severe": [{"L": 0.5172104323903067, "a": -0.057742793872728924, "b": -0.17756444824093134, "C": 0.18671733589395187, "h": 251.98581446513305, "hex": "#0066CE", "p3": "color(display-p3 0.0751 0.3936 0.7806)"}, {"L": 0.6932189929203172, "a": -0.03650539122997144, "b": -0.175739038502702, "C": 0.17949053803113815, "h": 258.26512035205184, "hex": "#509AFF", "p3": "color(display-p3 0.3855 0.5983 1.0000)"}, {"L": 0.5890757408947398, "a": 7.574661350678906e-05, "b": -0.0023574278453606934, "C": 0.0023586444402537037, "h": 271.8403399571373, "hex": "#7C7D7E", "p3": "color(display-p3 0.4878 0.4893 0.4948)"}, {"L": 0.8230851370143766, "a": 0.0002543341501820506, "b": -0.009800397475299039, "C": 0.009803697084967313, "h": 271.48657270195224, "hex": "#C3C5CC", "p3": "color(display-p3 0.7645 0.7715 0.7960)"}, {"L": 0.7114406542725953, "a": -0.046541270163515495, "b": 0.2108436703040981, "C": 0.21591929773815158, "h": 102.4477600469461, "hex": "#BEA300", "p3": "color(display-p3 0.7268 0.6426 0.0000)"}, {"L": 0.8719659426234776, "a": -0.030342399603281844, "b": 0.17749959588943898, "C": 0.18007433952287422, "h": 99.70057646462779, "hex": "#F2D609", "p3": "color(display-p3 0.9293 0.8424 0.2853)"}], "tritan-severe": [{"L": 0.5450435427977127, "a": 0.07486609687509217, "b": -0.029434046947633272, "C": 0.08044436326447096, "h": 338.53743679501457, "hex": "#8F5D80", "p3": "color(display-p3 0.5327 0.3749 0.4949)"}, {"L": 0.6355534694306365, "a": -0.21348012063587885, "b": -0.0741149985569316, "C": 0.22597963385624678, "h": 199.14573191620707, "hex": "#00AEBE", "p3": "color(display-p3 0.0000 0.6649 0.7329)"}, {"L": 0.6962987690239005, "a": 0.24536553276549988, "b": 0.07119542751652748, "C": 0.25548587743466117, "h": 16.18065025142732, "hex": "#FF3264", "p3": "color(display-p3 1.0000 0.2961 0.4090)"}, {"L": 0.745163719155653, "a": -0.2801921874044786, "b": -0.045484844374934386, "C": 0.28386005874430176, "h": 189.22064466093204, "hex": "#00DDD1", "p3": "color(display-p3 0.0000 0.8466 0.8145)"}, {"L": 0.7871909438563182, "a": 0.18582385203526147, "b": 0.07710913685205112, "C": 0.20118728332399913, "h": 22.53640841640743, "hex": "#FF7B7C", "p3": "color(display-p3 1.0000 0.5231 0.5069)"}, {"L": 0.8516245470845554, "a": -0.06383644672360878, "b": 0.013699100468272506, "C": 0.06528979463848822, "h": 167.88819981104461, "hex": "#A5DDC6", "p3": "color(display-p3 0.6924 0.8589 0.7815)"}]}, "summary": {"conservative_de_min": 10.979021730905913, "worst_cvd_bin": "tritan/1.0", "L_range": [0.55, 0.8497788355483928], "chroma_mean": 0.20737956065729335, "chroma_std": 0.0025386353485518944}}, {"rotation": 170, "palette": [{"L": 0.55, "a": 0.15558111425601648, "b": -0.127981417197873, "C": 0.20145651208417087, "h": 320.55919962247054, "hex": "#A33CB8", "p3": "color(display-p3 0.5916 0.2604 0.6967)"}, {"L": 0.6504996698342916, "a": -0.033259342511035246, "b": -0.1957594832419018, "C": 0.19856474798765963, "h": 260.3575785201093, "hex": "#4089FF", "p3": "color(display-p3 0.3265 0.5319 0.9938)"}, {"L": 0.6754996698342917, "a": 0.1900337073208492, "b": 0.07055677269409691, "C": 0.20270931920144333, "h": 20.369234642711277, "hex": "#FB5360", "p3": "color(display-p3 0.9099 0.3755 0.3935)"}, {"L": 0.7805986201706652, "a": -0.18513365498118162, "b": -0.06625881197504462, "C": 0.19663341621157762, "h": 199.69214503457255, "hex": "#00DAE8", "p3": "color(display-p3 0.0000 0.8386 0.8973)"}, {"L": 0.8055986201706652, "a": 0.03428523249978092, "b": 0.19956610939524697, "C": 0.20248977551155445, "h": 80.2518117655766, "hex": "#FFAC00", "p3": "color(display-p3 0.9623 0.6907 0.0000)"}, {"L": 0.85, "a": -0.15524952271366463, "b": 0.12929603285489683, "C": 0.20203929918418156, "h": 140.21154586596444, "hex": "#7DED65", "p3": "color(display-p3 0.6006 0.9174 0.4662)"}], "cvd": {"normal": [{"L": 0.5499999953042807, "a": 0.15558111284912038, "b": -0.12798139901582017, "C": 0.20145649944694588, "h": 320.5592033618309, "hex": "#A33CB8", "p3": "color(display-p3 0.5916 0.2604 0.6967)"}, {"L": 0.6504996655110534, "a": -0.03325933964234095, "b": -0.1957594606710381, "C": 0.19856472525516788, "h": 260.3575782452875, "hex": "#4089FF", "p3": "color(display-p3 0.3265 0.5319 0.9938)"}, {"L": 0.6754996643934766, "a": 0.1900337031056582, "b": 0.07055679723867149, "C": 0.2027093237930324, "h": 20.369241561121143, "hex": "#FB5360", "p3": "color(display-p3 0.9099 0.3755 0.3935)"}, {"L": 0.7805986160813164, "a": -0.18513365075838922, "b": -0.06625878224734627, "C": 0.19663340221852055, "h": 199.69213729361698, "hex": "#00DAE8", "p3": "color(display-p3 0.0000 0.8386 0.8973)"}, {"L": 0.805598614990761, "a": 0.034285229755609034, "b": 0.19956614112143922, "C": 0.20248980631502686, "h": 80.25181405083863, "hex": "#FFAC00", "p3": "color(display-p3 0.9623 0.6907 0.0000)"}, {"L": 0.8499999955571863, "a": -0.15524952120344726, "b": 0.12929606686876538, "C": 0.20203931979105422, "h": 140.2115381798553, "hex": "#7DED65", "p3": "color(display-p3 0.6006 0.9174 0.4662)"}], "deutan-mild": [{"L": 0.5426266564521769, "a": 0.02562636969446683, "b": -0.12201952233910128, "C": 0.12468149283506323, "h": 281.8608000041811, "hex": "#6564B5", "p3": "color(display-p3 0.3951 0.3926 0.6903)"}, {"L": 0.6363030203959464, "a": -0.0489920838393641, "b": -0.2009971281813936, "C": 0.20688177739010954, "h": 256.301542957547, "hex": "#1B87FF", "p3": "color(display-p3 0.2531 0.5221 0.9876)"}, {"L": 0.6812760797318256, "a": 0.03668478423786676, "b": 0.081483601065098, "C": 0.08936078914778493, "h": 65.7622190323419, "hex": "#BF8D5B", "p3": "color(display-p3 0.7182 0.5623 0.3878)"}, {"L": 0.77907252207819, "a": -0.04232227898182516, "b": -0.07477811813553771, "C": 0.08592404931163261, "h": 240.4913784138579, "hex": "#84BFE9", "p3": "color(display-p3 0.5672 0.7418 0.8981)"}, {"L": 0.8128608201235127, "a": -0.023226088686886748, "b": 0.19893138785637754, "C": 0.200282670918269, "h": 96.6593768162344, "hex": "#E8BF00", "p3": "color(display-p3 0.8825 0.7546 0.0000)"}, {"L": 0.8553430988836674, "a": -0.047425817668546935, "b": 0.12193406095291782, "C": 0.1308324248877171, "h": 111.25336920026373, "hex": "#D3D86D", "p3": "color(display-p3 0.8297 0.8451 0.4839)"}], "deutan-severe": [{"L": 0.5428983282474972, "a": -0.016970053016285045, "b": -0.11815495239048757, "C": 0.11936739703023563, "h": 261.8267644183991, "hex": "#486EB4", "p3": "color(display-p3 0.3137 0.4262 0.6875)"}, {"L": 0.6268220533300954, "a": -0.055910765246379585, "b": -0.20473991145043746, "C": 0.2122367663982109, "h": 254.72597071126012, "hex": "#0085FF", "p3": "color(display-p3 0.2088 0.5126 0.9835)"}, {"L": 0.6908721158734451, "a": -0.011716582287984214, "b": 0.08633843875381464, "C": 0.0871298129629423, "h": 97.72813052157386, "hex": "#AA9C5B", "p3": "color(display-p3 0.6577 0.6147 0.3906)"}, {"L": 0.7710556543098784, "a": -0.002751384799272172, "b": -0.08062727875931086, "C": 0.08067421024370357, "h": 268.0455549235964, "hex": "#9EB3E9", "p3": "color(display-p3 0.6368 0.7004 0.8964)"}, {"L": 0.8200939013182938, "a": -0.03984336962976744, "b": 0.19731574470093743, "C": 0.2012982792036231, "h": 101.41605361088456, "hex": "#E1C600", "p3": "color(display-p3 0.8632 0.7789 0.0000)"}, {"L": 0.8540562261004635, "a": -0.01701635835032184, "b": 0.11819641320425789, "C": 0.1194150264659278, "h": 98.19239925991336, "hex": "#E3D070", "p3": "color(display-p3 0.8791 0.8186 0.4905)"}], "protan-mild": [{"L": 0.5206328345871919, "a": 0.022847924648501015, "b": -0.14194505287964457, "C": 0.14377213115812354, "h": 279.14407650507707, "hex": "#5A5CB9", "p3": "color(display-p3 0.3535 0.3603 0.7034)"}, {"L": 0.6698775217636718, "a": -0.04050757156144409, "b": -0.18836248016738044, "C": 0.19266885396610503, "h": 257.8633176227206, "hex": "#3F92FF", "p3": "color(display-p3 0.3345 0.5656 1.0000)"}, {"L": 0.6146928100906353, "a": 0.05798111511043733, "b": 0.05463829992723779, "C": 0.07966902489919515, "h": 43.299822613069196, "hex": "#AD755D", "p3": "color(display-p3 0.6477 0.4676 0.3818)"}, {"L": 0.8261728211256147, "a": -0.03899082205138876, "b": -0.05102489013342593, "C": 0.0642170041139514, "h": 232.61463812848717, "hex": "#9DCEE9", "p3": "color(display-p3 0.6541 0.8026 0.9035)"}, {"L": 0.7741449552188259, "a": -0.02291265378377919, "b": 0.20776374001982742, "C": 0.20902335125636506, "h": 96.29327668466219, "hex": "#DDB100", "p3": "color(display-p3 0.8405 0.7024 0.0000)"}, {"L": 0.8736963299299435, "a": -0.051769176879648486, "b": 0.13943191061140192, "C": 0.14873232793021934, "h": 110.3692783215006, "hex": "#DBDE5F", "p3": "color(display-p3 0.8606 0.8698 0.4486)"}], "protan-severe": [{"L": 0.5040127914562941, "a": -0.040740306819711525, "b": -0.15204143652347618, "C": 0.1574051175149222, "h": 254.9996741777663, "hex": "#0F63BB", "p3": "color(display-p3 0.1760 0.3814 0.7099)"}, {"L": 0.6821666930797885, "a": -0.04187209365303186, "b": -0.18406764536574183, "C": 0.18877015202986083, "h": 257.18432773397194, "hex": "#4297FF", "p3": "color(display-p3 0.3491 0.5843 1.0000)"}, {"L": 0.5742681271581447, "a": -0.0032679047138789415, "b": 0.038618359271597846, "C": 0.03875637849501937, "h": 94.83687422094806, "hex": "#80795F", "p3": "color(display-p3 0.4960 0.4744 0.3831)"}, {"L": 0.8483279369676712, "a": -0.00016062544559945118, "b": -0.0413470044219767, "C": 0.04134731642083601, "h": 269.77741764011773, "hex": "#C2CDE9", "p3": "color(display-p3 0.7695 0.8012 0.9045)"}, {"L": 0.7545993448719112, "a": -0.045346094986738104, "b": 0.21258061205631074, "C": 0.21736325575584747, "h": 102.04143167727223, "hex": "#CDB000", "p3": "color(display-p3 0.7839 0.6957 0.0000)"}, {"L": 0.8846785639513834, "a": -0.022091073829116497, "b": 0.14779652341419758, "C": 0.14943837484477315, "h": 98.50103725614595, "hex": "#F3DA58", "p3": "color(display-p3 0.9349 0.8577 0.4287)"}], "tritan-severe": [{"L": 0.5476829553176831, "a": 0.11556402697820244, "b": -0.011039210265064839, "C": 0.1160900878399832, "h": 354.5433990684919, "hex": "#A45175", "p3": "color(display-p3 0.6010 0.3364 0.4538)"}, {"L": 0.6371987326105093, "a": -0.1624400271144571, "b": -0.07018147751395623, "C": 0.17695254221114626, "h": 203.36653984156183, "hex": "#00A7BB", "p3": "color(display-p3 0.0000 0.6414 0.7206)"}, {"L": 0.6823123532105951, "a": 0.24352086534004816, "b": 0.07932588874759654, "C": 0.25611522500929523, "h": 18.04279982963525, "hex": "#FF2A59", "p3": "color(display-p3 0.9891 0.2747 0.3703)"}, {"L": 0.7701811816226385, "a": -0.28055609669697984, "b": -0.05186428904705663, "C": 0.28530970518403637, "h": 190.47359805032406, "hex": "#00E6DE", "p3": "color(display-p3 0.0000 0.8792 0.8614)"}, {"L": 0.812660467485392, "a": 0.1483002441045861, "b": 0.06570367562935688, "C": 0.16220337663774934, "h": 23.89549594649394, "hex": "#FF948E", "p3": "color(display-p3 1.0000 0.6074 0.5734)"}, {"L": 0.8501451007425357, "a": -0.11043553324758865, "b": 0.002049071565200182, "C": 0.11045454131885464, "h": 178.93702978360014, "hex": "#73E6CF", "p3": "color(display-p3 0.5659 0.8900 0.8142)"}]}, "summary": {"conservative_de_min": 12.082760116304081, "worst_cvd_bin": "deutan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.20064884503009792, "chroma_std": 0.0022615406530388463}}, {"rotation": 180, "palette": [{"L": 0.55, "a": -0.0002731303444314956, "b": -0.2017934924526294, "C": 0.2017936772954357, "h": 269.92244939989774, "hex": "#4761E5", "p3": "color(display-p3 0.2982 0.3767 0.8667)"}, {"L": 0.5742633510924559, "a": 0.17346405933232514, "b": 0.09937065425684627, "C": 0.1999107471035064, "h": 29.80667799017469, "hex": "#D53425", "p3": "color(display-p3 0.7693 0.2598 0.1909)"}, {"L": 0.6907793777557258, "a": 0.17152881288926375, "b": -0.09824102938247777, "C": 0.1976700116490332, "h": 330.19860352463525, "hex": "#DD66D4", "p3": "color(display-p3 0.8068 0.4250 0.8111)"}, {"L": 0.7999999999999999, "a": -0.16781378059864469, "b": -0.09601042088755246, "C": 0.19333769905999973, "h": 209.7749426956072, "hex": "#00DCFF", "p3": "color(display-p3 0.0000 0.8475 0.9897)"}, {"L": 0.825, "a": -0.17275067520963017, "b": 0.10191306901997828, "C": 0.20057185600790053, "h": 149.46181348580134, "hex": "#4AE87A", "p3": "color(display-p3 0.4842 0.8983 0.5235)"}, {"L": 0.85, "a": 0.00016432144213433635, "b": 0.1975319694999129, "C": 0.19753203784715748, "h": 89.95233721928714, "hex": "#FFC500", "p3": "color(display-p3 0.9672 0.7815 0.0713)"}], "cvd": {"normal": [{"L": 0.5499999961285121, "a": -0.0002731280194059146, "b": -0.20179347391400465, "C": 0.201793658753681, "h": 269.92245005292295, "hex": "#4761E5", "p3": "color(display-p3 0.2982 0.3767 0.8667)"}, {"L": 0.574263346451175, "a": 0.1734640551046137, "b": 0.09937067541937927, "C": 0.19991075395445862, "h": 29.80668385540472, "hex": "#D53425", "p3": "color(display-p3 0.7693 0.2598 0.1909)"}, {"L": 0.6907793720882494, "a": 0.17152881086672425, "b": -0.09824100577449923, "C": 0.19766999816091885, "h": 330.1986091712305, "hex": "#DD66D4", "p3": "color(display-p3 0.8068 0.4250 0.8111)"}, {"L": 0.7999999956394722, "a": -0.16781377636065423, "b": -0.09601039084575928, "C": 0.19333768046291216, "h": 209.77493559172405, "hex": "#00DCFF", "p3": "color(display-p3 0.0000 0.8475 0.9897)"}, {"L": 0.8249999957853298, "a": -0.17275067307850378, "b": 0.10191310195620919, "C": 0.20057187090769427, "h": 149.46180507290387, "hex": "#4AE87A", "p3": "color(display-p3 0.4842 0.8983 0.5235)"}, {"L": 0.8499999947305026, "a": 0.0001643193492275492, "b": 0.19753200309927826, "C": 0.19753207144477022, "h": 89.95233783445876, "hex": "#FFC500", "p3": "color(display-p3 0.9672 0.7815 0.0713)"}], "deutan-mild": [{"L": 0.5333822057398775, "a": -0.05724078911026093, "b": -0.20620780280811452, "C": 0.21400506040025222, "h": 254.48598985436843, "hex": "#0066E3", "p3": "color(display-p3 0.0448 0.3939 0.8604)"}, {"L": 0.5811903717638384, "a": 0.026601168887492442, "b": 0.10889785403366947, "C": 0.1120997983910733, "h": 76.27282081352972, "hex": "#A0701C", "p3": "color(display-p3 0.5996 0.4481 0.1835)"}, {"L": 0.6863181851480857, "a": 0.03811960188176602, "b": -0.09047595365128179, "C": 0.09817842042288738, "h": 292.84681201073164, "hex": "#9C8FD2", "p3": "color(display-p3 0.6035 0.5614 0.8042)"}, {"L": 0.7963964928368709, "a": -0.04230137950726966, "b": -0.10429614177968985, "C": 0.11254817589968848, "h": 247.9230611495435, "hex": "#80C3FF", "p3": "color(display-p3 0.5607 0.7573 0.9888)"}, {"L": 0.8297970169684892, "a": -0.0465855040159946, "b": 0.09415481965350804, "C": 0.10504922297860594, "h": 116.32508059550905, "hex": "#C3D080", "p3": "color(display-p3 0.7744 0.8149 0.5376)"}, {"L": 0.8569667676943546, "a": -0.0291919577035296, "b": 0.19557982351717923, "C": 0.19774639759443313, "h": 98.48921304601609, "hex": "#F2CF00", "p3": "color(display-p3 0.9270 0.8177 0.1312)"}], "deutan-severe": [{"L": 0.5238252237522685, "a": -0.07906296766218357, "b": -0.20928355985082328, "C": 0.22371982764025322, "h": 249.3044799086595, "hex": "#0067E2", "p3": "color(display-p3 0.0000 0.3936 0.8565)"}, {"L": 0.5911126184418628, "a": -0.01950470723701143, "b": 0.11206555337884727, "C": 0.11375026091622292, "h": 99.8732733992385, "hex": "#8E7E1B", "p3": "color(display-p3 0.5458 0.4978 0.1897)"}, {"L": 0.6887609508203285, "a": -0.00444358935300532, "b": -0.08569319092744819, "C": 0.08580832394159807, "h": 267.0316067914075, "hex": "#839AD1", "p3": "color(display-p3 0.5310 0.5997 0.8018)"}, {"L": 0.7877842152793849, "a": -0.007263399562157139, "b": -0.11010157043141289, "C": 0.11034089352847799, "h": 266.22566697537286, "hex": "#99B8FF", "p3": "color(display-p3 0.6237 0.7182 0.9863)"}, {"L": 0.8272172649096794, "a": -0.01131013484357812, "b": 0.09005752697125435, "C": 0.09076495642238873, "h": 97.15817938498031, "hex": "#D7C782", "p3": "color(display-p3 0.8313 0.7831 0.5421)"}, {"L": 0.8628914075290097, "a": -0.03747475274335959, "b": 0.19378281663281455, "C": 0.19737309116321547, "h": 100.9450568856201, "hex": "#EFD300", "p3": "color(display-p3 0.9192 0.8331 0.1651)"}], "protan-mild": [{"L": 0.5610718949398663, "a": -0.0478899894209434, "b": -0.19696114731755565, "C": 0.20269964143872068, "h": 256.33404282846027, "hex": "#006FE8", "p3": "color(display-p3 0.1673 0.4290 0.8773)"}, {"L": 0.5125394425312187, "a": 0.04878374003311882, "b": 0.09034598549982548, "C": 0.10267546146744895, "h": 61.63247198244666, "hex": "#90571E", "p3": "color(display-p3 0.5343 0.3532 0.1663)"}, {"L": 0.6555037039015308, "a": 0.04041524458124649, "b": -0.11446364891077584, "C": 0.12138912190361759, "h": 289.44729413779544, "hex": "#8F83D6", "p3": "color(display-p3 0.5544 0.5160 0.8167)"}, {"L": 0.84393096667612, "a": -0.037736301662538795, "b": -0.08110876834832458, "C": 0.08945759199837824, "h": 245.04953640417122, "hex": "#9AD3FF", "p3": "color(display-p3 0.6512 0.8194 0.9976)"}, {"L": 0.8551308985307918, "a": -0.05036250567215122, "b": 0.11292248238368052, "C": 0.1236441224048685, "h": 114.03648146116494, "hex": "#CED976", "p3": "color(display-p3 0.8160 0.8483 0.5125)"}, {"L": 0.828248484758615, "a": -0.03038967283431486, "b": 0.20492677910312568, "C": 0.2071678474294647, "h": 98.43521748932018, "hex": "#EAC500", "p3": "color(display-p3 0.8956 0.7792 0.0000)"}], "protan-severe": [{"L": 0.5695915348345886, "a": -0.06250459727365303, "b": -0.19421360940857996, "C": 0.20402389752146685, "h": 252.16004489031965, "hex": "#0075E9", "p3": "color(display-p3 0.1029 0.4513 0.8848)"}, {"L": 0.4695917417610374, "a": -0.011607027508029756, "b": 0.07797445998765347, "C": 0.07883361908436229, "h": 98.46669490688411, "hex": "#665B21", "p3": "color(display-p3 0.3933 0.3585 0.1656)"}, {"L": 0.6351877494576903, "a": -0.018503933155208506, "b": -0.1265220601299072, "C": 0.12786800710783083, "h": 261.67944403387423, "hex": "#5E89D8", "p3": "color(display-p3 0.4065 0.5339 0.8233)"}, {"L": 0.8658036521262976, "a": -0.0023837140572295383, "b": -0.07181839496762787, "C": 0.07185794283468482, "h": 268.09900185398055, "hex": "#BFD2FF", "p3": "color(display-p3 0.7617 0.8211 1.0000)"}, {"L": 0.869250695777781, "a": -0.016156768292527057, "b": 0.12167288070457448, "C": 0.12274091029729257, "h": 97.5639739528593, "hex": "#EAD571", "p3": "color(display-p3 0.9031 0.8369 0.4981)"}, {"L": 0.814689726303673, "a": -0.042108496109563874, "b": 0.20980440893094449, "C": 0.21398835354166387, "h": 101.34868895694842, "hex": "#E1C300", "p3": "color(display-p3 0.8630 0.7706 0.0000)"}], "tritan-severe": [{"L": 0.5368404750794578, "a": -0.12273830801319244, "b": -0.06887243328347373, "C": 0.14074126729686584, "h": 209.29819194042042, "hex": "#008299", "p3": "color(display-p3 0.0000 0.4976 0.5899)"}, {"L": 0.5812484076556106, "a": 0.235606402476062, "b": 0.08876282501488092, "C": 0.25177215094671307, "h": 20.64349858117904, "hex": "#EB0032", "p3": "color(display-p3 0.8428 0.1014 0.2269)"}, {"L": 0.6907440134434433, "a": 0.1472133975113561, "b": 0.006097348977421758, "C": 0.14733961473883733, "h": 2.3717460780343265, "hex": "#E47094", "p3": "color(display-p3 0.8362 0.4658 0.5782)"}, {"L": 0.7885456427934471, "a": -0.2768901229116678, "b": -0.05786532570757026, "C": 0.28287194290929896, "h": 191.80395850935474, "hex": "#00EBE8", "p3": "color(display-p3 0.0000 0.9010 0.8988)"}, {"L": 0.8235430058897596, "a": -0.14962219039965502, "b": -0.007655653708697646, "C": 0.14981791913418807, "h": 182.92907395470652, "hex": "#00E4CE", "p3": "color(display-p3 0.3940 0.8808 0.8089)"}, {"L": 0.8563526022561293, "a": 0.11030834001507557, "b": 0.05523540486652046, "C": 0.12336482410983267, "h": 26.598796900135337, "hex": "#FFB0A4", "p3": "color(display-p3 1.0000 0.7075 0.6594)"}]}, "summary": {"conservative_de_min": 9.25539533332649, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.19846933816050552, "chroma_std": 0.0027507770517555697}}, {"rotation": 190, "palette": [{"L": 0.55, "a": -0.13985987238208386, "b": -0.1490427784501035, "C": 0.2043881936679793, "h": 226.82056023843197, "hex": "#0082CC", "p3": "color(display-p3 0.0000 0.4961 0.7744)"}, {"L": 0.6142589639889073, "a": 0.2067882743293759, "b": -0.02044414573145564, "C": 0.20779642320023275, "h": 354.3537946048323, "hex": "#DC3B8C", "p3": "color(display-p3 0.7944 0.2855 0.5415)"}, {"L": 0.6802078779887424, "a": 0.12659944741536647, "b": 0.16426487528428524, "C": 0.2073894147203225, "h": 52.37844756771338, "hex": "#F66700", "p3": "color(display-p3 0.8957 0.4387 0.0000)"}, {"L": 0.7052078779887424, "a": 0.08290360373836567, "b": -0.17894970366150575, "C": 0.19722069859258862, "h": 294.85728934261465, "hex": "#AB81FF", "p3": "color(display-p3 0.6448 0.5110 1.0000)"}, {"L": 0.8079830098247506, "a": -0.07416788478997438, "b": 0.1912343067517759, "C": 0.2051132253489551, "h": 111.19817322089813, "hex": "#C7CA00", "p3": "color(display-p3 0.7833 0.7931 0.0337)"}, {"L": 0.8385395693315536, "a": -0.20306772617998659, "b": 0.042303802562119026, "C": 0.2074273683175023, "h": 168.2322447926846, "hex": "#00F3B0", "p3": "color(display-p3 0.2648 0.9365 0.7082)"}], "cvd": {"normal": [{"L": 0.5499999970310893, "a": -0.13985986806544848, "b": -0.14904275843736134, "C": 0.20438817612059243, "h": 226.82055728190053, "hex": "#0082CC", "p3": "color(display-p3 0.0000 0.4961 0.7744)"}, {"L": 0.6142589587197589, "a": 0.20678827079355155, "b": -0.020444124465968716, "C": 0.20779641758934927, "h": 354.3538003440055, "hex": "#DC3B8C", "p3": "color(display-p3 0.7944 0.2855 0.5415)"}, {"L": 0.680207873027241, "a": 0.1265994433522757, "b": 0.16426490134983177, "C": 0.20738943288551617, "h": 52.37845285271614, "hex": "#F66700", "p3": "color(display-p3 0.8957 0.4387 0.0000)"}, {"L": 0.7052078726412587, "a": 0.08290360425983301, "b": -0.17894967968800893, "C": 0.19722067705925764, "h": 294.85729240774697, "hex": "#AB81FF", "p3": "color(display-p3 0.6448 0.5110 1.0000)"}, {"L": 0.8079830052624988, "a": -0.07416788545079718, "b": 0.1912343392406092, "C": 0.20511325587839266, "h": 111.19817011140316, "hex": "#C7CA00", "p3": "color(display-p3 0.7833 0.7931 0.0337)"}, {"L": 0.8385395651238332, "a": -0.20306772283128072, "b": 0.04230383563128229, "C": 0.20742737178347606, "h": 168.23223566162798, "hex": "#00F3B0", "p3": "color(display-p3 0.2648 0.9365 0.7082)"}], "deutan-mild": [{"L": 0.5415743758415775, "a": -0.060869892223418424, "b": -0.1571414556688337, "C": 0.16851878491435487, "h": 248.82575882515408, "hex": "#0071CB", "p3": "color(display-p3 0.1331 0.4367 0.7710)"}, {"L": 0.6159842679637563, "a": 0.05046776415956694, "b": -0.00878014437903605, "C": 0.05122583483538739, "h": 350.13073081179397, "hex": "#9E7989", "p3": "color(display-p3 0.5955 0.4789 0.5351)"}, {"L": 0.6879504815560963, "a": 0.0030019777994225, "b": 0.16919087959610757, "C": 0.16921750975951866, "h": 88.98349951119495, "hex": "#C59200", "p3": "color(display-p3 0.7410 0.5821 0.0000)"}, {"L": 0.6929862583025407, "a": -0.005064902051229834, "b": -0.1782025956387061, "C": 0.17827455882755888, "h": 268.37196868180456, "hex": "#6E93FF", "p3": "color(display-p3 0.4618 0.5733 1.0000)"}, {"L": 0.8143631112275822, "a": -0.04421064372468954, "b": 0.18576187373475073, "C": 0.19095039866938457, "h": 103.38713450275267, "hex": "#D9C600", "p3": "color(display-p3 0.8388 0.7780 0.1255)"}, {"L": 0.8419291341523847, "a": -0.04570186550971106, "b": 0.03364652655817369, "C": 0.056751645443084774, "h": 143.6388384664253, "hex": "#B6D5B4", "p3": "color(display-p3 0.7369 0.8329 0.7166)"}], "deutan-severe": [{"L": 0.5314618328681879, "a": -0.04044766970468407, "b": -0.1632276137510053, "C": 0.16816440727867057, "h": 256.08249775144037, "hex": "#176ACA", "p3": "color(display-p3 0.1975 0.4081 0.7680)"}, {"L": 0.6230962184693997, "a": 0.0001134761221397451, "b": -0.002373026465508521, "C": 0.0023757380824282245, "h": 272.73775029631724, "hex": "#868788", "p3": "color(display-p3 0.5274 0.5289 0.5345)"}, {"L": 0.6978036291073274, "a": -0.03439773008361795, "b": 0.16939647607067493, "C": 0.17285360840916275, "h": 101.47844117973287, "hex": "#B59F00", "p3": "color(display-p3 0.6958 0.6265 0.0000)"}, {"L": 0.6883189736943327, "a": -0.03350415440522654, "b": -0.17768888753823453, "C": 0.18081999092186854, "h": 259.3219536089557, "hex": "#5198FF", "p3": "color(display-p3 0.3862 0.5891 1.0000)"}, {"L": 0.8174013698390945, "a": -0.03525492153505267, "b": 0.18278902313676876, "C": 0.18615782678076392, "h": 100.91671435637153, "hex": "#DEC500", "p3": "color(display-p3 0.8552 0.7750 0.1572)"}, {"L": 0.8367662436702591, "a": -0.002150175663083567, "b": 0.028528806154458297, "C": 0.028609719257286927, "h": 94.31015281239446, "hex": "#CFCAB5", "p3": "color(display-p3 0.8089 0.7914 0.7182)"}], "protan-mild": [{"L": 0.5883116410620429, "a": -0.04521814548528422, "b": -0.13483294502445758, "C": 0.14221323336840608, "h": 251.4603899309874, "hex": "#307FCE", "p3": "color(display-p3 0.2776 0.4929 0.7834)"}, {"L": 0.5597175549625855, "a": 0.06661015246767414, "b": -0.04267204101287676, "C": 0.07910635559783696, "h": 327.355413480151, "hex": "#8D648C", "p3": "color(display-p3 0.5302 0.3977 0.5412)"}, {"L": 0.6255208602948021, "a": 0.013563652538855928, "b": 0.16886630385634038, "C": 0.16941015686285368, "h": 85.40775630092513, "hex": "#B57C00", "p3": "color(display-p3 0.6782 0.4966 0.0000)"}, {"L": 0.6982671773459805, "a": -0.007235559203881302, "b": -0.1829509463844824, "C": 0.18309397068164376, "h": 267.73517946184563, "hex": "#6D95FF", "p3": "color(display-p3 0.4591 0.5792 1.0000)"}, {"L": 0.8058821280175327, "a": -0.04899759771016179, "b": 0.20051618350934527, "C": 0.206415853147282, "h": 103.73155794150786, "hex": "#D8C300", "p3": "color(display-p3 0.8324 0.7676 0.0000)"}, {"L": 0.8803305391897794, "a": -0.04762791745450967, "b": 0.05600896350989504, "C": 0.0735215785637546, "h": 130.3765894723071, "hex": "#C7E2AF", "p3": "color(display-p3 0.8017 0.8832 0.7059)"}], "protan-severe": [{"L": 0.6077921478598959, "a": -0.019784267580339087, "b": -0.1266496214777078, "C": 0.12818558368294433, "h": 261.12143224798234, "hex": "#5581CF", "p3": "color(display-p3 0.3725 0.5018 0.7883)"}, {"L": 0.5240041570459367, "a": -0.003945248323468695, "b": -0.06142400352826005, "C": 0.061550574276553555, "h": 266.324954672314, "hex": "#5A698E", "p3": "color(display-p3 0.3631 0.4114 0.5460)"}, {"L": 0.5895199007448029, "a": -0.03640460595404768, "b": 0.16879754793313778, "C": 0.1726786249739945, "h": 102.17057977707967, "hex": "#937E00", "p3": "color(display-p3 0.5618 0.4964 0.0000)"}, {"L": 0.6965520054068499, "a": -0.041586689967003015, "b": -0.18584331711927815, "C": 0.19043946886165225, "h": 257.38655626646914, "hex": "#479BFF", "p3": "color(display-p3 0.3653 0.6014 1.0000)"}, {"L": 0.8035103675460437, "a": -0.04190905377758419, "b": 0.20804524198855373, "C": 0.2122243895093312, "h": 101.38935429708067, "hex": "#DDC000", "p3": "color(display-p3 0.8476 0.7565 0.0000)"}, {"L": 0.9000614483399189, "a": -0.005847597559672561, "b": 0.06588368288810742, "C": 0.0661426796260976, "h": 95.0720754047741, "hex": "#EBDEAD", "p3": "color(display-p3 0.9144 0.8737 0.6988)"}], "tritan-severe": [{"L": 0.5338080178652813, "a": -0.29312847147135795, "b": -0.06843533942768212, "C": 0.3010111234983132, "h": 193.14119521436288, "hex": "#00969D", "p3": "color(display-p3 0.0000 0.5709 0.6037)"}, {"L": 0.6183362280808224, "a": 0.21929075212772814, "b": 0.049511614194344085, "C": 0.22481066235584618, "h": 12.72295047686644, "hex": "#ED2B5F", "p3": "color(display-p3 0.8539 0.2506 0.3805)"}, {"L": 0.688042547383805, "a": 0.22384959379954011, "b": 0.08855977532019203, "C": 0.24073112480313386, "h": 21.58483062504006, "hex": "#FF3E53", "p3": "color(display-p3 0.9793 0.3231 0.3525)"}, {"L": 0.6979758695913548, "a": 0.001200942327604001, "b": -0.04446213063847415, "C": 0.044478346680007934, "h": 271.5472088184737, "hex": "#949DBA", "p3": "color(display-p3 0.5853 0.6136 0.7205)"}, {"L": 0.8122713793386287, "a": 0.02341748857990533, "b": 0.033858856184660224, "C": 0.04116795979306602, "h": 55.33146041004965, "hex": "#D7BBA9", "p3": "color(display-p3 0.8268 0.7386 0.6713)"}, {"L": 0.8334263813462092, "a": -0.22791367119044054, "b": -0.02705672967976862, "C": 0.2295140695828217, "h": 186.77017213002105, "hex": "#00F4E1", "p3": "color(display-p3 0.0000 0.9392 0.8778)"}]}, "summary": {"conservative_de_min": 10.5271545050436, "worst_cvd_bin": "deutan/1.0", "L_range": [0.55, 0.8385395693315536], "chroma_mean": 0.20488922064126344, "chroma_std": 0.0036572400186997735}}, {"rotation": 200, "palette": [{"L": 0.55, "a": -0.11911742899785914, "b": -0.14474518746667803, "C": 0.18745701156751587, "h": 230.54747462602967, "hex": "#007FC9", "p3": "color(display-p3 0.0000 0.4869 0.7632)"}, {"L": 0.5749010831364227, "a": 0.18908437899682928, "b": -0.03095389180205664, "C": 0.19160126773669847, "h": 350.7029105486122, "hex": "#C63987", "p3": "color(display-p3 0.7152 0.2664 0.5203)"}, {"L": 0.6773746783710216, "a": 0.12153441822028913, "b": 0.14659281908546765, "C": 0.19042076940178765, "h": 50.33919031709693, "hex": "#EF6B00", "p3": "color(display-p3 0.8740 0.4493 0.1149)"}, {"L": 0.7023746783710216, "a": 0.06657885539784834, "b": -0.17275733106445848, "C": 0.18514275417256412, "h": 291.0761371373303, "hex": "#A285FF", "p3": "color(display-p3 0.6173 0.5264 1.0000)"}, {"L": 0.825, "a": -0.0655759640320848, "b": 0.17888952011126263, "C": 0.19052996474144196, "h": 110.13154322469491, "hex": "#CECF00", "p3": "color(display-p3 0.8090 0.8108 0.2065)"}, {"L": 0.85, "a": -0.1887060322461071, "b": 0.03409272914516223, "C": 0.1917609991281705, "h": 169.7590793909095, "hex": "#00F4BA", "p3": "color(display-p3 0.3428 0.9426 0.7421)"}], "cvd": {"normal": [{"L": 0.5499999969140074, "a": -0.11911742511731294, "b": -0.14474516755460112, "C": 0.18745699372652974, "h": 230.54747167453326, "hex": "#007FC9", "p3": "color(display-p3 0.0000 0.4869 0.7632)"}, {"L": 0.5749010782148656, "a": 0.18908437589907562, "b": -0.0309538719826367, "C": 0.19160126147773762, "h": 350.70291624783516, "hex": "#C63987", "p3": "color(display-p3 0.7152 0.2664 0.5203)"}, {"L": 0.6773746734333898, "a": 0.12153441444030855, "b": 0.14659284491059021, "C": 0.19042078687036518, "h": 50.33919615215196, "hex": "#EF6B00", "p3": "color(display-p3 0.8740 0.4493 0.1149)"}, {"L": 0.7023746731478433, "a": 0.06657885615182696, "b": -0.17275730702373462, "C": 0.18514273201122042, "h": 291.0761400304806, "hex": "#A285FF", "p3": "color(display-p3 0.6173 0.5264 1.0000)"}, {"L": 0.8249999952581696, "a": -0.06557596471565627, "b": 0.17888955305470497, "C": 0.19052999590747147, "h": 110.13154000804944, "hex": "#CECF00", "p3": "color(display-p3 0.8090 0.8108 0.2065)"}, {"L": 0.8499999956207499, "a": -0.18870602907075373, "b": 0.03409276246245318, "C": 0.1917610019268084, "h": 169.7590694260352, "hex": "#00F4BA", "p3": "color(display-p3 0.3428 0.9426 0.7421)"}], "deutan-mild": [{"L": 0.5415182237704613, "a": -0.05387175930413474, "b": -0.15205489311972156, "C": 0.16131601585760968, "h": 250.49119543473222, "hex": "#0071C8", "p3": "color(display-p3 0.1725 0.4347 0.7597)"}, {"L": 0.5756656740280247, "a": 0.046409569996899935, "b": -0.02052482761533486, "C": 0.05074560804578429, "h": 336.1423878750578, "hex": "#8D6E85", "p3": "color(display-p3 0.5334 0.4357 0.5144)"}, {"L": 0.6844313542395556, "a": 0.005932483655299097, "b": 0.1519056752160019, "C": 0.1520214738948082, "h": 87.76352249323874, "hex": "#C19200", "p3": "color(display-p3 0.7280 0.5797 0.1158)"}, {"L": 0.6906617661175172, "a": -0.0074522879858605, "b": -0.17265971456021922, "C": 0.17282046646228155, "h": 267.52855031384644, "hex": "#6D94FF", "p3": "color(display-p3 0.4580 0.5748 0.9953)"}, {"L": 0.8311489812684569, "a": -0.03930586741963531, "b": 0.1743016715822386, "C": 0.17867854916013984, "h": 102.70791095355955, "hex": "#DECB00", "p3": "color(display-p3 0.8587 0.7980 0.2398)"}, {"L": 0.8528499348205762, "a": -0.04224699130606074, "b": 0.02597374879876036, "C": 0.04959278073546065, "h": 148.4165056449696, "hex": "#B9D8BD", "p3": "color(display-p3 0.7505 0.8442 0.7494)"}], "deutan-severe": [{"L": 0.5321389932363461, "a": -0.03681724646065299, "b": -0.15749180828313014, "C": 0.16173799588604615, "h": 256.84211934993715, "hex": "#216AC7", "p3": "color(display-p3 0.2159 0.4095 0.7567)"}, {"L": 0.5816736176243614, "a": 0.00046050195341584236, "b": -0.014661670287496265, "C": 0.014668900356480392, "h": 271.79898652852876, "hex": "#777A84", "p3": "color(display-p3 0.4707 0.4799 0.5136)"}, {"L": 0.693568458510406, "a": -0.029213970566951273, "b": 0.15285480316390457, "C": 0.15562148606976708, "h": 100.82002014950426, "hex": "#B29E00", "p3": "color(display-p3 0.6856 0.6208 0.1343)"}, {"L": 0.6857613990056042, "a": -0.031268086739815695, "b": -0.172599404240383, "C": 0.17540880135416176, "h": 259.7316688989169, "hex": "#5497FF", "p3": "color(display-p3 0.3938 0.5866 0.9914)"}, {"L": 0.8341805552885709, "a": -0.03147024598012317, "b": 0.171780608482751, "C": 0.174639496771932, "h": 100.38147905001811, "hex": "#E3CA00", "p3": "color(display-p3 0.8738 0.7958 0.2570)"}, {"L": 0.84786819514108, "a": -0.0014545965988201368, "b": 0.021135349610324594, "C": 0.021185345274881574, "h": 93.93705493799176, "hex": "#D1CDBE", "p3": "color(display-p3 0.8181 0.8049 0.7507)"}], "protan-mild": [{"L": 0.584235155556486, "a": -0.04102495376432971, "b": -0.1320688696155344, "C": 0.1382940098228785, "h": 252.74347948920195, "hex": "#367ECB", "p3": "color(display-p3 0.2876 0.4863 0.7718)"}, {"L": 0.526703271101026, "a": 0.059169105574076376, "b": -0.05117896713926587, "C": 0.07823215280099514, "h": 319.14147364594794, "hex": "#7F5C88", "p3": "color(display-p3 0.4755 0.3662 0.5210)"}, {"L": 0.6268982866882027, "a": 0.01709041361537059, "b": 0.1468847598943464, "C": 0.14787567388439601, "h": 83.36333253749582, "hex": "#B27E00", "p3": "color(display-p3 0.6691 0.5013 0.0078)"}, {"L": 0.6989988622443948, "a": -0.008863461029314837, "b": -0.17527055904945887, "C": 0.1754945292905965, "h": 267.10500914241254, "hex": "#6D96FF", "p3": "color(display-p3 0.4623 0.5851 1.0000)"}, {"L": 0.8222580585711882, "a": -0.04305652407333384, "b": 0.1868144420131776, "C": 0.191712023644769, "h": 102.97874554086448, "hex": "#DDC800", "p3": "color(display-p3 0.8517 0.7869 0.1346)"}, {"L": 0.8894823613087182, "a": -0.04406827230451964, "b": 0.04714083813328607, "C": 0.06453116490358725, "h": 133.07060384939848, "hex": "#CAE4B9", "p3": "color(display-p3 0.8123 0.8925 0.7405)"}], "protan-severe": [{"L": 0.6020370415157675, "a": -0.019312403950120377, "b": -0.12470643453546333, "C": 0.12619296240631023, "h": 261.1969364026766, "hex": "#557FCC", "p3": "color(display-p3 0.3687 0.4953 0.7767)"}, {"L": 0.4956159078944638, "a": -0.005618454080459007, "b": -0.06782942263956804, "C": 0.06806171906344544, "h": 265.26487951457534, "hex": "#4F6189", "p3": "color(display-p3 0.3244 0.3793 0.5256)"}, {"L": 0.5941080583920172, "a": -0.027614627449737677, "b": 0.1436381285894774, "C": 0.14626851894332918, "h": 100.88241524917629, "hex": "#927F00", "p3": "color(display-p3 0.5611 0.5012 0.0000)"}, {"L": 0.6991951908223871, "a": -0.03677782765790146, "b": -0.17717108306838367, "C": 0.1809480623904506, "h": 258.2728818118736, "hex": "#519CFF", "p3": "color(display-p3 0.3904 0.6054 1.0000)"}, {"L": 0.8195871314763497, "a": -0.0364949636407444, "b": 0.1931628146162387, "C": 0.1965801498666807, "h": 100.69898928743444, "hex": "#E1C500", "p3": "color(display-p3 0.8646 0.7764 0.0296)"}, {"L": 0.9083038955930492, "a": -0.004579937061574674, "b": 0.056489715390651174, "C": 0.0566750718429607, "h": 94.63515092359746, "hex": "#ECE1B7", "p3": "color(display-p3 0.9195 0.8838 0.7344)"}], "tritan-severe": [{"L": 0.5356228825373639, "a": -0.25626373760097093, "b": -0.06447255650097677, "C": 0.2642495293297434, "h": 194.12177673908974, "hex": "#00939A", "p3": "color(display-p3 0.0000 0.5595 0.5936)"}, {"L": 0.5781683488231328, "a": 0.1955946552070278, "b": 0.039695374650633775, "C": 0.19958204306552796, "h": 11.472203845976257, "hex": "#D4305B", "p3": "color(display-p3 0.7661 0.2482 0.3629)"}, {"L": 0.6847473370300592, "a": 0.21022836184774274, "b": 0.08061682656957025, "C": 0.22515558365568825, "h": 20.980452574238, "hex": "#FF4959", "p3": "color(display-p3 0.9534 0.3489 0.3736)"}, {"L": 0.6950169127056914, "a": -0.015778904779893063, "b": -0.04513465845051235, "C": 0.047813295530608826, "h": 250.73056788546484, "hex": "#87A0BA", "p3": "color(display-p3 0.5489 0.6230 0.7203)"}, {"L": 0.8292286408728008, "a": 0.026007298964017656, "b": 0.03317119236062249, "C": 0.04215100950189941, "h": 51.902394167168076, "hex": "#DEC0AF", "p3": "color(display-p3 0.8523 0.7576 0.6937)"}, {"L": 0.8450944836987208, "a": -0.2143745732816655, "b": -0.026701461139761882, "C": 0.2160310757661832, "h": 187.09992012737243, "hex": "#00F6E4", "p3": "color(display-p3 0.0000 0.9470 0.8905)"}]}, "summary": {"conservative_de_min": 11.124743829805382, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.18948546112469644, "chroma_std": 0.0024011876048239257}}, {"rotation": 210, "palette": [{"L": 0.55, "a": -0.09269030084167276, "b": -0.1636831165258136, "C": 0.18810543454595585, "h": 240.47803623833397, "hex": "#0079D2", "p3": "color(display-p3 0.0000 0.4630 0.7992)"}, {"L": 0.5749580601759405, "a": 0.1915834370874888, "b": 0.004910364355931199, "C": 0.19164635411184783, "h": 1.4681935740506824, "hex": "#CC3571", "p3": "color(display-p3 0.7378 0.2598 0.4411)"}, {"L": 0.6793301529839966, "a": 0.09280021275931258, "b": 0.16559039022026714, "C": 0.18982111795444156, "h": 60.732845463490925, "hex": "#E87400", "p3": "color(display-p3 0.8520 0.4801 0.0000)"}, {"L": 0.726285160694324, "a": 0.09486178167053684, "b": -0.15910989114476998, "C": 0.18524231450132864, "h": 300.803520384943, "hex": "#BB86FF", "p3": "color(display-p3 0.7022 0.5349 1.0000)"}, {"L": 0.825, "a": -0.09714406638428073, "b": 0.16466691617508686, "C": 0.19118619959685015, "h": 120.53817495993852, "hex": "#B5D71D", "p3": "color(display-p3 0.7368 0.8382 0.2891)"}, {"L": 0.85, "a": -0.19052066342288343, "b": -0.0018958550844848413, "C": 0.1905300959365659, "h": 180.57012666139278, "hex": "#00F4D4", "p3": "color(display-p3 0.2434 0.9417 0.8331)"}], "cvd": {"normal": [{"L": 0.5499999967307567, "a": -0.09269029723479154, "b": -0.1636830969800324, "C": 0.1881054157605482, "h": 240.47803426068583, "hex": "#0079D2", "p3": "color(display-p3 0.0000 0.4630 0.7992)"}, {"L": 0.5749580552894652, "a": 0.19158343355135624, "b": 0.004910384507136378, "C": 0.19164635109319159, "h": 1.4681996236890698, "hex": "#CC3571", "p3": "color(display-p3 0.7378 0.2598 0.4411)"}, {"L": 0.6793301482316222, "a": 0.0928002093017642, "b": 0.16559041650199663, "C": 0.18982113919096566, "h": 60.73285025215646, "hex": "#E87400", "p3": "color(display-p3 0.8520 0.4801 0.0000)"}, {"L": 0.726285155166002, "a": 0.09486178174791793, "b": -0.15910986627513762, "C": 0.18524229317972124, "h": 300.80352434465436, "hex": "#BB86FF", "p3": "color(display-p3 0.7022 0.5349 1.0000)"}, {"L": 0.8249999954255636, "a": -0.09714406633226601, "b": 0.16466694919923341, "C": 0.1911862280138154, "h": 120.53816991779365, "hex": "#B5D71D", "p3": "color(display-p3 0.7368 0.8382 0.2891)"}, {"L": 0.8499999955806053, "a": -0.190520659814693, "b": -0.0018958221053809387, "C": 0.19053009200040086, "h": 180.5701167552787, "hex": "#00F4D4", "p3": "color(display-p3 0.2434 0.9417 0.8331)"}], "deutan-mild": [{"L": 0.5390681399123003, "a": -0.05731279404808912, "b": -0.17054306445045703, "C": 0.17991579473117814, "h": 251.42453482141354, "hex": "#006ED2", "p3": "color(display-p3 0.1271 0.4243 0.7948)"}, {"L": 0.5779196537221574, "a": 0.04528083392165658, "b": 0.01600572531809075, "C": 0.04802642151564924, "h": 19.467320985912828, "hex": "#946F6E", "p3": "color(display-p3 0.5588 0.4398 0.4353)"}, {"L": 0.6863852657397116, "a": -0.004900252472414806, "b": 0.16854978760478967, "C": 0.16862100514441583, "h": 91.66529264116414, "hex": "#C09400", "p3": "color(display-p3 0.7268 0.5874 0.0000)"}, {"L": 0.71607652777473, "a": 0.005761924738370135, "b": -0.15714860772388894, "C": 0.15725420403361992, "h": 272.09983501763156, "hex": "#829AFF", "p3": "color(display-p3 0.5283 0.6029 0.9940)"}, {"L": 0.8308347443595947, "a": -0.04275455139758554, "b": 0.1590506322574775, "C": 0.1646968587639489, "h": 105.0460575835005, "hex": "#D8CD2E", "p3": "color(display-p3 0.8393 0.8036 0.3150)"}, {"L": 0.8514813434008741, "a": -0.041052980577879705, "b": -0.010186611542186462, "C": 0.042297922750877195, "h": 193.93553671630195, "hex": "#AFD7D6", "p3": "color(display-p3 0.7184 0.8404 0.8379)"}], "deutan-severe": [{"L": 0.5293734294533529, "a": -0.049146491713084266, "b": -0.17560849873755086, "C": 0.18235603219131705, "h": 254.3649810933784, "hex": "#0069D1", "p3": "color(display-p3 0.1467 0.4042 0.7915)"}, {"L": 0.5854051286266638, "a": -0.0016924468994593022, "b": 0.02181052887052254, "C": 0.021876095312449766, "h": 94.43712911206218, "hex": "#807C6E", "p3": "color(display-p3 0.4988 0.4867 0.4354)"}, {"L": 0.6949075842383232, "a": -0.03409434943039827, "b": 0.1682070495879992, "C": 0.17162760906736924, "h": 101.45820459625469, "hex": "#B49E00", "p3": "color(display-p3 0.6917 0.6230 0.0000)"}, {"L": 0.7128939583426621, "a": -0.022551226461707524, "b": -0.15586091518108236, "C": 0.15748391249906057, "h": 261.76711366686527, "hex": "#6AA0FF", "p3": "color(display-p3 0.4621 0.6213 0.9904)"}, {"L": 0.8323968322872907, "a": -0.027013531668582995, "b": 0.15619445588547676, "C": 0.15851321377907168, "h": 99.81213317312445, "hex": "#E1C935", "p3": "color(display-p3 0.8660 0.7929 0.3272)"}, {"L": 0.845361137435596, "a": 0.0005666514528362322, "b": -0.015405565800761469, "C": 0.015415983637465134, "h": 272.10651833299187, "hex": "#C8CCD7", "p3": "color(display-p3 0.7885 0.7990 0.8379)"}], "protan-mild": [{"L": 0.5795189979776842, "a": -0.043619627204716044, "b": -0.15240628307557447, "C": 0.158525540523887, "h": 254.0285486003683, "hex": "#287AD5", "p3": "color(display-p3 0.2544 0.4737 0.8086)"}, {"L": 0.521390186014856, "a": 0.06330977446588056, "b": -0.015241735984175843, "C": 0.06511864601427139, "h": 346.46372106387935, "hex": "#855A71", "p3": "color(display-p3 0.4974 0.3601 0.4387)"}, {"L": 0.6348047332622742, "a": 0.0013873892878287627, "b": 0.1710310711110275, "C": 0.17103669820954018, "h": 89.53523177578943, "hex": "#B38200", "p3": "color(display-p3 0.6739 0.5182 0.0000)"}, {"L": 0.7154930453377637, "a": 0.003451520580898674, "b": -0.16494585830626507, "C": 0.16498196618634062, "h": 271.198749142509, "hex": "#7E9AFF", "p3": "color(display-p3 0.5168 0.6008 1.0000)"}, {"L": 0.8315340959087364, "a": -0.04701785987667866, "b": 0.1729546509459827, "C": 0.17923166693201764, "h": 105.20836666034002, "hex": "#DACD00", "p3": "color(display-p3 0.8448 0.8053 0.2492)"}, {"L": 0.8926425988867115, "a": -0.041512111349896186, "b": 0.012094844555257448, "C": 0.04323818513238062, "h": 163.75614780803556, "hex": "#C3E5D4", "p3": "color(display-p3 0.7895 0.8946 0.8349)"}], "protan-severe": [{"L": 0.595713913559473, "a": -0.028816576905354767, "b": -0.14588189828980347, "C": 0.1487007846421087, "h": 258.82601075819974, "hex": "#447DD6", "p3": "color(display-p3 0.3207 0.4860 0.8143)"}, {"L": 0.4857909270459188, "a": -0.0006656845492831099, "b": -0.03301854428055012, "C": 0.03302525400849785, "h": 268.84502028701877, "hex": "#575F73", "p3": "color(display-p3 0.3480 0.3709 0.4424)"}, {"L": 0.6062740813066252, "a": -0.03704732457468354, "b": 0.17250818822088576, "C": 0.17644143294984457, "h": 102.12056657363098, "hex": "#988300", "p3": "color(display-p3 0.5835 0.5160 0.0000)"}, {"L": 0.7112853122854477, "a": -0.031998940612587914, "b": -0.16910491438802341, "C": 0.17210579383190056, "h": 259.28487541455775, "hex": "#5CA0FF", "p3": "color(display-p3 0.4249 0.6208 1.0000)"}, {"L": 0.8338352704967293, "a": -0.031994876838234175, "b": 0.17988857604709663, "C": 0.18271171811393444, "h": 100.08513207063102, "hex": "#E5C900", "p3": "color(display-p3 0.8793 0.7940 0.2093)"}, {"L": 0.9131356484715168, "a": -0.0011535400382520784, "b": 0.021672741875266577, "C": 0.02170341897056277, "h": 93.04671505936638, "hex": "#E7E2D3", "p3": "color(display-p3 0.9028 0.8881 0.8317)"}], "tritan-severe": [{"L": 0.5354688300553224, "a": -0.2306827911646386, "b": -0.06743161072926566, "C": 0.24033637316280587, "h": 196.2943349471189, "hex": "#00909B", "p3": "color(display-p3 0.0000 0.5479 0.5969)"}, {"L": 0.5796084402902444, "a": 0.21339950227239662, "b": 0.05605399946035909, "C": 0.22063861499204654, "h": 14.717504360327343, "hex": "#DE1A4F", "p3": "color(display-p3 0.7976 0.2038 0.3213)"}, {"L": 0.6865453645971523, "a": 0.19049548571195812, "b": 0.07604024629132251, "C": 0.20511130912916486, "h": 21.760443993766227, "hex": "#FF565E", "p3": "color(display-p3 0.9290 0.3872 0.3910)"}, {"L": 0.7207898064137009, "a": 0.026609822863166648, "b": -0.03442058283642358, "C": 0.04350700168488061, "h": 307.7068492521028, "hex": "#AC9EBA", "p3": "color(display-p3 0.6658 0.6217 0.7230)"}, {"L": 0.827985078917811, "a": -0.018964824572488156, "b": 0.022376876319701092, "C": 0.029332391053107996, "h": 130.28190471859497, "hex": "#C0CBB7", "p3": "color(display-p3 0.7616 0.7941 0.7248)"}, {"L": 0.8432345382988287, "a": -0.24105156963129237, "b": -0.03606809315472178, "C": 0.24373503352109127, "h": 188.5099261735873, "hex": "#00FAEA", "p3": "color(display-p3 0.0000 0.9587 0.9138)"}]}, "summary": {"conservative_de_min": 12.082740905658646, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.18942191944116496, "chroma_std": 0.0021851940646946304}}, {"rotation": 220, "palette": [{"L": 0.55, "a": -0.06347045332311424, "b": -0.18724737899213614, "C": 0.1977121123868396, "h": 251.27509986814738, "hex": "#0070DF", "p3": "color(display-p3 0.0714 0.4318 0.8443)"}, {"L": 0.5756486880288643, "a": 0.19485719498377868, "b": 0.04048119510390782, "C": 0.1990177218088555, "h": 11.736143825865806, "hex": "#D32F5A", "p3": "color(display-p3 0.7623 0.2460 0.3582)"}, {"L": 0.6959628570628565, "a": 0.06680969889320656, "b": 0.1853048480294834, "C": 0.1969807670038648, "h": 70.17376875786748, "hex": "#E78000", "p3": "color(display-p3 0.8529 0.5231 0.0000)"}, {"L": 0.7491828863637892, "a": 0.12562846946613684, "b": -0.14786565713102104, "C": 0.19402774260190925, "h": 310.3516353755407, "hex": "#D485FF", "p3": "color(display-p3 0.7862 0.5357 1.0000)"}, {"L": 0.825, "a": -0.13084649274971502, "b": 0.14982936818046755, "C": 0.19892120106780806, "h": 131.13082213713028, "hex": "#96DF40", "p3": "color(display-p3 0.6514 0.8652 0.3574)"}, {"L": 0.85, "a": -0.1921973581715853, "b": -0.03282188589225868, "C": 0.19497974428555673, "h": 189.6910177782772, "hex": "#00F4E9", "p3": "color(display-p3 0.0908 0.9395 0.9090)"}], "cvd": {"normal": [{"L": 0.5499999965244137, "a": -0.06347044998806775, "b": -0.1872473598769713, "C": 0.19771209321279215, "h": 251.27509900516606, "hex": "#0070DF", "p3": "color(display-p3 0.0714 0.4318 0.8443)"}, {"L": 0.575648683168247, "a": 0.19485719100047302, "b": 0.04048121560167183, "C": 0.1990177220781704, "h": 11.73614983691773, "hex": "#D32F5A", "p3": "color(display-p3 0.7623 0.2460 0.3582)"}, {"L": 0.6959628523845818, "a": 0.06680969570073614, "b": 0.1853048753030847, "C": 0.19698079157805395, "h": 70.17377232206742, "hex": "#E78000", "p3": "color(display-p3 0.8529 0.5231 0.0000)"}, {"L": 0.7491828805187372, "a": 0.12562846884935175, "b": -0.14786563151095367, "C": 0.19402772267788354, "h": 310.35164013524127, "hex": "#D485FF", "p3": "color(display-p3 0.7862 0.5357 1.0000)"}, {"L": 0.8249999956046322, "a": -0.1308464919154396, "b": 0.14982940129369568, "C": 0.19892122546024216, "h": 131.13081568243092, "hex": "#96DF40", "p3": "color(display-p3 0.6514 0.8652 0.3574)"}, {"L": 0.8499999955468538, "a": -0.19219735418776202, "b": -0.03282185320296719, "C": 0.19497973485583872, "h": 189.69100850650545, "hex": "#00F4E9", "p3": "color(display-p3 0.0908 0.9395 0.9090)"}], "deutan-mild": [{"L": 0.5358679622071596, "a": -0.06464408296526833, "b": -0.19371214913183335, "C": 0.20421374631423356, "h": 251.54552320051909, "hex": "#006BDE", "p3": "color(display-p3 0.0000 0.4108 0.8390)"}, {"L": 0.5805773435196824, "a": 0.042081652800733144, "b": 0.05200084239781383, "C": 0.06689509034692848, "h": 51.01850382456843, "hex": "#9B6F56", "p3": "color(display-p3 0.5816 0.4431 0.3521)"}, {"L": 0.7031180678797864, "a": -0.01508411435852191, "b": 0.18606314585108275, "C": 0.18667357807140855, "h": 94.63482506370148, "hex": "#C59A00", "p3": "color(display-p3 0.7457 0.6123 0.0000)"}, {"L": 0.7402712372453534, "a": 0.01777152017339661, "b": -0.1439308409807124, "C": 0.14502383912546435, "h": 277.03883496881815, "hex": "#95A1FF", "p3": "color(display-p3 0.5913 0.6284 0.9959)"}, {"L": 0.8306322040294724, "a": -0.0465881266235078, "b": 0.14309070644721922, "C": 0.15048389885250935, "h": 108.03445020652524, "hex": "#D1CE4B", "p3": "color(display-p3 0.8185 0.8094 0.3795)"}, {"L": 0.8501436884133206, "a": -0.04158291351192121, "b": -0.041373884843329385, "C": 0.058659500877257735, "h": 224.85563045586647, "hex": "#A5D7EB", "p3": "color(display-p3 0.6870 0.8363 0.9119)"}], "deutan-severe": [{"L": 0.5255320902874742, "a": -0.06833233872036168, "b": -0.198422008900761, "C": 0.20985852885028983, "h": 250.99737672365472, "hex": "#0067DD", "p3": "color(display-p3 0.0000 0.3969 0.8353)"}, {"L": 0.5894709413544047, "a": -0.006791102554636171, "b": 0.05743001647659857, "C": 0.0578301466919285, "h": 96.74391184331401, "hex": "#877D55", "p3": "color(display-p3 0.5222 0.4934 0.3534)"}, {"L": 0.7111598717024635, "a": -0.03908644302024276, "b": 0.18457067789581938, "C": 0.18866394771364506, "h": 101.95684798235828, "hex": "#BBA300", "p3": "color(display-p3 0.7170 0.6432 0.0000)"}, {"L": 0.738765713300368, "a": -0.01643541607160326, "b": -0.14138541012508343, "C": 0.14233747608302164, "h": 263.36938378724653, "hex": "#7BA8FF", "p3": "color(display-p3 0.5190 0.6545 0.9924)"}, {"L": 0.8306725545724866, "a": -0.022606049470226423, "b": 0.13974486077097825, "C": 0.14156150459976902, "h": 99.18894122585377, "hex": "#DEC94F", "p3": "color(display-p3 0.8575 0.7900 0.3888)"}, {"L": 0.8429954612416558, "a": 0.00033616587693072474, "b": -0.04698378858146124, "C": 0.04698499118829608, "h": 270.4099404897182, "hex": "#C0CBEB", "p3": "color(display-p3 0.7591 0.7934 0.9110)"}], "protan-mild": [{"L": 0.5740702944265954, "a": -0.049571787776559434, "b": -0.177573938986946, "C": 0.1843634072984763, "h": 254.40231884584827, "hex": "#0277E1", "p3": "color(display-p3 0.2000 0.4582 0.8546)"}, {"L": 0.5159570022149476, "a": 0.0649899073563793, "b": 0.02157529080591936, "C": 0.06847759656669292, "h": 18.365087689067597, "hex": "#8B5759", "p3": "color(display-p3 0.5161 0.3521 0.3514)"}, {"L": 0.6564399810552933, "a": -0.013087301352782375, "b": 0.19516812437636366, "C": 0.19560642686089405, "h": 93.83631416012597, "hex": "#B98A00", "p3": "color(display-p3 0.6976 0.5502 0.0000)"}, {"L": 0.7301154062901004, "a": 0.015563210995662364, "b": -0.15734233003919154, "C": 0.15811015893565278, "h": 275.64892593376294, "hex": "#8D9DFF", "p3": "color(display-p3 0.5649 0.6124 1.0000)"}, {"L": 0.841025712926247, "a": -0.051173083424337566, "b": 0.1590468349210009, "C": 0.16707656976830212, "h": 107.83550235280973, "hex": "#D6D234", "p3": "color(display-p3 0.8375 0.8237 0.3303)"}, {"L": 0.8951919342340422, "a": -0.04058579462593138, "b": -0.017931434494719217, "C": 0.04437052026353406, "h": 203.836586265916, "hex": "#BBE6EA", "p3": "color(display-p3 0.7671 0.8957 0.9132)"}], "protan-severe": [{"L": 0.5883749373446504, "a": -0.04400109550227473, "b": -0.1720013101899965, "C": 0.1775402689884064, "h": 255.65043023610673, "hex": "#227BE3", "p3": "color(display-p3 0.2435 0.4751 0.8612)"}, {"L": 0.47504809028873357, "a": -0.00012673439902419277, "b": 0.003144167455153168, "C": 0.0031467206094504757, "h": 92.30821594969946, "hex": "#5D5C5A", "p3": "color(display-p3 0.3631 0.3612 0.3543)"}, {"L": 0.631399184870285, "a": -0.04648181959280586, "b": 0.200824742134175, "C": 0.20613378327172874, "h": 103.031896953855, "hex": "#A28A00", "p3": "color(display-p3 0.6214 0.5462 0.0000)"}, {"L": 0.7208613888324166, "a": -0.029148872123126026, "b": -0.1640866624660552, "C": 0.16665560160192477, "h": 259.9268792909658, "hex": "#64A3FF", "p3": "color(display-p3 0.4480 0.6329 1.0000)"}, {"L": 0.8481840000139161, "a": -0.02786222744896526, "b": 0.1668440196881531, "C": 0.16915445789017414, "h": 99.48066178914671, "hex": "#E8CE24", "p3": "color(display-p3 0.8938 0.8118 0.3020)"}, {"L": 0.9170594117378171, "a": 0.0002294713359451434, "b": -0.0080853785886289, "C": 0.00808863424908551, "h": 271.62567658869125, "hex": "#E1E3E9", "p3": "color(display-p3 0.8854 0.8913 0.9121)"}], "tritan-severe": [{"L": 0.5349139068098168, "a": -0.20461750466470174, "b": -0.07194633294290655, "C": 0.21689766720539158, "h": 199.37237659433902, "hex": "#008C9D", "p3": "color(display-p3 0.0000 0.5347 0.6029)"}, {"L": 0.5814935781458413, "a": 0.231530088316234, "b": 0.07284801275302905, "C": 0.24272003369682651, "h": 17.46552251157513, "hex": "#E70041", "p3": "color(display-p3 0.8298 0.1392 0.2757)"}, {"L": 0.7031019380510954, "a": 0.17406657795124528, "b": 0.07259710379140394, "C": 0.18859881505077605, "h": 22.63931627830474, "hex": "#FF6566", "p3": "color(display-p3 0.9290 0.4345 0.4217)"}, {"L": 0.7453227816609864, "a": 0.06946355682973032, "b": -0.023653495048954958, "C": 0.07338033493701232, "h": 341.19543841449877, "hex": "#CD9BBA", "p3": "color(display-p3 0.7746 0.6141 0.7235)"}, {"L": 0.8265588149837184, "a": -0.06797039296030405, "b": 0.011596597962275738, "C": 0.06895255907852012, "h": 170.31785077281825, "hex": "#99D5C0", "p3": "color(display-p3 0.6502 0.8298 0.7558)"}, {"L": 0.8414747395234768, "a": -0.26460006133870795, "b": -0.04441176921719454, "C": 0.26830131886639946, "h": 189.52799255332346, "hex": "#00FCF0", "p3": "color(display-p3 0.0000 0.9682 0.9344)"}]}, "summary": {"conservative_de_min": 13.621414770180202, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.19693988152580566, "chroma_std": 0.0018781085612533074}}, {"rotation": 230, "palette": [{"L": 0.55, "a": -0.04693366605933041, "b": -0.2058001819270838, "C": 0.21108406830215665, "h": 257.1531466315684, "hex": "#006AE9", "p3": "color(display-p3 0.1461 0.4083 0.8806)"}, {"L": 0.5827561309598446, "a": 0.20119961748253332, "b": 0.06306417942237388, "C": 0.21085155157440766, "h": 17.40312231196134, "hex": "#DC284B", "p3": "color(display-p3 0.7919 0.2336 0.3077)"}, {"L": 0.7036034793786137, "a": 0.04716552409323612, "b": 0.20295244483046068, "C": 0.2083609404990552, "h": 76.91687023063092, "hex": "#E58700", "p3": "color(display-p3 0.8486 0.5473 0.0000)"}, {"L": 0.7381923319539546, "a": 0.1556670553696925, "b": -0.14199479988369126, "C": 0.21070062961813957, "h": 317.62987116020213, "hex": "#DF77FF", "p3": "color(display-p3 0.8206 0.4894 0.9717)"}, {"L": 0.825, "a": -0.15335343675729243, "b": 0.14517892820261655, "C": 0.2111733831696916, "h": 136.56849939479065, "hex": "#7FE348", "p3": "color(display-p3 0.5935 0.8814 0.3782)"}, {"L": 0.85, "a": -0.1950909833522838, "b": -0.057132183581273685, "C": 0.20328447600868452, "h": 196.32261225554956, "hex": "#00F4FA", "p3": "color(display-p3 0.0000 0.9377 0.9678)"}], "cvd": {"normal": [{"L": 0.5499999964003552, "a": -0.046933662817135, "b": -0.20580016310648952, "C": 0.21108404923179347, "h": 257.15314635371453, "hex": "#006AE9", "p3": "color(display-p3 0.1461 0.4083 0.8806)"}, {"L": 0.5827561260466538, "a": 0.20119961313853868, "b": 0.06306420035870663, "C": 0.2108515536911709, "h": 17.4031280937271, "hex": "#DC284B", "p3": "color(display-p3 0.7919 0.2336 0.3077)"}, {"L": 0.7036034747923516, "a": 0.047165521071348554, "b": 0.20295247269649938, "C": 0.20836096695771775, "h": 76.91687277459184, "hex": "#E58700", "p3": "color(display-p3 0.8486 0.5473 0.0000)"}, {"L": 0.738192326010034, "a": 0.1556670541309482, "b": -0.14199477482371575, "C": 0.21070061181459654, "h": 317.6298759678313, "hex": "#DF77FF", "p3": "color(display-p3 0.8206 0.4894 0.9717)"}, {"L": 0.8249999957315963, "a": -0.15335343545771865, "b": 0.14517896142633746, "C": 0.21117340506681864, "h": 136.56849260623068, "hex": "#7FE348", "p3": "color(display-p3 0.5935 0.8814 0.3782)"}, {"L": 0.8499999955297021, "a": -0.19509097904295739, "b": -0.05713215110895882, "C": 0.20328446274685272, "h": 196.3226038134623, "hex": "#00F4FA", "p3": "color(display-p3 0.0000 0.9377 0.9678)"}], "deutan-mild": [{"L": 0.5332151932128046, "a": -0.07424114432766003, "b": -0.21223582739791194, "C": 0.22484615616540282, "h": 250.7199100040042, "hex": "#0068E7", "p3": "color(display-p3 0.0000 0.4003 0.8746)"}, {"L": 0.5889332684764321, "a": 0.04011015299002702, "b": 0.07493294891274488, "C": 0.08499277149054152, "h": 61.84072123765949, "hex": "#A17146", "p3": "color(display-p3 0.6046 0.4514 0.3007)"}, {"L": 0.710908752481266, "a": -0.023635768241733336, "b": 0.2017773063754174, "C": 0.20315691203721323, "h": 96.68106024504023, "hex": "#C79E00", "p3": "color(display-p3 0.7547 0.6250 0.0000)"}, {"L": 0.7300844930045266, "a": 0.027003606247346663, "b": -0.13624493905975532, "C": 0.1388952057119258, "h": 281.2106755400125, "hex": "#999CFD", "p3": "color(display-p3 0.6028 0.6108 0.9640)"}, {"L": 0.8306911869845198, "a": -0.050203588486363325, "b": 0.13759176578733176, "C": 0.14646465208159978, "h": 110.04568580870522, "hex": "#CECF52", "p3": "color(display-p3 0.8073 0.8133 0.4002)"}, {"L": 0.8490042964202626, "a": -0.043428391824277345, "b": -0.0660107504471673, "C": 0.07901546931481934, "h": 236.6591311953243, "hex": "#9CD6FB", "p3": "color(display-p3 0.6586 0.8328 0.9694)"}], "deutan-severe": [{"L": 0.5220411105323761, "a": -0.08741880945534283, "b": -0.2168728080215795, "C": 0.23382870462318012, "h": 248.0462316566726, "hex": "#0066E6", "p3": "color(display-p3 0.0000 0.3906 0.8707)"}, {"L": 0.5988553055817889, "a": -0.011287181131066222, "b": 0.08002293989403136, "C": 0.08081504418837654, "h": 98.02856766704494, "hex": "#8D8045", "p3": "color(display-p3 0.5432 0.5054 0.3032)"}, {"L": 0.7186592422409217, "a": -0.04397090416289342, "b": 0.1992162926794918, "C": 0.20401120479489185, "h": 102.44672927042271, "hex": "#BEA600", "p3": "color(display-p3 0.7304 0.6528 0.0000)"}, {"L": 0.7299434140787934, "a": -0.014100547689692709, "b": -0.1325590604588751, "C": 0.13330690137756937, "h": 263.9281761407742, "hex": "#7CA6FB", "p3": "color(display-p3 0.5212 0.6447 0.9606)"}, {"L": 0.8298747142629851, "a": -0.021102728022363234, "b": 0.13383234113170425, "C": 0.13548586886749, "h": 98.96064055546076, "hex": "#DDC856", "p3": "color(display-p3 0.8542 0.7887 0.4088)"}, {"L": 0.8409693873741478, "a": -0.0012762287635330544, "b": -0.07200375593136088, "C": 0.07201506528553492, "h": 268.98456872112655, "hex": "#B7CAFB", "p3": "color(display-p3 0.7327 0.7885 0.9678)"}], "protan-mild": [{"L": 0.5708458451144528, "a": -0.05713973537173642, "b": -0.1969635305320471, "C": 0.20508432830911463, "h": 253.82239096722572, "hex": "#0074EB", "p3": "color(display-p3 0.1346 0.4475 0.8916)"}, {"L": 0.5175873819986885, "a": 0.06633393122189976, "b": 0.04549243264427488, "C": 0.08043476772668405, "h": 34.44269532834841, "hex": "#905749", "p3": "color(display-p3 0.5347 0.3503 0.2967)"}, {"L": 0.6673181747750652, "a": -0.025361310314417733, "b": 0.21726321010331281, "C": 0.21873842489434828, "h": 96.65805076256119, "hex": "#BC8F00", "p3": "color(display-p3 0.7098 0.5674 0.0000)"}, {"L": 0.7109233832837959, "a": 0.025229538629738073, "b": -0.1550701845248257, "C": 0.15710917143194708, "h": 279.24091331344556, "hex": "#8F94FF", "p3": "color(display-p3 0.5632 0.5815 0.9801)"}, {"L": 0.8466332674856053, "a": -0.055002914003999474, "b": 0.1552997464055037, "C": 0.16475233468010436, "h": 109.50275025711504, "hex": "#D5D53E", "p3": "color(display-p3 0.8344 0.8348 0.3541)"}, {"L": 0.8973858824287537, "a": -0.04099711421857166, "b": -0.04139426193595319, "C": 0.05826017761278208, "h": 225.2761783196001, "hex": "#B5E6FB", "p3": "color(display-p3 0.7473 0.8966 0.9736)"}], "protan-severe": [{"L": 0.5840948203292599, "a": -0.058386260319643106, "b": -0.19188851507390972, "C": 0.20057456870546478, "h": 253.0764746893617, "hex": "#0079ED", "p3": "color(display-p3 0.1553 0.4682 0.8989)"}, {"L": 0.4719075530787927, "a": -0.002059643344423911, "b": 0.026706425715859624, "C": 0.026785729507014702, "h": 94.41001507553743, "hex": "#605B4A", "p3": "color(display-p3 0.3735 0.3590 0.2992)"}, {"L": 0.6444289617372015, "a": -0.05630334503829913, "b": 0.2272029659408546, "C": 0.23407531778216792, "h": 103.91812833919549, "hex": "#A88E00", "p3": "color(display-p3 0.6430 0.5621 0.0000)"}, {"L": 0.6964703158365266, "a": -0.0308140972573765, "b": -0.1644599421629457, "C": 0.16732178927451888, "h": 259.3877968814031, "hex": "#5A9BFF", "p3": "color(display-p3 0.4148 0.6033 0.9881)"}, {"L": 0.8565327407080736, "a": -0.026847037629150815, "b": 0.1638502238956684, "C": 0.16603511465988663, "h": 99.30529020925783, "hex": "#EBD130", "p3": "color(display-p3 0.9038 0.8223 0.3273)"}, {"L": 0.9204209440229639, "a": 0.000259460892804485, "b": -0.031242582994768675, "C": 0.031243660351180105, "h": 270.4758144472704, "hex": "#DDE4FA", "p3": "color(display-p3 0.8703 0.8940 0.9740)"}], "tritan-severe": [{"L": 0.534004541731371, "a": -0.1938566007579346, "b": -0.07662390660541767, "C": 0.2084504850579557, "h": 201.5669425624078, "hex": "#008A9F", "p3": "color(display-p3 0.0000 0.5275 0.6103)"}, {"L": 0.5893581204589723, "a": 0.24721747861214965, "b": 0.08531487648516406, "C": 0.2615245875267323, "h": 19.039580156646345, "hex": "#F10038", "p3": "color(display-p3 0.8651 0.0569 0.2456)"}, {"L": 0.7107014713449759, "a": 0.16293353168754027, "b": 0.07088316089408037, "C": 0.1776844344519541, "h": 23.511132137759965, "hex": "#FD6C6A", "p3": "color(display-p3 0.9241 0.4601 0.4366)"}, {"L": 0.7354720782101573, "a": 0.10785583372507111, "b": -0.014884068535868334, "C": 0.1088779884306769, "h": 352.1428281103953, "hex": "#DE8CB0", "p3": "color(display-p3 0.8262 0.5645 0.6863)"}, {"L": 0.8257090700498189, "a": -0.0981306387923086, "b": 0.005916780217462829, "C": 0.09830885289702194, "h": 176.54953217777685, "hex": "#7ADBC4", "p3": "color(display-p3 0.5719 0.8501 0.7723)"}, {"L": 0.8399080825291846, "a": -0.28565110200174104, "b": -0.05139223596896569, "C": 0.2902373407966296, "h": 190.19912383566574, "hex": "#00FFF5", "p3": "color(display-p3 0.0000 0.9763 0.9516)"}]}, "summary": {"conservative_de_min": 11.98031844493062, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.20924250819535586, "chroma_std": 0.002831668224836727}}, {"rotation": 240, "palette": [{"L": 0.5514954760229287, "a": -0.018216153118756736, "b": -0.20836711245865291, "C": 0.2091618554823104, "h": 265.00371320637885, "hex": "#3464EA", "p3": "color(display-p3 0.2489 0.3875 0.8845)"}, {"L": 0.5869785141660797, "a": 0.19169077605968948, "b": 0.08257488303529777, "C": 0.20871982400974548, "h": 23.304990095576844, "hex": "#DD2E3B", "p3": "color(display-p3 0.7978 0.2501 0.2584)"}, {"L": 0.7068139773046744, "a": 0.027708316884598287, "b": 0.2045681884128575, "C": 0.20643617545162884, "h": 82.28635430876844, "hex": "#DE8E00", "p3": "color(display-p3 0.8269 0.5708 0.0000)"}, {"L": 0.7318139773046745, "a": 0.1707768292550343, "b": -0.12308681193159746, "C": 0.21051149299239597, "h": 324.21795185113115, "hex": "#E671F1", "p3": "color(display-p3 0.8450 0.4695 0.9195)"}, {"L": 0.825, "a": -0.16625266729580865, "b": 0.12774175048032765, "C": 0.20966140369354855, "h": 142.46279785614013, "hex": "#66E65F", "p3": "color(display-p3 0.5384 0.8920 0.4414)"}, {"L": 0.85, "a": -0.1836114772186405, "b": -0.0734299007404637, "C": 0.1977501577475115, "h": 201.79745761370114, "hex": "#00F1FF", "p3": "color(display-p3 0.0000 0.9279 1.0000)"}], "cvd": {"normal": [{"L": 0.5514954722392179, "a": -0.01821615038288006, "b": -0.20836709380486668, "C": 0.2091618366611314, "h": 265.0037135079491, "hex": "#3464EA", "p3": "color(display-p3 0.2489 0.3875 0.8845)"}, {"L": 0.5869785093094939, "a": 0.1916907716794709, "b": 0.08257490438326069, "C": 0.20871982843269993, "h": 23.304995953397054, "hex": "#DD2E3B", "p3": "color(display-p3 0.7978 0.2501 0.2584)"}, {"L": 0.7068139728156126, "a": 0.027708314202371995, "b": 0.20456821655019009, "C": 0.20643620297433982, "h": 82.28635609467612, "hex": "#DE8E00", "p3": "color(display-p3 0.8269 0.5708 0.0000)"}, {"L": 0.7318139713389742, "a": 0.17077682752569495, "b": -0.12308678703012933, "C": 0.2105114770294992, "h": 324.21795707417783, "hex": "#E671F1", "p3": "color(display-p3 0.8450 0.4695 0.9195)"}, {"L": 0.8249999957833994, "a": -0.1662526655677718, "b": 0.12774178362335795, "C": 0.20966142251655687, "h": 142.46279038640182, "hex": "#66E65F", "p3": "color(display-p3 0.5384 0.8920 0.4414)"}, {"L": 0.8499999954386709, "a": -0.18361147293900063, "b": -0.07342986850600317, "C": 0.19775014180434428, "h": 201.79744940233766, "hex": "#00F1FF", "p3": "color(display-p3 0.0000 0.9279 1.0000)"}], "deutan-mild": [{"L": 0.5341120395798262, "a": -0.06759644598220993, "b": -0.21375005591802876, "C": 0.22418377709902707, "h": 252.4509308922082, "hex": "#0067E8", "p3": "color(display-p3 0.0000 0.3959 0.8781)"}, {"L": 0.5937107873190196, "a": 0.03436090054590887, "b": 0.09360191818494873, "C": 0.09970953100996753, "h": 69.84201003118022, "hex": "#A47335", "p3": "color(display-p3 0.6152 0.4589 0.2512)"}, {"L": 0.7138865669547487, "a": -0.028196034927469603, "b": 0.20236686006710752, "C": 0.20432171308759958, "h": 97.93202900671676, "hex": "#C6A000", "p3": "color(display-p3 0.7518 0.6325 0.0000)"}, {"L": 0.7254485859081107, "a": 0.034668322824293045, "b": -0.11597602992413769, "C": 0.12104681790288367, "h": 286.64280551829967, "hex": "#A19AEE", "p3": "color(display-p3 0.6261 0.6051 0.9119)"}, {"L": 0.830395679287769, "a": -0.049540758499677214, "b": 0.11992583711821535, "C": 0.12975551302826427, "h": 112.44527295799612, "hex": "#C9D067", "p3": "color(display-p3 0.7925 0.8150 0.4597)"}, {"L": 0.8479261665593846, "a": -0.04242049303328142, "b": -0.08206045877330902, "C": 0.09237649659557688, "h": 242.6636610940543, "hex": "#97D5FF", "p3": "color(display-p3 0.6445 0.8279 1.0000)"}], "deutan-severe": [{"L": 0.5235596496060103, "a": -0.08772548310542828, "b": -0.21755229590892755, "C": 0.2345735744736102, "h": 248.03880550842058, "hex": "#0066E7", "p3": "color(display-p3 0.0000 0.3922 0.8741)"}, {"L": 0.6038622796310485, "a": -0.01547911309201094, "b": 0.0978725874002635, "C": 0.099089082680876, "h": 98.98721756938183, "hex": "#908235", "p3": "color(display-p3 0.5562 0.5120 0.2551)"}, {"L": 0.7209277484263467, "a": -0.04401237962351236, "b": 0.19957416509316145, "C": 0.2043696086328802, "h": 102.43645928751162, "hex": "#BFA600", "p3": "color(display-p3 0.7334 0.6556 0.0000)"}, {"L": 0.7267580658504074, "a": -0.008792448136116045, "b": -0.11150702495202379, "C": 0.11185313477000788, "h": 265.4914949486449, "hex": "#85A5ED", "p3": "color(display-p3 0.5462 0.6431 0.9089)"}, {"L": 0.8287094752168996, "a": -0.01680413870632852, "b": 0.11596628927657482, "C": 0.11717746936267125, "h": 98.24507722109377, "hex": "#DBC86A", "p3": "color(display-p3 0.8452 0.7864 0.4664)"}, {"L": 0.839654697482919, "a": -0.003016938279348083, "b": -0.08796512741617, "C": 0.08801684814809277, "h": 268.0356977047751, "hex": "#B2C9FF", "p3": "color(display-p3 0.7144 0.7854 1.0000)"}], "protan-mild": [{"L": 0.5664397537140196, "a": -0.05438031577354373, "b": -0.20182100975215525, "C": 0.20901899129268106, "h": 254.91989447866757, "hex": "#0071EC", "p3": "color(display-p3 0.1361 0.4369 0.8954)"}, {"L": 0.5220519784820081, "a": 0.05959387143582615, "b": 0.06863407929724946, "C": 0.09089590944421483, "h": 49.032741206497704, "hex": "#935938", "p3": "color(display-p3 0.5459 0.3581 0.2422)"}, {"L": 0.6758554414906558, "a": -0.03128225734537405, "b": 0.21858751741788, "C": 0.22081458827607878, "h": 98.14435053331567, "hex": "#BC9300", "p3": "color(display-p3 0.7126 0.5827 0.0000)"}, {"L": 0.6990438508238627, "a": 0.03477481553545157, "b": -0.13847924037269654, "C": 0.14277880728498804, "h": 284.09658848857583, "hex": "#9490F3", "p3": "color(display-p3 0.5790 0.5653 0.9267)"}, {"L": 0.8512483739581431, "a": -0.053975647816649236, "b": 0.13833911091379736, "C": 0.14849606111155567, "h": 111.3141932596326, "hex": "#D2D759", "p3": "color(display-p3 0.8270 0.8427 0.4241)"}, {"L": 0.8960770612306383, "a": -0.03936051463911123, "b": -0.05802042721721556, "C": 0.07011148327573663, "h": 235.8473987061052, "hex": "#B0E5FF", "p3": "color(display-p3 0.7339 0.8916 1.0000)"}], "protan-severe": [{"L": 0.5769861979306379, "a": -0.06439995116289517, "b": -0.1980662140366355, "C": 0.20827284713228844, "h": 251.9883998597835, "hex": "#0077EE", "p3": "color(display-p3 0.0943 0.4594 0.9030)"}, {"L": 0.4766058720311358, "a": -0.005932005437417866, "b": 0.05231219761375716, "C": 0.05264745680173294, "h": 96.46948948658887, "hex": "#655D3A", "p3": "color(display-p3 0.3911 0.3653 0.2436)"}, {"L": 0.6564584870848938, "a": -0.056160451554789, "b": 0.22852679005970747, "C": 0.23532634806547142, "h": 103.80683048403726, "hex": "#AC9200", "p3": "color(display-p3 0.6588 0.5765 0.0000)"}, {"L": 0.6807916799332067, "a": -0.025296972265945048, "b": -0.14971634305271264, "C": 0.15183846740171453, "h": 260.4095440433872, "hex": "#5F97F5", "p3": "color(display-p3 0.4233 0.5859 0.9342)"}, {"L": 0.8634216537302803, "a": -0.022278004451393676, "b": 0.1470922880737856, "C": 0.1487697909291999, "h": 98.61233312683079, "hex": "#EBD351", "p3": "color(display-p3 0.9064 0.8304 0.4038)"}, {"L": 0.9187383937603363, "a": -0.0003371186211997268, "b": -0.048196604323377024, "C": 0.04819778332318743, "h": 269.5992423228576, "hex": "#D7E4FF", "p3": "color(display-p3 0.8527 0.8906 1.0000)"}], "tritan-severe": [{"L": 0.5368339129693854, "a": -0.1530079416961633, "b": -0.07382090994151648, "C": 0.16988512873906883, "h": 205.7556622879849, "hex": "#00869D", "p3": "color(display-p3 0.0000 0.5121 0.6035)"}, {"L": 0.5939226985353216, "a": 0.24643898798081076, "b": 0.0892999575902158, "C": 0.2621195475782387, "h": 19.918557547943035, "hex": "#F30035", "p3": "color(display-p3 0.8729 0.0724 0.2384)"}, {"L": 0.7135487620542648, "a": 0.14338051487964978, "b": 0.06489537100244759, "C": 0.15738291274690142, "h": 24.351955211159947, "hex": "#F57670", "p3": "color(display-p3 0.8985 0.4906 0.4585)"}, {"L": 0.7305191590477933, "a": 0.13451777873155107, "b": -0.003876393793982346, "C": 0.13457362008847262, "h": 358.34936647042286, "hex": "#EB82A7", "p3": "color(display-p3 0.8650 0.5293 0.6511)"}, {"L": 0.8247028209572171, "a": -0.12499272695989742, "b": -0.0005423444437720665, "C": 0.12499390357280295, "h": 180.2486052862293, "hex": "#53E0C9", "p3": "color(display-p3 0.4890 0.8667 0.7901)"}, {"L": 0.8394365768716806, "a": -0.28125301148281345, "b": -0.054155967463985995, "C": 0.2864194917950102, "h": 190.89905206286724, "hex": "#00FEF6", "p3": "color(display-p3 0.0000 0.9729 0.9570)"}]}, "summary": {"conservative_de_min": 10.060539782956855, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5514954760229287, 0.85], "chroma_mean": 0.2070401515628568, "chroma_std": 0.004338065493124799}}, {"rotation": 250, "palette": [{"L": 0.5608455810981063, "a": 0.02402113435121564, "b": -0.19015635080716092, "C": 0.19166755762991086, "h": 277.19964433017276, "hex": "#5E61E2", "p3": "color(display-p3 0.3690 0.3788 0.8543)"}, {"L": 0.6008774811513635, "a": 0.15410352059145366, "b": 0.11314987098997653, "C": 0.19118260476238133, "h": 36.28782236239642, "hex": "#DA4719", "p3": "color(display-p3 0.7906 0.3211 0.1731)"}, {"L": 0.7133372209397731, "a": -0.020506444559650096, "b": 0.18788621513676673, "C": 0.18900196852651402, "h": 96.2287723220196, "hex": "#C69F00", "p3": "color(display-p3 0.7516 0.6293 0.0000)"}, {"L": 0.7383372209397732, "a": 0.17535919768232563, "b": -0.07352308542684272, "C": 0.19014860583888532, "h": 337.2530925022614, "hex": "#F374D5", "p3": "color(display-p3 0.8891 0.4842 0.8166)"}, {"L": 0.7765382103332016, "a": -0.17274227683702575, "b": 0.07915420146197474, "C": 0.19001389900721086, "h": 155.3817371620116, "hex": "#04D87F", "p3": "color(display-p3 0.3863 0.8361 0.5304)"}, {"L": 0.8015382103332016, "a": -0.1509216507169472, "b": -0.10617845953644425, "C": 0.18452969930247146, "h": 215.12767603987928, "hex": "#00D9FF", "p3": "color(display-p3 0.0957 0.8367 1.0000)"}], "cvd": {"normal": [{"L": 0.5608455770275593, "a": 0.024021136089417902, "b": -0.19015633191812575, "C": 0.19166753910765053, "h": 277.19964555334883, "hex": "#5E61E2", "p3": "color(display-p3 0.3690 0.3788 0.8543)"}, {"L": 0.600877476471442, "a": 0.15410351657131016, "b": 0.11314989341284744, "C": 0.19118261479272325, "h": 36.28782849208471, "hex": "#DA4719", "p3": "color(display-p3 0.7906 0.3211 0.1731)"}, {"L": 0.7133372166715218, "a": -0.02050644617621283, "b": 0.18788624369211307, "C": 0.18900199708868162, "h": 96.22877186996524, "hex": "#C69F00", "p3": "color(display-p3 0.7516 0.6293 0.0000)"}, {"L": 0.7383372149739481, "a": 0.1753591953190611, "b": -0.07352305983281235, "C": 0.19014859376321436, "h": 337.2530993391135, "hex": "#F374D5", "p3": "color(display-p3 0.8891 0.4842 0.8166)"}, {"L": 0.7765382064024614, "a": -0.17274227445969037, "b": 0.07915423237004061, "C": 0.19001390972136062, "h": 155.38172839068346, "hex": "#04D87F", "p3": "color(display-p3 0.3863 0.8361 0.5304)"}, {"L": 0.8015382058481539, "a": -0.15092164667725952, "b": -0.10617842965265573, "C": 0.18452967880338253, "h": 215.12766917273473, "hex": "#00D9FF", "p3": "color(display-p3 0.0957 0.8367 1.0000)"}], "deutan-mild": [{"L": 0.545838860801981, "a": -0.040087920310940085, "b": -0.1930607733648893, "C": 0.19717886186684777, "h": 258.26956665478747, "hex": "#0D69E0", "p3": "color(display-p3 0.1848 0.4073 0.8480)"}, {"L": 0.6076866068720059, "a": 0.019548316095915074, "b": 0.12115498048602973, "C": 0.12272190496710869, "h": 80.83433885571523, "hex": "#A8790C", "p3": "color(display-p3 0.6305 0.4827 0.1674)"}, {"L": 0.7195628573683606, "a": -0.03417935187097014, "b": 0.18433592600518742, "C": 0.18747789659186365, "h": 100.5044195143262, "hex": "#C0A500", "p3": "color(display-p3 0.7351 0.6497 0.0000)"}, {"L": 0.735666516383509, "a": 0.041560962435553656, "b": -0.06500839973683638, "C": 0.07715831539707052, "h": 302.591464752951, "hex": "#B39ED2", "p3": "color(display-p3 0.6874 0.6231 0.8099)"}, {"L": 0.7807104635496278, "a": -0.04349554258986694, "b": 0.07158749191894585, "C": 0.08376533426443225, "h": 121.28227077602958, "hex": "#AFC084", "p3": "color(display-p3 0.6992 0.7522 0.5416)"}, {"L": 0.7969953039488589, "a": -0.04027681757038959, "b": -0.11398467177085836, "C": 0.12089138692358839, "h": 250.53898946097075, "hex": "#7FC2FF", "p3": "color(display-p3 0.5573 0.7541 1.0000)"}], "deutan-severe": [{"L": 0.5379191792750999, "a": -0.06291251444097856, "b": -0.19504085751540015, "C": 0.2049363817715853, "h": 252.12233876597543, "hex": "#006BDF", "p3": "color(display-p3 0.0209 0.4113 0.8443)"}, {"L": 0.6171965023797539, "a": -0.02223862830875406, "b": 0.12354671331918492, "C": 0.12553225466400172, "h": 100.20407250669723, "hex": "#97860C", "p3": "color(display-p3 0.5812 0.5287 0.1757)"}, {"L": 0.7243579123112499, "a": -0.03769666113300605, "b": 0.1817981373171939, "C": 0.18566529291329056, "h": 101.71452810521693, "hex": "#BFA700", "p3": "color(display-p3 0.7333 0.6593 0.0000)"}, {"L": 0.7393197666250425, "a": -0.0008279473665884863, "b": -0.059905385581331294, "C": 0.05991110680407946, "h": 269.2081701977654, "hex": "#9BAAD1", "p3": "color(display-p3 0.6188 0.6634 0.8079)"}, {"L": 0.7775123625104091, "a": -0.0075079203007090735, "b": 0.06745455829228897, "C": 0.06787110063679246, "h": 96.35107333994517, "hex": "#C3B785", "p3": "color(display-p3 0.7566 0.7197 0.5449)"}, {"L": 0.788473883537005, "a": -0.009204215144065888, "b": -0.11947407106843866, "C": 0.11982809033813642, "h": 265.594666992939, "hex": "#95B8FF", "p3": "color(display-p3 0.6126 0.7181 1.0000)"}], "protan-mild": [{"L": 0.5666166358421312, "a": -0.03593345894484589, "b": -0.18784819181922208, "C": 0.19125416764476577, "h": 259.1707198809271, "hex": "#2370E4", "p3": "color(display-p3 0.2290 0.4336 0.8644)"}, {"L": 0.5439810321336478, "a": 0.03733914182827776, "b": 0.10750194235142901, "C": 0.11380192934129987, "h": 70.84611783027738, "hex": "#99620B", "p3": "color(display-p3 0.5683 0.3956 0.1400)"}, {"L": 0.6977116342183278, "a": -0.037839402012261776, "b": 0.1975829844491977, "C": 0.20117369631365195, "h": 100.84152573774949, "hex": "#BB9E00", "p3": "color(display-p3 0.7129 0.6219 0.0000)"}, {"L": 0.6999139023670038, "a": 0.04660060613704538, "b": -0.09048731977135183, "C": 0.10178198038819498, "h": 297.2482854874496, "hex": "#A591D6", "p3": "color(display-p3 0.6344 0.5705 0.8207)"}, {"L": 0.8086149120851102, "a": -0.04661177827003192, "b": 0.09024327857016547, "C": 0.1015702082334535, "h": 117.31691731250591, "hex": "#BBC97D", "p3": "color(display-p3 0.7444 0.7883 0.5232)"}, {"L": 0.8426181900041655, "a": -0.03570855588850303, "b": -0.09218702621861541, "C": 0.09886126019161413, "h": 248.82617117015877, "hex": "#98D1FF", "p3": "color(display-p3 0.6440 0.8139 1.0000)"}], "protan-severe": [{"L": 0.572189299188796, "a": -0.05617451839003115, "b": -0.1866276673247123, "C": 0.19489859601191445, "h": 253.24832057665537, "hex": "#0076E6", "p3": "color(display-p3 0.1571 0.4550 0.8717)"}, {"L": 0.5055166399192356, "a": -0.016372647334643272, "b": 0.09860582986607391, "C": 0.09995585657840023, "h": 99.42746025435376, "hex": "#73650E", "p3": "color(display-p3 0.4416 0.3989 0.1353)"}, {"L": 0.6877957622741893, "a": -0.04531114286795558, "b": 0.20469244554109167, "C": 0.20964755407491178, "h": 102.48183511837512, "hex": "#B59C00", "p3": "color(display-p3 0.6947 0.6138 0.0000)"}, {"L": 0.6774307619420121, "a": -0.010144387023067757, "b": -0.10334765156641657, "C": 0.10384433384815576, "h": 264.3939261514281, "hex": "#7796D8", "p3": "color(display-p3 0.4921 0.5860 0.8268)"}, {"L": 0.823693202612899, "a": -0.01185787161345502, "b": 0.09879478171156975, "C": 0.0995038592851448, "h": 96.84420144203752, "hex": "#D7C679", "p3": "color(display-p3 0.8331 0.7781 0.5123)"}, {"L": 0.8634150268961601, "a": -0.003794307189752214, "b": -0.08349933048019607, "C": 0.08358549490007945, "h": 267.39820263073904, "hex": "#BAD1FF", "p3": "color(display-p3 0.7461 0.8171 1.0000)"}], "tritan-severe": [{"L": 0.5498991787909258, "a": -0.08141458001988242, "b": -0.06068661680171158, "C": 0.10154407564526657, "h": 216.70093153128852, "hex": "#007F98", "p3": "color(display-p3 0.2012 0.4916 0.5840)"}, {"L": 0.6079078201882654, "a": 0.22433821706366672, "b": 0.08423974043085336, "C": 0.23963298917962528, "h": 20.581322670879164, "hex": "#F0103F", "p3": "color(display-p3 0.8649 0.2024 0.2730)"}, {"L": 0.7186808388832963, "a": 0.08214152937641556, "b": 0.0462032683966881, "C": 0.09424421923297438, "h": 29.35704251622213, "hex": "#D98E82", "p3": "color(display-p3 0.8080 0.5682 0.5205)"}, {"L": 0.7396365209973828, "a": 0.1632784925710884, "b": 0.016908007704630416, "C": 0.1641515971924331, "h": 5.9120881720206295, "hex": "#FE799B", "p3": "color(display-p3 0.9299 0.5044 0.6089)"}, {"L": 0.7741437919103599, "a": -0.1645803880147905, "b": -0.01293780708537059, "C": 0.16508813092187236, "h": 184.4948272961286, "hex": "#00D6C2", "p3": "color(display-p3 0.2376 0.8254 0.7612)"}, {"L": 0.7902174414092132, "a": -0.26036885175916985, "b": -0.058354821688984086, "C": 0.26682807982058726, "h": 192.6325837284437, "hex": "#00E9E8", "p3": "color(display-p3 0.0000 0.8945 0.9002)"}]}, "summary": {"conservative_de_min": 9.226218086839019, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5608455810981063, 0.8015382103332016], "chroma_mean": 0.18942405584456232, "chroma_std": 0.002349878219297972}}, {"rotation": 260, "palette": [{"L": 0.5610827873081471, "a": 0.05302929626419173, "b": -0.19090285661756276, "C": 0.19813128709777553, "h": 285.5243129990517, "hex": "#6F59E1", "p3": "color(display-p3 0.4223 0.3525 0.8526)"}, {"L": 0.5895079312782431, "a": 0.13842610992347334, "b": 0.1384117788687002, "C": 0.1957539487166057, "h": 44.99703397191287, "hex": "#D54700", "p3": "color(display-p3 0.7720 0.3189 0.0000)"}, {"L": 0.6790010049315789, "a": -0.05082623793987426, "b": 0.18969053262479968, "C": 0.19638178283792238, "h": 104.99966545972563, "hex": "#AC9B00", "p3": "color(display-p3 0.6630 0.6115 0.0000)"}, {"L": 0.7306687910076813, "a": 0.1923552025478522, "b": -0.04768824873034077, "C": 0.1981784373088861, "h": 346.0761033678452, "hex": "#FB6BC2", "p3": "color(display-p3 0.9172 0.4549 0.7462)"}, {"L": 0.7556687910076814, "a": -0.1349447142586056, "b": -0.1313093432300389, "C": 0.18828759790767122, "h": 224.21774534926664, "hex": "#00C5FF", "p3": "color(display-p3 0.0000 0.7602 1.0000)"}, {"L": 0.85, "a": -0.1893860651187608, "b": 0.05324831926695798, "C": 0.19672942120060077, "h": 164.29599141358747, "hex": "#00F4AB", "p3": "color(display-p3 0.3783 0.9434 0.6921)"}], "cvd": {"normal": [{"L": 0.5610827830624419, "a": 0.053029297471325905, "b": -0.19090283792677526, "C": 0.1981312694119709, "h": 285.5243147820348, "hex": "#6F59E1", "p3": "color(display-p3 0.4223 0.3525 0.8526)"}, {"L": 0.5895079268014738, "a": 0.13842610591843846, "b": 0.13841180121989805, "C": 0.19575396168833803, "h": 44.99703942692923, "hex": "#D54700", "p3": "color(display-p3 0.7720 0.3189 0.0000)"}, {"L": 0.6790010010702555, "a": -0.05082623902092752, "b": 0.18969056012892477, "C": 0.19638180968469987, "h": 104.99966368752983, "hex": "#AC9B00", "p3": "color(display-p3 0.6630 0.6115 0.0000)"}, {"L": 0.7306687850269454, "a": 0.19235519958570038, "b": -0.04768822328929313, "C": 0.19817842831182234, "h": 346.07611030095603, "hex": "#FB6BC2", "p3": "color(display-p3 0.9172 0.4549 0.7462)"}, {"L": 0.7556687866918987, "a": -0.1349447102331982, "b": -0.13130931541098892, "C": 0.18828757562203727, "h": 224.21774013646817, "hex": "#00C5FF", "p3": "color(display-p3 0.0000 0.7602 1.0000)"}, {"L": 0.8499999956518967, "a": -0.18938606214270004, "b": 0.05324835277561106, "C": 0.19672942740534413, "h": 164.29598178415426, "hex": "#00F4AB", "p3": "color(display-p3 0.3783 0.9434 0.6921)"}], "deutan-mild": [{"L": 0.5460038419174553, "a": -0.0318380287478858, "b": -0.1924818880042351, "C": 0.19509725083718146, "h": 260.6078637375695, "hex": "#2268DF", "p3": "color(display-p3 0.2146 0.4021 0.8460)"}, {"L": 0.5968190325881493, "a": 0.010041466235289563, "b": 0.144538819131306, "C": 0.14488720191937882, "h": 86.02590702517256, "hex": "#A57700", "p3": "color(display-p3 0.6205 0.4725 0.0000)"}, {"L": 0.6849941408843822, "a": -0.041812138873861884, "b": 0.18433557732989095, "C": 0.18901814734768543, "h": 102.77993628009052, "hex": "#B19C00", "p3": "color(display-p3 0.6803 0.6130 0.0000)"}, {"L": 0.7300111858736226, "a": 0.0468141482829465, "b": -0.03764032450516185, "C": 0.06006961385186017, "h": 321.19941801598765, "hex": "#BA9CBF", "p3": "color(display-p3 0.7089 0.6151 0.7395)"}, {"L": 0.7491244856478991, "a": -0.04302143042534093, "b": -0.13891808220204427, "C": 0.1454272224809935, "h": 252.79281124215183, "hex": "#66B1FF", "p3": "color(display-p3 0.4691 0.6881 1.0000)"}, {"L": 0.8535269232333013, "a": -0.043923304133895, "b": 0.0450933580821209, "C": 0.062949722709167, "h": 134.24693545033992, "hex": "#BED9AF", "p3": "color(display-p3 0.7653 0.8462 0.7011)"}], "deutan-severe": [{"L": 0.5389575045883807, "a": -0.061429193851652374, "b": -0.19349438226619492, "C": 0.20301138348831638, "h": 252.38677498939649, "hex": "#006BDE", "p3": "color(display-p3 0.0484 0.4127 0.8423)"}, {"L": 0.6064320845614171, "a": -0.029275072131693686, "b": 0.14533663855282475, "C": 0.1482557531907288, "h": 101.38865951233639, "hex": "#968300", "p3": "color(display-p3 0.5745 0.5168 0.0000)"}, {"L": 0.6886969723379291, "a": -0.03868679029474499, "b": 0.18115134727901366, "C": 0.1852362771281894, "h": 102.05502912678611, "hex": "#B39C00", "p3": "color(display-p3 0.6873 0.6158 0.0000)"}, {"L": 0.735380619911944, "a": 0.0005471987081541788, "b": -0.03182094697287374, "C": 0.031825651488644316, "h": 270.98517139474046, "hex": "#A2A9BE", "p3": "color(display-p3 0.6391 0.6610 0.7382)"}, {"L": 0.7400585808563966, "a": -0.017330644111146813, "b": -0.14437787331128527, "C": 0.1454143099120467, "h": 263.1551534384379, "hex": "#7AA9FF", "p3": "color(display-p3 0.5160 0.6557 1.0000)"}, {"L": 0.8490806608822192, "a": -0.0034252460064320743, "b": 0.04038132683416207, "C": 0.04052633547573721, "h": 94.84836700162406, "hex": "#D6CEB0", "p3": "color(display-p3 0.8320 0.8078 0.7031)"}], "protan-mild": [{"L": 0.5603175990771094, "a": -0.030946849322800153, "b": -0.191354714666731, "C": 0.1938410026495791, "h": 260.8133785412707, "hex": "#296DE4", "p3": "color(display-p3 0.2346 0.4200 0.8627)"}, {"L": 0.5335095443176963, "a": 0.023847801298150575, "b": 0.14074428254647886, "C": 0.14275037897070236, "h": 80.38310633280466, "hex": "#976000", "p3": "color(display-p3 0.5601 0.3869 0.0000)"}, {"L": 0.6708489389029484, "a": -0.04749303895310971, "b": 0.20066844130644926, "C": 0.20621205611060056, "h": 103.31542059069346, "hex": "#AE9700", "p3": "color(display-p3 0.6673 0.5957 0.0000)"}, {"L": 0.6847205219143905, "a": 0.05604531710101605, "b": -0.06708488580477891, "C": 0.08741544184178027, "h": 309.87669176212677, "hex": "#AA8BC3", "p3": "color(display-p3 0.6479 0.5487 0.7483)"}, {"L": 0.7945067373984998, "a": -0.03645526596994748, "b": -0.11778692722545736, "C": 0.12329941866105776, "h": 252.8026095976136, "hex": "#81C0FF", "p3": "color(display-p3 0.5599 0.7470 1.0000)"}, {"L": 0.8880553070910209, "a": -0.0463545070799492, "b": 0.0659517787529277, "C": 0.08061251421026505, "h": 125.10164021329028, "hex": "#CEE4AA", "p3": "color(display-p3 0.8230 0.8918 0.6885)"}], "protan-severe": [{"L": 0.562394284803897, "a": -0.061799442429462344, "b": -0.19186405039270005, "C": 0.20157128991422607, "h": 252.14624167749423, "hex": "#0073E6", "p3": "color(display-p3 0.0996 0.4433 0.8702)"}, {"L": 0.4955228110874957, "a": -0.029375088884894426, "b": 0.13846732648753474, "C": 0.14154891858153135, "h": 101.9774121107036, "hex": "#736300", "p3": "color(display-p3 0.4407 0.3887 0.0000)"}, {"L": 0.6652257539521624, "a": -0.048122858699594435, "b": 0.20937707259469804, "C": 0.21483614234515241, "h": 102.9439619078351, "hex": "#AE9500", "p3": "color(display-p3 0.6665 0.5867 0.0000)"}, {"L": 0.6567504772319572, "a": -0.005916163336266308, "b": -0.08232771030109653, "C": 0.08254000770561302, "h": 265.88972528233205, "hex": "#7990C4", "p3": "color(display-p3 0.4934 0.5631 0.7538)"}, {"L": 0.8145633080337699, "a": -0.008830497847791744, "b": -0.10957783977553794, "C": 0.10993307355893092, "h": 265.3926883286075, "hex": "#A0C1FF", "p3": "color(display-p3 0.6534 0.7534 1.0000)"}, {"L": 0.9061030907354526, "a": -0.0071943803478225, "b": 0.07529059588805898, "C": 0.07563354373403469, "h": 95.4583161276166, "hex": "#EFE0A7", "p3": "color(display-p3 0.9278 0.8820 0.6805)"}], "tritan-severe": [{"L": 0.5512318540252769, "a": -0.04319110987799412, "b": -0.056444130104102215, "C": 0.0710732846834996, "h": 232.57674396608815, "hex": "#447995", "p3": "color(display-p3 0.3164 0.4702 0.5724)"}, {"L": 0.5967416146035566, "a": 0.22015406982686989, "b": 0.087496724788179, "C": 0.2369039706505415, "h": 21.674557975704136, "hex": "#EB0B39", "p3": "color(display-p3 0.8465 0.1931 0.2508)"}, {"L": 0.6835693663724562, "a": 0.04953034895677089, "b": 0.03812213431025335, "C": 0.06250242069030999, "h": 37.58447969156391, "hex": "#BC8C7E", "p3": "color(display-p3 0.7095 0.5581 0.5034)"}, {"L": 0.7334854819579381, "a": 0.19389139312809472, "b": 0.031924890910585806, "C": 0.19650208901893684, "h": 9.350055598777773, "hex": "#FF698E", "p3": "color(display-p3 0.9712 0.4526 0.5609)"}, {"L": 0.7431519566322666, "a": -0.25738979509173343, "b": -0.06334131979429747, "C": 0.2650691030856821, "h": 193.82525744112073, "hex": "#00D9DC", "p3": "color(display-p3 0.0000 0.8292 0.8506)"}, {"L": 0.8459462683422925, "a": -0.20251908478113273, "b": -0.022136581457543564, "C": 0.20372532473704413, "h": 186.2380161371121, "hex": "#00F5E1", "p3": "color(display-p3 0.0000 0.9417 0.8791)"}]}, "summary": {"conservative_de_min": 10.270405439498424, "worst_cvd_bin": "tritan/1.0", "L_range": [0.5610827873081471, 0.85], "chroma_mean": 0.19557707917824363, "chroma_std": 0.0033772351207280965}}, {"rotation": 270, "palette": [{"L": 0.561446173065659, "a": 0.08947191302858952, "b": -0.1521858287785861, "C": 0.17653823863973667, "h": 300.4517920315927, "hex": "#8755CB", "p3": "color(display-p3 0.5020 0.3423 0.7689)"}, {"L": 0.586446173065659, "a": 0.08846944640178629, "b": 0.15151993552900345, "C": 0.1754569286444736, "h": 59.7202026660222, "hex": "#C45A00", "p3": "color(display-p3 0.7157 0.3771 0.0000)"}, {"L": 0.7039652059803948, "a": -0.08375452689469436, "b": 0.15343208239985096, "C": 0.17480338865396383, "h": 118.62896204229979, "hex": "#96AD00", "p3": "color(display-p3 0.6047 0.6759 0.1596)"}, {"L": 0.7296276914326182, "a": 0.17635153133106093, "b": -0.0009040145918358518, "C": 0.17635384839915577, "h": 359.70629250199204, "hex": "#FC71A4", "p3": "color(display-p3 0.9227 0.4762 0.6381)"}, {"L": 0.7546276914326182, "a": -0.08600054119135145, "b": -0.13830430820721143, "C": 0.16286244120078966, "h": 238.12577804381127, "hex": "#1BBCFF", "p3": "color(display-p3 0.3453 0.7252 1.0000)"}, {"L": 0.85, "a": -0.1783477731813947, "b": -0.00042639687766379413, "C": 0.17834828289910584, "h": 180.13698345935754, "hex": "#00F2D2", "p3": "color(display-p3 0.3200 0.9343 0.8281)"}], "cvd": {"normal": [{"L": 0.5614461686549902, "a": 0.0894719131185296, "b": -0.15218580994867562, "C": 0.17653822245288447, "h": 300.45179515403345, "hex": "#8755CB", "p3": "color(display-p3 0.5020 0.3423 0.7689)"}, {"L": 0.5864461689252926, "a": 0.08846944317142735, "b": 0.15151995824141434, "C": 0.1754569466294862, "h": 59.720207316699465, "hex": "#C45A00", "p3": "color(display-p3 0.7157 0.3771 0.0000)"}, {"L": 0.7039652021004849, "a": -0.08375452697516514, "b": 0.15343211071077198, "C": 0.17480341354217388, "h": 118.6289576192904, "hex": "#96AD00", "p3": "color(display-p3 0.6047 0.6759 0.1596)"}, {"L": 0.7296276856198849, "a": 0.1763515281498581, "b": -0.000903988625334234, "C": 0.17635384508488872, "h": 359.70630093286616, "hex": "#FC71A4", "p3": "color(display-p3 0.9227 0.4762 0.6381)"}, {"L": 0.7546276868233694, "a": -0.08600053799480659, "b": -0.13830428083200755, "C": 0.1628624162655552, "h": 238.12577391323117, "hex": "#1BBCFF", "p3": "color(display-p3 0.3453 0.7252 1.0000)"}, {"L": 0.8499999955105172, "a": -0.17834776981448874, "b": -0.00042636396813742274, "C": 0.17834827945353213, "h": 180.13697288953105, "hex": "#00F2D2", "p3": "color(display-p3 0.3200 0.9343 0.8281)"}], "deutan-mild": [{"L": 0.5509037756907839, "a": -0.0011784240164735868, "b": -0.15067004819963425, "C": 0.15067465648755504, "h": 269.5518860799675, "hex": "#5069C9", "p3": "color(display-p3 0.3325 0.4102 0.7628)"}, {"L": 0.5929610021504363, "a": -0.004442174950041804, "b": 0.15413059133259316, "C": 0.15419459167824798, "h": 91.65085618863654, "hex": "#A07800", "p3": "color(display-p3 0.6021 0.4780 0.0000)"}, {"L": 0.7092438261364937, "a": -0.03946007237371143, "b": 0.14824760545502735, "C": 0.1534094189901259, "h": 104.90520977176594, "hex": "#B0A500", "p3": "color(display-p3 0.6842 0.6495 0.1904)"}, {"L": 0.7313903596098296, "a": 0.04159465247366096, "b": 0.008821134108207953, "C": 0.04251973096527798, "h": 11.973530365788106, "hex": "#C19EA1", "p3": "color(display-p3 0.7358 0.6236 0.6327)"}, {"L": 0.7468321439069165, "a": -0.03349020759191453, "b": -0.14414310785989556, "C": 0.14798253122601673, "h": 256.91996549213087, "hex": "#6DAEFF", "p3": "color(display-p3 0.4857 0.6764 1.0000)"}, {"L": 0.8513448324498605, "a": -0.03858559095892283, "b": -0.008241855755530367, "C": 0.03945600101308135, "h": 192.05715053742702, "hex": "#B2D7D5", "p3": "color(display-p3 0.7251 0.8384 0.8327)"}], "deutan-severe": [{"L": 0.5474650454364909, "a": -0.03085945565331676, "b": -0.14961648543015818, "C": 0.15276582967303834, "h": 258.34577169059884, "hex": "#326EC8", "p3": "color(display-p3 0.2579 0.4278 0.7597)"}, {"L": 0.600894298767406, "a": -0.03218578053354324, "b": 0.15350437139012063, "C": 0.1568423300784246, "h": 101.84185447358281, "hex": "#948200", "p3": "color(display-p3 0.5698 0.5106 0.0000)"}, {"L": 0.710884861839282, "a": -0.026584834431909052, "b": 0.14560192324536392, "C": 0.14800903173293467, "h": 100.34741108547153, "hex": "#B7A300", "p3": "color(display-p3 0.7053 0.6416 0.2045)"}, {"L": 0.7379071206902132, "a": -0.000913679018847536, "b": 0.014134688778581594, "C": 0.01416418851247196, "h": 93.69850520713402, "hex": "#ADAAA0", "p3": "color(display-p3 0.6762 0.6675 0.6326)"}, {"L": 0.7388674286651344, "a": -0.018659871495214402, "b": -0.14829787905885958, "C": 0.14946722629919262, "h": 262.82833595910427, "hex": "#77A8FF", "p3": "color(display-p3 0.5082 0.6538 1.0000)"}, {"L": 0.84562735002153, "a": 0.0005101270583516355, "b": -0.0131319686064828, "C": 0.01314187311981486, "h": 272.2246046742147, "hex": "#C9CCD5", "p3": "color(display-p3 0.7906 0.7995 0.8327)"}], "protan-mild": [{"L": 0.5506942081892289, "a": -0.004142711439978126, "b": -0.157570168784879, "C": 0.15762461783925183, "h": 268.4939711887445, "hex": "#4C69CD", "p3": "color(display-p3 0.3209 0.4086 0.7771)"}, {"L": 0.5442032870886359, "a": 0.0010119014414658736, "b": 0.15863868710574802, "C": 0.1586419143579737, "h": 89.63453495084406, "hex": "#946800", "p3": "color(display-p3 0.5545 0.4145 0.0000)"}, {"L": 0.7083086305805864, "a": -0.043607864787331446, "b": 0.16116667738422594, "C": 0.16696210279695614, "h": 105.14034052901141, "hex": "#B1A500", "p3": "color(display-p3 0.6869 0.6489 0.1018)"}, {"L": 0.6830135754102433, "a": 0.05372647963377249, "b": -0.018295889858257884, "C": 0.056756270134177014, "h": 341.1943575837741, "hex": "#B28CA4", "p3": "color(display-p3 0.6757 0.5542 0.6364)"}, {"L": 0.7837151519356065, "a": -0.029034899029153197, "b": -0.128289897167126, "C": 0.1315344938667606, "h": 257.2475107697075, "hex": "#81BAFF", "p3": "color(display-p3 0.5549 0.7248 1.0000)"}, {"L": 0.8899992452600686, "a": -0.039300814226746195, "b": 0.012741411617466326, "C": 0.04131461689149401, "h": 162.03719017362383, "hex": "#C4E4D2", "p3": "color(display-p3 0.7913 0.8895 0.8296)"}], "protan-severe": [{"L": 0.5464249078780185, "a": -0.04189482959196957, "b": -0.1613552176482364, "C": 0.1667053778642126, "h": 255.44491932987884, "hex": "#1B6FCE", "p3": "color(display-p3 0.2121 0.4281 0.7838)"}, {"L": 0.5167967751168778, "a": -0.037039431174263594, "b": 0.16175604276995126, "C": 0.1659425708921834, "h": 102.89742592485909, "hex": "#7B6900", "p3": "color(display-p3 0.4711 0.4130 0.0000)"}, {"L": 0.7095718599684185, "a": -0.031728653600346955, "b": 0.16765051326997032, "C": 0.17062649870103794, "h": 100.71674874958785, "hex": "#BAA200", "p3": "color(display-p3 0.7131 0.6393 0.0116)"}, {"L": 0.6542197611742269, "a": -0.000156936182256991, "b": -0.03261234019868208, "C": 0.03261271779842761, "h": 269.72428499657315, "hex": "#8890A5", "p3": "color(display-p3 0.5402 0.5637 0.6401)"}, {"L": 0.7995981528188415, "a": -0.012026287482208837, "b": -0.12219586027548468, "C": 0.1227862364398816, "h": 264.3791582189625, "hex": "#96BCFF", "p3": "color(display-p3 0.6178 0.7336 1.0000)"}, {"L": 0.9093371256364227, "a": -0.0011647977222184465, "b": 0.021808400267330108, "C": 0.021839484333513216, "h": 93.05729169895042, "hex": "#E6E1D1", "p3": "color(display-p3 0.8980 0.8832 0.8265)"}], "tritan-severe": [{"L": 0.5557691357639619, "a": 0.02479076672656317, "b": -0.03478172180107142, "C": 0.04271241372643319, "h": 305.47947508997424, "hex": "#796D88", "p3": "color(display-p3 0.4670 0.4297 0.5244)"}, {"L": 0.59300245824124, "a": 0.17716707217460267, "b": 0.07150496049091776, "C": 0.1910526912601039, "h": 21.979094761752528, "hex": "#D83D47", "p3": "color(display-p3 0.7827 0.2904 0.2989)"}, {"L": 0.7068448479734618, "a": -0.009492789677167605, "b": 0.021896736316467155, "C": 0.02386587767436663, "h": 113.43795330239837, "hex": "#A0A292", "p3": "color(display-p3 0.6294 0.6366 0.5774)"}, {"L": 0.7339504685200842, "a": 0.19829064096807508, "b": 0.04537409399139769, "C": 0.20341579757007627, "h": 12.888873382708493, "hex": "#FF6684", "p3": "color(display-p3 0.9857 0.4440 0.5270)"}, {"L": 0.7439067892588633, "a": -0.1940254375270647, "b": -0.05828967828956347, "C": 0.2025920951139745, "h": 196.72146964346618, "hex": "#00D0D7", "p3": "color(display-p3 0.0000 0.7973 0.8326)"}, {"L": 0.8438181549310175, "a": -0.22383730441491967, "b": -0.03370310605915908, "C": 0.22636041660540462, "h": 188.56268364222822, "hex": "#00F7E9", "p3": "color(display-p3 0.0000 0.9500 0.9069)"}]}, "summary": {"conservative_de_min": 10.736999302800443, "worst_cvd_bin": "tritan/1.0", "L_range": [0.561446173065659, 0.85], "chroma_mean": 0.1740605214062042, "chroma_std": 0.00512643695653125}}, {"rotation": 280, "palette": [{"L": 0.561446173065659, "a": 0.11453942546152189, "b": -0.13433714942995137, "C": 0.17653823863973667, "h": 310.4517920315927, "hex": "#954FC0", "p3": "color(display-p3 0.5476 0.3245 0.7291)"}, {"L": 0.586446173065659, "a": 0.0608142360363549, "b": 0.16458056539174487, "C": 0.17545692864447357, "h": 69.7202026660222, "hex": "#BC6200", "p3": "color(display-p3 0.6894 0.4037 0.0000)"}, {"L": 0.7039652059803948, "a": -0.1091253089401409, "b": 0.1365572833415616, "C": 0.17480338865396383, "h": 128.62896204229978, "hex": "#7EB321", "p3": "color(display-p3 0.5386 0.6967 0.2481)"}, {"L": 0.7296276914326182, "a": 0.17382933579686072, "b": 0.029732841465535186, "C": 0.17635384839915574, "h": 9.706292501992033, "hex": "#FF718F", "p3": "color(display-p3 0.9383 0.4767 0.5641)"}, {"L": 0.7546276914326182, "a": -0.06067770864482095, "b": -0.15113699225369973, "C": 0.16286244120078966, "h": 248.1257780438113, "hex": "#4DB6FF", "p3": "color(display-p3 0.4142 0.7034 1.0000)"}, {"L": 0.85, "a": -0.17556422672073108, "b": -0.03138968475488769, "C": 0.17834828289910584, "h": 190.1369834593575, "hex": "#00F1E8", "p3": "color(display-p3 0.2612 0.9295 0.9036)"}], "cvd": {"normal": [{"L": 0.5614461685308242, "a": 0.11453942488589555, "b": -0.13433713059947988, "C": 0.1765382239371786, "h": 310.4517958545964, "hex": "#954FC0", "p3": "color(display-p3 0.5476 0.3245 0.7291)"}, {"L": 0.5864461691085057, "a": 0.06081423317257952, "b": 0.1645805884233078, "C": 0.1754569492557394, "h": 69.72020615003798, "hex": "#BC6200", "p3": "color(display-p3 0.6894 0.4037 0.0000)"}, {"L": 0.7039652022272189, "a": -0.10912530836981596, "b": 0.13655731166410814, "C": 0.17480341042364073, "h": 128.62895610090038, "hex": "#7EB321", "p3": "color(display-p3 0.5386 0.6967 0.2481)"}, {"L": 0.7296276856780127, "a": 0.17382933232711595, "b": 0.029732867746154353, "C": 0.1763538494099327, "h": 9.706301108160421, "hex": "#FF718F", "p3": "color(display-p3 0.9383 0.4767 0.5641)"}, {"L": 0.7546276866550069, "a": -0.060677705772722156, "b": -0.1511369651778438, "C": 0.1628624150042293, "h": 248.12577543259619, "hex": "#4DB6FF", "p3": "color(display-p3 0.4142 0.7034 1.0000)"}, {"L": 0.8499999954502678, "a": -0.17556422306051028, "b": -0.031389652166221235, "C": 0.17834827356034869, "h": 190.1369733603788, "hex": "#00F1E8", "p3": "color(display-p3 0.2612 0.9295 0.9036)"}], "deutan-mild": [{"L": 0.5528984280872699, "a": 0.012418531823767712, "b": -0.13092392698229263, "C": 0.13151157587498763, "h": 275.4184672219811, "hex": "#5E69BE", "p3": "color(display-p3 0.3760 0.4113 0.7231)"}, {"L": 0.5927803187778328, "a": -0.01382313946620005, "b": 0.16498352697589752, "C": 0.16556159988991626, "h": 94.78933900700612, "hex": "#9E7A00", "p3": "color(display-p3 0.5963 0.4828 0.0000)"}, {"L": 0.7089595303499858, "a": -0.041005953654164665, "b": 0.1307235322710077, "C": 0.13700412447987356, "h": 107.41583575456623, "hex": "#ABA72D", "p3": "color(display-p3 0.6667 0.6537 0.2694)"}, {"L": 0.7329280706660154, "a": 0.03842209649353906, "b": 0.03954561702867454, "C": 0.0551372226824803, "h": 45.82557929196833, "hex": "#C79E8C", "p3": "color(display-p3 0.7552 0.6274 0.5593)"}, {"L": 0.7455382839496906, "a": -0.030977963421320077, "b": -0.156205535428792, "C": 0.15924761698791048, "h": 258.782905601419, "hex": "#6CACFF", "p3": "color(display-p3 0.4796 0.6685 1.0000)"}, {"L": 0.8499260105055078, "a": -0.038084464730522904, "b": -0.03929867842912427, "C": 0.05472488081381411, "h": 225.89895045500782, "hex": "#A8D6E9", "p3": "color(display-p3 0.6962 0.8336 0.9062)"}], "deutan-severe": [{"L": 0.5513250774688873, "a": -0.02067116378140258, "b": -0.12866007606104243, "C": 0.1303100617147839, "h": 260.8725794870647, "hex": "#4470BD", "p3": "color(display-p3 0.3060 0.4346 0.7203)"}, {"L": 0.599964451002143, "a": -0.035637159208361406, "b": 0.16331509921003157, "C": 0.16715809506698906, "h": 102.30961453772078, "hex": "#958100", "p3": "color(display-p3 0.5710 0.5097 0.0000)"}, {"L": 0.7093051560239707, "a": -0.021568844639199527, "b": 0.12784083163893623, "C": 0.1296475734181121, "h": 99.57655096632908, "hex": "#B5A232", "p3": "color(display-p3 0.6972 0.6390 0.2784)"}, {"L": 0.7404355791464272, "a": -0.004173770153141961, "b": 0.044611190532635736, "C": 0.04480601162824457, "h": 95.34496623353765, "hex": "#B3AB8B", "p3": "color(display-p3 0.6979 0.6726 0.5602)"}, {"L": 0.737756704003077, "a": -0.022779681760464597, "b": -0.1598122151804622, "C": 0.16142756277040918, "h": 261.8876888841201, "hex": "#70A8FF", "p3": "color(display-p3 0.4874 0.6511 1.0000)"}, {"L": 0.843304479499875, "a": 0.00042702890666437973, "b": -0.044452369461635555, "C": 0.044454420527556944, "h": 270.5503913916567, "hex": "#C0CBEA", "p3": "color(display-p3 0.7617 0.7940 0.9053)"}], "protan-mild": [{"L": 0.5434501548695688, "a": 0.009317827584945147, "b": -0.14307192480390252, "C": 0.1433750242475875, "h": 273.7262328203141, "hex": "#5766C2", "p3": "color(display-p3 0.3515 0.3971 0.7364)"}, {"L": 0.5505895787925694, "a": -0.012913110176942369, "b": 0.17560359897881547, "C": 0.1760777452966572, "h": 94.20570776070502, "hex": "#946C00", "p3": "color(display-p3 0.5550 0.4288 0.0000)"}, {"L": 0.7161400056503207, "a": -0.045142393675409835, "b": 0.1445307494953525, "C": 0.1514165554238836, "h": 107.34554950013906, "hex": "#AEA90D", "p3": "color(display-p3 0.6800 0.6633 0.2202)"}, {"L": 0.6799956668306185, "a": 0.05288021818563082, "b": 0.013272051836092258, "C": 0.05452031580337591, "h": 14.089256246695632, "hex": "#B78B8E", "p3": "color(display-p3 0.6926 0.5519 0.5592)"}, {"L": 0.7789839872176517, "a": -0.0269649958365942, "b": -0.14279993141166022, "C": 0.14532354045935714, "h": 259.3067142988356, "hex": "#7DB7FF", "p3": "color(display-p3 0.5412 0.7126 1.0000)"}, {"L": 0.8916687463109111, "a": -0.037552208090404444, "b": -0.017644329126937464, "C": 0.04149085059148259, "h": 205.16701487579527, "hex": "#BCE4E8", "p3": "color(display-p3 0.7693 0.8888 0.9075)"}], "protan-severe": [{"L": 0.5345035561200084, "a": -0.03569081711954708, "b": -0.14924246430915875, "C": 0.1534507985633554, "h": 256.55051277149386, "hex": "#276BC4", "p3": "color(display-p3 0.2299 0.4158 0.7428)"}, {"L": 0.5277015937336739, "a": -0.044754716993070515, "b": 0.18274455225395111, "C": 0.18814503998677962, "h": 103.76106584341595, "hex": "#806C00", "p3": "color(display-p3 0.4882 0.4257 0.0000)"}, {"L": 0.7214626002311318, "a": -0.026400470874437133, "b": 0.15131975480394966, "C": 0.15360551115217008, "h": 99.89667307555627, "hex": "#BCA600", "p3": "color(display-p3 0.7232 0.6533 0.1906)"}, {"L": 0.6488284870387057, "a": 3.31497577283342e-05, "b": -0.0009719693233520843, "C": 0.0009725344579884848, "h": 271.95335926526144, "hex": "#8E8F8F", "p3": "color(display-p3 0.5587 0.5593 0.5616)"}, {"L": 0.7928846850910515, "a": -0.016467402357432923, "b": -0.13776992931841847, "C": 0.13875059915115182, "h": 263.1838721005802, "hex": "#8CBAFF", "p3": "color(display-p3 0.5866 0.7238 1.0000)"}, {"L": 0.9120181828258912, "a": 0.0002378007753535095, "b": -0.008496252296826377, "C": 0.008499579536664519, "h": 271.6032274170385, "hex": "#E0E2E8", "p3": "color(display-p3 0.8786 0.8847 0.9066)"}], "tritan-severe": [{"L": 0.5576875441168254, "a": 0.0643807644674013, "b": -0.022663549449494017, "C": 0.06825334648979978, "h": 340.6067276190767, "hex": "#8F6480", "p3": "color(display-p3 0.5371 0.3993 0.4962)"}, {"L": 0.59270980435906, "a": 0.15565751925110735, "b": 0.06526825814216157, "C": 0.1687874664195203, "h": 22.74863611062285, "hex": "#CF4A4D", "p3": "color(display-p3 0.7531 0.3264 0.3182)"}, {"L": 0.7056359778266813, "a": -0.04963745092359778, "b": 0.012411329884767446, "C": 0.05116559042658552, "h": 165.9616194632718, "hex": "#82AB99", "p3": "color(display-p3 0.5435 0.6652 0.6034)"}, {"L": 0.7349693059678664, "a": 0.2098550340717964, "b": 0.056227409826746344, "C": 0.2172571217269982, "h": 14.999216153122827, "hex": "#FF5F7C", "p3": "color(display-p3 1.0000 0.4243 0.4986)"}, {"L": 0.7441065776917587, "a": -0.16811467849848047, "b": -0.05855577459553184, "C": 0.17802057146613753, "h": 199.20366241340344, "hex": "#00CBD7", "p3": "color(display-p3 0.0000 0.7827 0.8305)"}, {"L": 0.8422836343215696, "a": -0.24107051692138493, "b": -0.04140780604513404, "C": 0.24460090050982064, "h": 189.74637902004253, "hex": "#00F9EE", "p3": "color(display-p3 0.0000 0.9567 0.9255)"}]}, "summary": {"conservative_de_min": 12.746964879837085, "worst_cvd_bin": "tritan/1.0", "L_range": [0.561446173065659, 0.85], "chroma_mean": 0.1740605214062042, "chroma_std": 0.005126436956531248}}, {"rotation": 290, "palette": [{"L": 0.5619585930935197, "a": 0.123677411816857, "b": -0.1218381932939009, "C": 0.17361062046671683, "h": 315.42920892026336, "hex": "#9B4EB9", "p3": "color(display-p3 0.5673 0.3204 0.7029)"}, {"L": 0.5869585930935197, "a": 0.04445198980999339, "b": 0.1670619429422232, "C": 0.17287472972559753, "h": 75.09992191123092, "hex": "#B66700", "p3": "color(display-p3 0.6706 0.4208 0.0000)"}, {"L": 0.6856535515443203, "a": -0.1227620895386178, "b": 0.12712594260787927, "C": 0.17672446325234495, "h": 133.9995321144874, "hex": "#69B02C", "p3": "color(display-p3 0.4776 0.6842 0.2641)"}, {"L": 0.7459987258238983, "a": 0.16662517981593084, "b": 0.040960125305935846, "C": 0.17158578733033006, "h": 13.81071931648348, "hex": "#FF798C", "p3": "color(display-p3 0.9582 0.5050 0.5563)"}, {"L": 0.7709987258238983, "a": -0.042599626167944285, "b": -0.15129286291974142, "C": 0.1571758840283721, "h": 254.27433967818882, "hex": "#69B7FF", "p3": "color(display-p3 0.4848 0.7112 1.0000)"}, {"L": 0.85, "a": -0.16729939388895507, "b": -0.04192788394059609, "C": 0.1724732867644953, "h": 194.06944996749536, "hex": "#00EFEF", "p3": "color(display-p3 0.2856 0.9230 0.9281)"}], "cvd": {"normal": [{"L": 0.5619585885184913, "a": 0.12367741093193317, "b": -0.12183817438595239, "C": 0.17361060656690305, "h": 315.42921316064695, "hex": "#9B4EB9", "p3": "color(display-p3 0.5673 0.3204 0.7029)"}, {"L": 0.5869585892340043, "a": 0.04445198721960236, "b": 0.1670619661312251, "C": 0.17287475146880846, "h": 75.09992471710395, "hex": "#B66700", "p3": "color(display-p3 0.6706 0.4208 0.0000)"}, {"L": 0.685653547978216, "a": -0.12276208861559826, "b": 0.12712597025052083, "C": 0.17672448249577732, "h": 133.9995256737389, "hex": "#69B02C", "p3": "color(display-p3 0.4776 0.6842 0.2641)"}, {"L": 0.7459987200212257, "a": 0.1666251763573564, "b": 0.04096015235551198, "C": 0.17158579042888977, "h": 13.810728363413876, "hex": "#FF798C", "p3": "color(display-p3 0.9582 0.5050 0.5563)"}, {"L": 0.7709987208318525, "a": -0.04259962362865217, "b": -0.15129283535966043, "C": 0.15717585681162402, "h": 254.27433784626334, "hex": "#69B7FF", "p3": "color(display-p3 0.4848 0.7112 1.0000)"}, {"L": 0.8499999953863855, "a": -0.1672993902639548, "b": -0.04192785151153904, "C": 0.17247327536480753, "h": 194.0694398104481, "hex": "#00EFEF", "p3": "color(display-p3 0.2856 0.9230 0.9281)"}], "deutan-mild": [{"L": 0.554671510609262, "a": 0.018648249473724746, "b": -0.1175460169484408, "C": 0.11901606323886456, "h": 279.014639887631, "hex": "#656AB7", "p3": "color(display-p3 0.3987 0.4138 0.6970)"}, {"L": 0.5930773826348569, "a": -0.018031388349109646, "b": 0.1664779467678541, "C": 0.16745159815850333, "h": 96.18166385507418, "hex": "#9C7B00", "p3": "color(display-p3 0.5916 0.4863 0.0000)"}, {"L": 0.6904943665744376, "a": -0.04205984071671674, "b": 0.12088317932823707, "C": 0.12799130144513066, "h": 109.18472331420227, "hex": "#A2A236", "p3": "color(display-p3 0.6343 0.6334 0.2834)"}, {"L": 0.7496572047703296, "a": 0.03547510646419594, "b": 0.05035401385511896, "C": 0.06159553465932046, "h": 54.83476931305636, "hex": "#CDA489", "p3": "color(display-p3 0.7796 0.6497 0.5519)"}, {"L": 0.7617856204980606, "a": -0.025987830243078113, "b": -0.15558223589784034, "C": 0.1577377553020021, "h": 260.5170911834609, "hex": "#75B0FF", "p3": "color(display-p3 0.5118 0.6855 1.0000)"}, {"L": 0.8492849655720829, "a": -0.03671635060144024, "b": -0.04960911707875748, "C": 0.06171835139423078, "h": 233.49437697387435, "hex": "#A6D5F0", "p3": "color(display-p3 0.6889 0.8305 0.9299)"}], "deutan-severe": [{"L": 0.554079309141648, "a": -0.015203754162053645, "b": -0.11475422317890194, "C": 0.11575701221962062, "h": 262.4528534263236, "hex": "#4D71B6", "p3": "color(display-p3 0.3326 0.4393 0.6944)"}, {"L": 0.5996829670274827, "a": -0.03607520446073975, "b": 0.1645152188495721, "C": 0.16842410044291992, "h": 102.36816619745028, "hex": "#958100", "p3": "color(display-p3 0.5710 0.5094 0.0000)"}, {"L": 0.6901360447096544, "a": -0.01922782829708023, "b": 0.11781060738838245, "C": 0.11936937879641325, "h": 99.26949582435776, "hex": "#AE9C39", "p3": "color(display-p3 0.6695 0.6153 0.2911)"}, {"L": 0.7572526613358335, "a": -0.005623513205947897, "b": 0.05511472428503472, "C": 0.055400873041793, "h": 95.82589112946415, "hex": "#BAB189", "p3": "color(display-p3 0.7247 0.6939 0.5533)"}, {"L": 0.7545609664455541, "a": -0.021533394508417143, "b": -0.15862007374269504, "C": 0.16007502888706016, "h": 262.2690985534215, "hex": "#77ADFF", "p3": "color(display-p3 0.5113 0.6719 1.0000)"}, {"L": 0.8425565532677938, "a": -1.8355584700931816e-05, "b": -0.05466685978620912, "C": 0.05466686286785201, "h": 269.98076169916385, "hex": "#BDCAF0", "p3": "color(display-p3 0.7515 0.7921 0.9288)"}], "protan-mild": [{"L": 0.5408028878432856, "a": 0.01632426008496278, "b": -0.1320134569619483, "C": 0.13301892454220823, "h": 277.04918475359744, "hex": "#5D65BB", "p3": "color(display-p3 0.3696 0.3937 0.7095)"}, {"L": 0.5555368214152402, "a": -0.018765650824074626, "b": 0.1784239613175433, "C": 0.17940808126473923, "h": 96.00398182580756, "hex": "#936E00", "p3": "color(display-p3 0.5547 0.4387 0.0000)"}, {"L": 0.7019101250666143, "a": -0.04618307106875175, "b": 0.1354318605042159, "C": 0.14308970924903988, "h": 108.82968198039048, "hex": "#A7A521", "p3": "color(display-p3 0.6532 0.6482 0.2416)"}, {"L": 0.6972074027638139, "a": 0.0495821603951595, "b": 0.02569275393132886, "C": 0.05584360513100079, "h": 27.39253344218365, "hex": "#BE918B", "p3": "color(display-p3 0.7178 0.5750 0.5500)"}, {"L": 0.7915607608375307, "a": -0.023134831382227366, "b": -0.14446658874749987, "C": 0.146307264643364, "h": 260.90192067827, "hex": "#84BAFF", "p3": "color(display-p3 0.5640 0.7251 1.0000)"}, {"L": 0.8906845782074371, "a": -0.03588313996818816, "b": -0.028474676849379862, "C": 0.04580837211311042, "h": 218.43337708100742, "hex": "#BAE3F0", "p3": "color(display-p3 0.7617 0.8853 0.9327)"}], "protan-severe": [{"L": 0.5296954827589037, "a": -0.030508716602334212, "b": -0.13927426301512352, "C": 0.14257665351356563, "h": 257.64423938070524, "hex": "#306ABC", "p3": "color(display-p3 0.2484 0.4113 0.7156)"}, {"L": 0.535677753407114, "a": -0.0456750961193245, "b": 0.18610627623126633, "C": 0.19162922652397765, "h": 103.78925958663444, "hex": "#826E00", "p3": "color(display-p3 0.4986 0.4348 0.0000)"}, {"L": 0.7092764332621337, "a": -0.02414314528982001, "b": 0.14250283127590574, "C": 0.1445335545336605, "h": 99.61586744589358, "hex": "#B7A20F", "p3": "color(display-p3 0.7047 0.6382 0.2168)"}, {"L": 0.666678696765951, "a": -0.0006071862051421638, "b": 0.012317694584819239, "C": 0.012332650768289845, "h": 92.82204351076386, "hex": "#97948C", "p3": "color(display-p3 0.5891 0.5813 0.5517)"}, {"L": 0.8036845637022333, "a": -0.016903621317491718, "b": -0.14035517355591962, "C": 0.14136939965055195, "h": 263.1326797276395, "hex": "#8EBDFF", "p3": "color(display-p3 0.5965 0.7371 1.0000)"}, {"L": 0.9107133903415633, "a": 0.0003591513148678035, "b": -0.01959746055005518, "C": 0.019600751252896922, "h": 271.0499090541024, "hex": "#DCE1EF", "p3": "color(display-p3 0.8678 0.8823 0.9325)"}], "tritan-severe": [{"L": 0.5592200005760903, "a": 0.08138976082260851, "b": -0.015659772605834014, "C": 0.08288257745043798, "h": 349.1091130697065, "hex": "#99607C", "p3": "color(display-p3 0.5672 0.3853 0.4809)"}, {"L": 0.592942471182559, "a": 0.14006123759386632, "b": 0.060238538881499715, "C": 0.15246583828157514, "h": 23.271918941547487, "hex": "#C95251", "p3": "color(display-p3 0.7314 0.3500 0.3336)"}, {"L": 0.6865968330386785, "a": -0.07181473845684228, "b": 0.007316731681214609, "C": 0.07218650304675764, "h": 174.1825829139576, "hex": "#69A997", "p3": "color(display-p3 0.4683 0.6572 0.5952)"}, {"L": 0.7515787775359865, "a": 0.20783832063491064, "b": 0.057781356048619115, "C": 0.21572077468606776, "h": 15.53651996077091, "hex": "#FF6680", "p3": "color(display-p3 1.0000 0.4489 0.5144)"}, {"L": 0.761274225428067, "a": -0.14374242947720667, "b": -0.05572719816419552, "C": 0.15416681435134233, "h": 201.190708415334, "hex": "#00CDDA", "p3": "color(display-p3 0.2346 0.7906 0.8431)"}, {"L": 0.8420476446022246, "a": -0.23711477035514278, "b": -0.04293969357956457, "C": 0.240971433172646, "h": 190.2645903062331, "hex": "#00F8EF", "p3": "color(display-p3 0.0000 0.9539 0.9284)"}]}, "summary": {"conservative_de_min": 12.95336148281086, "worst_cvd_bin": "deutan/1.0", "L_range": [0.5619585930935197, 0.85], "chroma_mean": 0.17074079526130947, "chroma_std": 0.006275829437840599}}, {"rotation": 300, "palette": [{"L": 0.5647971793540496, "a": 0.13167740312033369, "b": -0.0863808290324777, "C": 0.1574820183921104, "h": 326.7349875778253, "hex": "#A44FA6", "p3": "color(display-p3 0.6005 0.3271 0.6320)"}, {"L": 0.6012463568237391, "a": 0.010327993432655082, "b": 0.15584425307696254, "C": 0.15618610266429378, "h": 86.20848122498889, "hex": "#A97700", "p3": "color(display-p3 0.6344 0.4743 0.0000)"}, {"L": 0.6379093079076439, "a": -0.1310325692361531, "b": 0.08989546261207507, "C": 0.1589047777723069, "h": 145.54776048948057, "hex": "#3EA44A", "p3": "color(display-p3 0.3576 0.6339 0.3323)"}, {"L": 0.7484998852156818, "a": 0.1420126530839301, "b": 0.06711518149449576, "C": 0.157073362550675, "h": 25.29541862824846, "hex": "#FF8179", "p3": "color(display-p3 0.9453 0.5349 0.4937)"}, {"L": 0.7734998852156818, "a": -0.01007481232989529, "b": -0.14155514098489924, "C": 0.14191321215002256, "h": 265.9289892549549, "hex": "#8AB2FF", "p3": "color(display-p3 0.5744 0.6931 1.0000)"}, {"L": 0.8498755762688744, "a": -0.14077308334589048, "b": -0.06630012059724047, "C": 0.15560452109729223, "h": 205.21910257981062, "hex": "#00EAFE", "p3": "color(display-p3 0.3690 0.9021 0.9830)"}], "cvd": {"normal": [{"L": 0.5647971747627196, "a": 0.131677401692117, "b": -0.08638080972958495, "C": 0.15748200661004386, "h": 326.7349931649199, "hex": "#A44FA6", "p3": "color(display-p3 0.6005 0.3271 0.6320)"}, {"L": 0.601246353058356, "a": 0.010327991590214365, "b": 0.15584427692846714, "C": 0.15618612634176024, "h": 86.20848247798408, "hex": "#A97700", "p3": "color(display-p3 0.6344 0.4743 0.0000)"}, {"L": 0.6379093046494082, "a": -0.13103256775694505, "b": 0.08989548816968622, "C": 0.1589047910109843, "h": 145.54775258889674, "hex": "#3EA44A", "p3": "color(display-p3 0.3576 0.6339 0.3323)"}, {"L": 0.748499879580185, "a": 0.14201264979314254, "b": 0.06711520906131452, "C": 0.15707337135432506, "h": 25.295428232564344, "hex": "#FF8179", "p3": "color(display-p3 0.9453 0.5349 0.4937)"}, {"L": 0.773499880027793, "a": -0.01007481050335801, "b": -0.14155511346089023, "C": 0.14191318456579036, "h": 265.9289892016303, "hex": "#8AB2FF", "p3": "color(display-p3 0.5744 0.6931 1.0000)"}, {"L": 0.8498755714643687, "a": -0.1407730799391662, "b": -0.06630008859297928, "C": 0.15560450437887646, "h": 205.21909245309823, "hex": "#00EAFE", "p3": "color(display-p3 0.3690 0.9021 0.9830)"}], "deutan-mild": [{"L": 0.5605517475318693, "a": 0.028080565620603605, "b": -0.08068602347172366, "C": 0.08543273698795191, "h": 289.18905537260775, "hex": "#736CA4", "p3": "color(display-p3 0.4466 0.4245 0.6267)"}, {"L": 0.6066705929667292, "a": -0.02229896817675276, "b": 0.15429928008615007, "C": 0.15590225083959505, "h": 98.22331742363555, "hex": "#9B8100", "p3": "color(display-p3 0.5923 0.5093 0.0000)"}, {"L": 0.6418840116315412, "a": -0.03727551512379812, "b": 0.08387453660059102, "C": 0.09178454073376618, "h": 113.96131575201582, "hex": "#8C934F", "p3": "color(display-p3 0.5537 0.5759 0.3440)"}, {"L": 0.7528639989640643, "a": 0.026295090656046134, "b": 0.07502824123040963, "C": 0.07950263375975808, "h": 70.68600588173723, "hex": "#CFA777", "p3": "color(display-p3 0.7876 0.6594 0.4909)"}, {"L": 0.7648559819655, "a": -0.01527496474874289, "b": -0.14419220700651358, "C": 0.14499902451218286, "h": 263.9529392640474, "hex": "#83B0FF", "p3": "color(display-p3 0.5503 0.6854 1.0000)"}, {"L": 0.8474947030698862, "a": -0.032563194605193496, "b": -0.0731987284591381, "C": 0.08011501414173461, "h": 246.01762646675704, "hex": "#A2D3FF", "p3": "color(display-p3 0.6743 0.8214 0.9831)"}], "deutan-severe": [{"L": 0.5619505679888516, "a": -0.004910629423684233, "b": -0.07714191929524482, "C": 0.07729805944453469, "h": 266.3576324999275, "hex": "#6074A3", "p3": "color(display-p3 0.3915 0.4520 0.6247)"}, {"L": 0.6116751278475523, "a": -0.03152798154621765, "b": 0.15261375096147664, "C": 0.15583635841134846, "h": 101.67234741513192, "hex": "#988500", "p3": "color(display-p3 0.5829 0.5232 0.0000)"}, {"L": 0.6402666131430714, "a": -0.011020227656672623, "b": 0.08076982382231501, "C": 0.08151815661490817, "h": 97.7694564662696, "hex": "#998D51", "p3": "color(display-p3 0.5934 0.5540 0.3481)"}, {"L": 0.760352123561508, "a": -0.009633860556862781, "b": 0.07880425733549346, "C": 0.07939094560104289, "h": 96.96985358474971, "hex": "#BFB277", "p3": "color(display-p3 0.7408 0.6991 0.4935)"}, {"L": 0.7590819736406204, "a": -0.017131023439104744, "b": -0.14605317295607276, "C": 0.14705441610032546, "h": 263.31016980974806, "hex": "#7FAEFF", "p3": "color(display-p3 0.5376 0.6789 1.0000)"}, {"L": 0.8407093174946525, "a": -0.0018439823313164936, "b": -0.07783384085421474, "C": 0.07785568092925163, "h": 268.6428442454987, "hex": "#B5C9FF", "p3": "color(display-p3 0.7264 0.7877 0.9812)"}], "protan-mild": [{"L": 0.5388269828582872, "a": 0.028940581043133854, "b": -0.09845667012293145, "C": 0.10262199141904205, "h": 286.38029366425394, "hex": "#6A64A7", "p3": "color(display-p3 0.4120 0.3940 0.6367)"}, {"L": 0.5810333836866756, "a": -0.023662178469521223, "b": 0.16339918268604847, "C": 0.16510357837549167, "h": 98.23984265449958, "hex": "#957900", "p3": "color(display-p3 0.5667 0.4774 0.0000)"}, {"L": 0.6596079437440385, "a": -0.040479557042776684, "b": 0.09821778651998142, "C": 0.10623242502769131, "h": 112.39855727354816, "hex": "#939947", "p3": "color(display-p3 0.5811 0.5979 0.3220)"}, {"L": 0.7036057051987196, "a": 0.038800400123484895, "b": 0.055482051272152666, "C": 0.06770324263363095, "h": 55.03365663030674, "hex": "#C19577", "p3": "color(display-p3 0.7306 0.5904 0.4838)"}, {"L": 0.7863906446253344, "a": -0.014364252949771996, "b": -0.13779753182159352, "C": 0.1385441862328698, "h": 264.0488823972108, "hex": "#8CB7FF", "p3": "color(display-p3 0.5835 0.7140 1.0000)"}, {"L": 0.8866632651482034, "a": -0.031238357063549393, "b": -0.054087957005273454, "C": 0.06246072401945175, "h": 239.99153114082398, "hex": "#B5E0FF", "p3": "color(display-p3 0.7433 0.8736 0.9891)"}], "protan-severe": [{"L": 0.5242054511920634, "a": -0.016343371144350565, "b": -0.1073339164242078, "C": 0.10857106150038699, "h": 261.34226757563346, "hex": "#4669A8", "p3": "color(display-p3 0.3034 0.4080 0.6419)"}, {"L": 0.5684533573902303, "a": -0.037163038547300506, "b": 0.1684021270710528, "C": 0.1724539585980071, "h": 102.44459422654297, "hex": "#8C7800", "p3": "color(display-p3 0.5356 0.4720 0.0000)"}, {"L": 0.6697232880599516, "a": -0.015032327996127467, "b": 0.10497816441757779, "C": 0.10604897872901536, "h": 98.14906125457175, "hex": "#A69642", "p3": "color(display-p3 0.6413 0.5892 0.3094)"}, {"L": 0.6756738632877183, "a": -0.0037640951518839285, "b": 0.04482044090623538, "C": 0.04497822067780999, "h": 94.80053006189439, "hex": "#A09778", "p3": "color(display-p3 0.6198 0.5937 0.4834)"}, {"L": 0.7946366662108398, "a": -0.015771835012892484, "b": -0.13558706113837515, "C": 0.13650128910678969, "h": 263.3650264325841, "hex": "#8EBAFF", "p3": "color(display-p3 0.5922 0.7262 1.0000)"}, {"L": 0.9052424199745971, "a": -0.0002664168707138418, "b": -0.04616566310949966, "C": 0.046166431834059024, "h": 269.66935614468474, "hex": "#D3DFFF", "p3": "color(display-p3 0.8373 0.8734 0.9906)"}], "tritan-severe": [{"L": 0.5642509825266692, "a": 0.10780475847381987, "b": 0.0004103340626056551, "C": 0.1078055393921925, "h": 0.2180821772096929, "hex": "#A85973", "p3": "color(display-p3 0.6183 0.3638 0.4483)"}, {"L": 0.6063273544190765, "a": 0.09799129683373246, "b": 0.04625959402346863, "C": 0.10836163663572455, "h": 25.270993240609066, "hex": "#BA6760", "p3": "color(display-p3 0.6864 0.4187 0.3891)"}, {"L": 0.6372812435805284, "a": -0.10539012869457137, "b": -0.002903420853190928, "C": 0.1054301146680068, "h": 181.57805761175348, "hex": "#26A090", "p3": "color(display-p3 0.3099 0.6181 0.5640)"}, {"L": 0.7543895774392431, "a": 0.19444356825147846, "b": 0.059127874879209126, "C": 0.20323485631677154, "h": 16.913865359974725, "hex": "#FF6D80", "p3": "color(display-p3 1.0000 0.4729 0.5158)"}, {"L": 0.7656879671296667, "a": -0.09508522343426036, "b": -0.047057964965887725, "C": 0.10609265658976559, "h": 206.33094718708017, "hex": "#50C6D4", "p3": "color(display-p3 0.4447 0.7664 0.8230)"}, {"L": 0.8416483031157659, "a": -0.21793196708834892, "b": -0.04548976684410868, "C": 0.22262897647549962, "h": 191.79027757110984, "hex": "#00F5F0", "p3": "color(display-p3 0.0000 0.9419 0.9317)"}]}, "summary": {"conservative_de_min": 9.432004979780025, "worst_cvd_bin": "deutan/0.6", "L_range": [0.5647971793540496, 0.8498755762688744], "chroma_mean": 0.15452733243778347, "chroma_std": 0.005735886313201316}}, {"rotation": 310, "palette": [{"L": 0.5768278042370818, "a": 0.1315024234069579, "b": -0.05263281363390284, "C": 0.14164427426805495, "h": 338.1866306582122, "hex": "#AD5496", "p3": "color(display-p3 0.6340 0.3484 0.5756)"}, {"L": 0.6018278042370818, "a": -0.1294780575443571, "b": 0.05501692556089268, "C": 0.14068201549463477, "h": 156.97872435399262, "hex": "#0C995D", "p3": "color(display-p3 0.2709 0.5906 0.3866)"}, {"L": 0.6372555792706487, "a": -0.019548442079079412, "b": 0.13946801045834095, "C": 0.14083134427011276, "h": 97.9788453467109, "hex": "#A28B00", "p3": "color(display-p3 0.6218 0.5472 0.1204)"}, {"L": 0.7211817495527292, "a": 0.020475664995206165, "b": -0.1401635468045932, "C": 0.14165123617476585, "h": 278.31121289682824, "hex": "#919AFC", "p3": "color(display-p3 0.5768 0.6039 0.9616)"}, {"L": 0.8083022042846754, "a": 0.10759459803885228, "b": 0.084755166356108, "C": 0.136967279856153, "h": 38.228457703353044, "hex": "#FFA07E", "p3": "color(display-p3 0.9899 0.6459 0.5202)"}, {"L": 0.8333022042846754, "a": -0.10762752998932443, "b": -0.08534632279579878, "C": 0.13735967394533088, "h": 218.41366218623264, "hex": "#3CDDFF", "p3": "color(display-p3 0.4438 0.8549 1.0000)"}], "cvd": {"normal": [{"L": 0.5768277996157857, "a": 0.131502421608909, "b": -0.05263279355381188, "C": 0.1416442651372989, "h": 338.1866379288666, "hex": "#AD5496", "p3": "color(display-p3 0.6340 0.3484 0.5756)"}, {"L": 0.6018278011556527, "a": -0.12947805571334864, "b": 0.05501694942301984, "C": 0.14068202314128175, "h": 156.97871511797166, "hex": "#0C995D", "p3": "color(display-p3 0.2709 0.5906 0.3866)"}, {"L": 0.6372555754248532, "a": -0.01954844319306582, "b": 0.13946803570134692, "C": 0.1408313694233806, "h": 97.9788443700048, "hex": "#A28B00", "p3": "color(display-p3 0.6218 0.5472 0.1204)"}, {"L": 0.7211817445267326, "a": 0.02047566623692127, "b": -0.14016352142779395, "C": 0.14165121124397578, "h": 278.311214877545, "hex": "#919AFC", "p3": "color(display-p3 0.5768 0.6039 0.9616)"}, {"L": 0.8083021984888439, "a": 0.10759459519306136, "b": 0.08475519656203723, "C": 0.13696729631203322, "h": 38.22846836593642, "hex": "#FFA07E", "p3": "color(display-p3 0.9899 0.6459 0.5202)"}, {"L": 0.833302199364831, "a": -0.10762752698388008, "b": -0.08534629182317519, "C": 0.1373596523460671, "h": 218.4136528422469, "hex": "#3CDDFF", "p3": "color(display-p3 0.4438 0.8549 1.0000)"}], "deutan-mild": [{"L": 0.5749689573738505, "a": 0.03133282932144165, "b": -0.04621432710792312, "C": 0.055834668650621644, "h": 304.1368592046327, "hex": "#807194", "p3": "color(display-p3 0.4918 0.4449 0.5709)"}, {"L": 0.6048126671303513, "a": -0.032032089011887345, "b": 0.04936405137220356, "C": 0.058846106874992386, "h": 122.97934000453442, "hex": "#7B8860", "p3": "color(display-p3 0.4911 0.5309 0.3939)"}, {"L": 0.6421313104388953, "a": -0.024110373041165218, "b": 0.13734106086732484, "C": 0.13944130338011895, "h": 99.95687955608531, "hex": "#A18D00", "p3": "color(display-p3 0.6189 0.5573 0.1426)"}, {"L": 0.7123800235701573, "a": -0.00877847688564705, "b": -0.141425527319729, "C": 0.14169771146385976, "h": 266.4481291440965, "hex": "#799EFB", "p3": "color(display-p3 0.5051 0.6158 0.9562)"}, {"L": 0.812771047658971, "a": 0.016041230448993363, "b": 0.09059537909880455, "C": 0.09200458569209376, "h": 79.95901959589554, "hex": "#E1BC7C", "p3": "color(display-p3 0.8595 0.7411 0.5198)"}, {"L": 0.829405426236975, "a": -0.027247065301477302, "b": -0.09114944675370419, "C": 0.09513476867606986, "h": 253.3571546015179, "hex": "#9BCBFF", "p3": "color(display-p3 0.6477 0.7908 1.0000)"}], "deutan-severe": [{"L": 0.5778086984562234, "a": -0.00031210102858930303, "b": -0.04238255308640543, "C": 0.042383702211746685, "h": 269.5780870382416, "hex": "#6F7993", "p3": "color(display-p3 0.4441 0.4733 0.5695)"}, {"L": 0.6022935611056333, "a": -0.004840787939639139, "b": 0.046235964245298855, "C": 0.046488682682660626, "h": 95.97694707702946, "hex": "#898161", "p3": "color(display-p3 0.5318 0.5077 0.3960)"}, {"L": 0.6456190387044268, "a": -0.025240133942925236, "b": 0.135902406129908, "C": 0.13822636634649435, "h": 100.52123898894466, "hex": "#A18F00", "p3": "color(display-p3 0.6202 0.5627 0.1564)"}, {"L": 0.7075874711724768, "a": -0.017974346730379953, "b": -0.14233237745526872, "C": 0.1434628272844677, "h": 262.8025414245619, "hex": "#709EFA", "p3": "color(display-p3 0.4781 0.6165 0.9529)"}, {"L": 0.8194631842807732, "a": -0.012014995594890393, "b": 0.09331517316825377, "C": 0.0940855018723205, "h": 97.33687433252797, "hex": "#D5C57C", "p3": "color(display-p3 0.8229 0.7736 0.5234)"}, {"L": 0.8229223272795005, "a": -0.004172822853921502, "b": -0.09510120854140702, "C": 0.09519271146787656, "h": 267.4876041460137, "hex": "#AAC3FF", "p3": "color(display-p3 0.6854 0.7636 0.9982)"}], "protan-mild": [{"L": 0.5478686798563674, "a": 0.03531587042179623, "b": -0.06529703943523829, "C": 0.07423553099868126, "h": 298.4067165131574, "hex": "#766797", "p3": "color(display-p3 0.4544 0.4076 0.5783)"}, {"L": 0.6263029619760058, "a": -0.03427250026405463, "b": 0.06345320597003706, "C": 0.07211736006139972, "h": 118.37447737284059, "hex": "#848E5C", "p3": "color(display-p3 0.5237 0.5570 0.3822)"}, {"L": 0.6271481147424879, "a": -0.025677718097851826, "b": 0.1446516958983084, "C": 0.14691309789453572, "h": 100.06595350080534, "hex": "#9E8900", "p3": "color(display-p3 0.6042 0.5389 0.0561)"}, {"L": 0.7268943705351117, "a": -0.008812041664605226, "b": -0.1391473915121979, "C": 0.13942614045776217, "h": 266.37636432889786, "hex": "#7EA3FE", "p3": "color(display-p3 0.5239 0.6346 0.9705)"}, {"L": 0.7713354931013591, "a": 0.024881759460339884, "b": 0.07688992006234818, "C": 0.08081560345030227, "h": 72.06829681537056, "hex": "#D5AD7B", "p3": "color(display-p3 0.8102 0.6833 0.5079)"}, {"L": 0.864268658114902, "a": -0.025831984602278295, "b": -0.07510078625935644, "C": 0.0794192641949413, "h": 251.0186152373122, "hex": "#ACD7FF", "p3": "color(display-p3 0.7081 0.8373 1.0000)"}], "protan-severe": [{"L": 0.5309782292217009, "a": -0.0065100785806353105, "b": -0.07490801262280972, "C": 0.075190368254352, "h": 265.033038992696, "hex": "#576B98", "p3": "color(display-p3 0.3559 0.4182 0.5826)"}, {"L": 0.6378598158995069, "a": -0.007916246326685219, "b": 0.0698888860818529, "C": 0.07033578999106337, "h": 96.46229447980309, "hex": "#988C59", "p3": "color(display-p3 0.5871 0.5499 0.3752)"}, {"L": 0.6206364738679558, "a": -0.028316727095796326, "b": 0.14840424664259366, "C": 0.1510816251400996, "h": 100.80264600750742, "hex": "#9B8700", "p3": "color(display-p3 0.5952 0.5323 0.0000)"}, {"L": 0.7314853093606207, "a": -0.018872007584916178, "b": -0.13870727381060685, "C": 0.1399852152130924, "h": 262.2521186033928, "hex": "#77A7FF", "p3": "color(display-p3 0.5071 0.6482 0.9769)"}, {"L": 0.7488482607987056, "a": -0.00711653285120869, "b": 0.06960962743464683, "C": 0.06997246080718234, "h": 95.83734702991363, "hex": "#BBAE7B", "p3": "color(display-p3 0.7233 0.6837 0.5048)"}, {"L": 0.8804274807551884, "a": -0.0019680984630511943, "b": -0.06853760381287011, "C": 0.06856585555486208, "h": 268.3551692764622, "hex": "#C4D7FF", "p3": "color(display-p3 0.7836 0.8399 1.0000)"}], "tritan-severe": [{"L": 0.5779366027271158, "a": 0.12373267585135962, "b": 0.013608329044444591, "C": 0.12447876000635413, "h": 6.2762620565816505, "hex": "#B5576E", "p3": "color(display-p3 0.6639 0.3605 0.4322)"}, {"L": 0.5998757840683103, "a": -0.12605823140373548, "b": -0.010725050080726141, "C": 0.12651365303346435, "h": 184.86302077978036, "hex": "#00988A", "p3": "color(display-p3 0.1643 0.5842 0.5398)"}, {"L": 0.6413428840717875, "a": 0.056066917729441224, "b": 0.03383254710188998, "C": 0.065483895020696, "h": 31.108106343398138, "hex": "#B17E74", "p3": "color(display-p3 0.6637 0.5025 0.4642)"}, {"L": 0.7144466383837221, "a": -0.05531851072097837, "b": -0.04146929553046055, "C": 0.0691363876708906, "h": 216.85691135347622, "hex": "#6FAEBF", "p3": "color(display-p3 0.4912 0.6759 0.7407)"}, {"L": 0.8140537256511992, "a": 0.1672585717383117, "b": 0.0536925273428892, "C": 0.1756653560392796, "h": 17.797414612011057, "hex": "#FF8E97", "p3": "color(display-p3 1.0000 0.5873 0.6050)"}, {"L": 0.8252928164831382, "a": -0.18662718852310667, "b": -0.04559607909240034, "C": 0.19211639681359743, "h": 193.72934426430734, "hex": "#00EAE9", "p3": "color(display-p3 0.0000 0.9017 0.9070)"}]}, "summary": {"conservative_de_min": 10.657105178954481, "worst_cvd_bin": "protan/1.0", "L_range": [0.5768278042370818, 0.8333022042846754], "chroma_mean": 0.13985597066817537, "chroma_std": 0.0019421098346522965}}, {"rotation": 320, "palette": [{"L": 0.576377000392535, "a": 0.1397387588778523, "b": -0.03055407433936279, "C": 0.143040106933188, "h": 347.6663045720275, "hex": "#B45188", "p3": "color(display-p3 0.6566 0.3400 0.5267)"}, {"L": 0.6024019557732725, "a": -0.13772152793301407, "b": 0.03830259870305236, "C": 0.14294862127215863, "h": 164.45788525958906, "hex": "#009B6A", "p3": "color(display-p3 0.2135 0.5962 0.4298)"}, {"L": 0.6378794653220394, "a": -0.03503761664820914, "b": 0.1373952080830971, "C": 0.14179237562219066, "h": 104.30627174971917, "hex": "#9A8F00", "p3": "color(display-p3 0.5964 0.5608 0.1373)"}, {"L": 0.7049439476477024, "a": 0.04244439524034408, "b": -0.1379923326362562, "C": 0.14437247159245326, "h": 287.09712121918284, "hex": "#9B90F4", "p3": "color(display-p3 0.6004 0.5661 0.9325)"}, {"L": 0.8044170508153412, "a": 0.09776782431913786, "b": 0.10178009907086881, "C": 0.14113020951934308, "h": 46.151880878060545, "hex": "#FFA06D", "p3": "color(display-p3 0.9824 0.6485 0.4667)"}, {"L": 0.8294170508153412, "a": -0.09347279053757228, "b": -0.09405570249736492, "C": 0.1326033096990934, "h": 225.1780971361618, "hex": "#51D9FF", "p3": "color(display-p3 0.4736 0.8384 1.0000)"}], "cvd": {"normal": [{"L": 0.5763769957561723, "a": 0.1397387566845099, "b": -0.030554054118977613, "C": 0.14304010047129467, "h": 347.6663122968552, "hex": "#B45188", "p3": "color(display-p3 0.6566 0.3400 0.5267)"}, {"L": 0.6024019527132971, "a": -0.13772152576546126, "b": 0.038302622480574644, "C": 0.14294862555497354, "h": 164.45787584493175, "hex": "#009B6A", "p3": "color(display-p3 0.2135 0.5962 0.4298)"}, {"L": 0.6378794615613225, "a": -0.03503761745483984, "b": 0.13739523343683985, "C": 0.14179240038900326, "h": 104.3062695339659, "hex": "#9A8F00", "p3": "color(display-p3 0.5964 0.5608 0.1373)"}, {"L": 0.7049439426001431, "a": 0.04244439604966532, "b": -0.13799230799507758, "C": 0.1443724482781573, "h": 287.0971244011629, "hex": "#9B90F4", "p3": "color(display-p3 0.6004 0.5661 0.9325)"}, {"L": 0.8044170451273668, "a": 0.09776782146849426, "b": 0.1017801293650542, "C": 0.14113022939208503, "h": 46.15189023264513, "hex": "#FFA06D", "p3": "color(display-p3 0.9824 0.6485 0.4667)"}, {"L": 0.8294170458245799, "a": -0.09347278769677392, "b": -0.09405567185189766, "C": 0.13260328595973037, "h": 225.1780886728543, "hex": "#51D9FF", "p3": "color(display-p3 0.4736 0.8384 1.0000)"}], "deutan-mild": [{"L": 0.576062481757678, "a": 0.03394108426086545, "b": -0.02324621407351518, "C": 0.04113859100108879, "h": 325.59279621133976, "hex": "#867187", "p3": "color(display-p3 0.5129 0.4464 0.5222)"}, {"L": 0.6049733230022835, "a": -0.03188237186198362, "b": 0.03238607597466397, "C": 0.04544605101196925, "h": 134.55095338617392, "hex": "#76886D", "p3": "color(display-p3 0.4775 0.5316 0.4358)"}, {"L": 0.6426428834445825, "a": -0.026908070393852266, "b": 0.13460071508248656, "C": 0.13726396742421965, "h": 101.30499106228886, "hex": "#9F8E00", "p3": "color(display-p3 0.6129 0.5607 0.1591)"}, {"L": 0.6962537228188778, "a": -0.003057864588118062, "b": -0.13817230167705508, "C": 0.13820613404105617, "h": 268.7322050922677, "hex": "#7A98F3", "p3": "color(display-p3 0.5012 0.5926 0.9269)"}, {"L": 0.8094086336882398, "a": 0.011045277418123901, "b": 0.10693665263643493, "C": 0.10750556185764931, "h": 84.10294257838716, "hex": "#E1BB6C", "p3": "color(display-p3 0.8599 0.7391 0.4676)"}, {"L": 0.8248268018723296, "a": -0.025178302067325704, "b": -0.09940227962362536, "C": 0.10254150422812659, "h": 255.78610120393833, "hex": "#99C9FF", "p3": "color(display-p3 0.6393 0.7816 1.0000)"}], "deutan-severe": [{"L": 0.580103088417879, "a": 0.0004848219676059129, "b": -0.019034621926040995, "C": 0.01904079526195253, "h": 271.4590385863711, "hex": "#767A86", "p3": "color(display-p3 0.4657 0.4777 0.5214)"}, {"L": 0.601733350783157, "a": -0.0024686141761438574, "b": 0.028965956324224107, "C": 0.02907095942220547, "h": 94.87124319206423, "hex": "#86816D", "p3": "color(display-p3 0.5220 0.5060 0.4371)"}, {"L": 0.6455178475137567, "a": -0.02435663483982316, "b": 0.1329428335411974, "C": 0.13515562382188545, "h": 100.38209532630145, "hex": "#A18F00", "p3": "color(display-p3 0.6191 0.5625 0.1714)"}, {"L": 0.69226345545923, "a": -0.017281549355764366, "b": -0.1383388455717215, "C": 0.1394140887509305, "h": 262.8793904976949, "hex": "#6D9AF2", "p3": "color(display-p3 0.4651 0.5985 0.9237)"}, {"L": 0.816253301012008, "a": -0.015403723841530048, "b": 0.10915794966023173, "C": 0.11023943342657294, "h": 98.03220592079256, "hex": "#D6C46D", "p3": "color(display-p3 0.8261 0.7704 0.4723)"}, {"L": 0.8184438399172729, "a": -0.00548601597825406, "b": -0.10306376572601839, "C": 0.1032096709467735, "h": 266.95305913511373, "hex": "#A5C2FF", "p3": "color(display-p3 0.6706 0.7572 1.0000)"}], "protan-mild": [{"L": 0.5428186579282639, "a": 0.04073827716661567, "b": -0.04442862435922228, "C": 0.06027860224786967, "h": 312.5188819455182, "hex": "#7C6589", "p3": "color(display-p3 0.4708 0.4010 0.5279)"}, {"L": 0.6300651757277792, "a": -0.033601136170734965, "b": 0.04750197704571857, "C": 0.05818482770633808, "h": 125.27417146497373, "hex": "#819069", "p3": "color(display-p3 0.5160 0.5620 0.4274)"}, {"L": 0.6319602190002632, "a": -0.029124879302916174, "b": 0.1429189456579449, "C": 0.1458563801223246, "h": 101.51835810974515, "hex": "#9D8B00", "p3": "color(display-p3 0.6032 0.5478 0.0862)"}, {"L": 0.7053855532130766, "a": -0.0038165532430833368, "b": -0.13909822674364447, "C": 0.13915057585897236, "h": 268.4283225724281, "hex": "#7C9BF7", "p3": "color(display-p3 0.5095 0.6041 0.9411)"}, {"L": 0.7680524291513869, "a": 0.019333791474070085, "b": 0.09569063213151874, "C": 0.09762424171532638, "h": 78.57746145069983, "hex": "#D5AC69", "p3": "color(display-p3 0.8116 0.6817 0.4508)"}, {"L": 0.857900343984067, "a": -0.023753172069143676, "b": -0.08467280923387964, "C": 0.08794144533098897, "h": 254.32965547992265, "hex": "#A9D4FF", "p3": "color(display-p3 0.6962 0.8258 1.0000)"}], "protan-severe": [{"L": 0.522593830056724, "a": -0.0029732131522597635, "b": -0.055321330016313175, "C": 0.055401169222522764, "h": 266.9236309070793, "hex": "#5B698A", "p3": "color(display-p3 0.3679 0.4102 0.5316)"}, {"L": 0.6431557729690148, "a": -0.005231884799081211, "b": 0.05426015321977512, "C": 0.054511804648023986, "h": 95.50756037727004, "hex": "#978D67", "p3": "color(display-p3 0.5857 0.5555 0.4221)"}, {"L": 0.6278164009193842, "a": -0.027700718321640023, "b": 0.14716217738379578, "C": 0.1497465734094594, "h": 100.66019885832029, "hex": "#9D8900", "p3": "color(display-p3 0.6038 0.5408 0.0248)"}, {"L": 0.7071691015099271, "a": -0.020310302799781483, "b": -0.14005056058868381, "C": 0.14151561016730066, "h": 261.74842213803083, "hex": "#6E9FF8", "p3": "color(display-p3 0.4741 0.6185 0.9476)"}, {"L": 0.7458436640262573, "a": -0.01077032230348313, "b": 0.08962501907253828, "C": 0.09026983929460469, "h": 96.85242801805342, "hex": "#BDAD69", "p3": "color(display-p3 0.7295 0.6809 0.4457)"}, {"L": 0.8730218481898544, "a": -0.003113672212950864, "b": -0.07869956815735467, "C": 0.07876113878559537, "h": 267.73432962819953, "hex": "#BFD4FF", "p3": "color(display-p3 0.7635 0.8297 1.0000)"}], "tritan-severe": [{"L": 0.5786334754052018, "a": 0.14319848906352525, "b": 0.024461900262674915, "C": 0.14527281863630795, "h": 9.693987500016828, "hex": "#BF4F67", "p3": "color(display-p3 0.6955 0.3358 0.4057)"}, {"L": 0.59941786442472, "a": -0.1477103673241063, "b": -0.016153615749045665, "C": 0.14859102232904325, "h": 186.24106889398897, "hex": "#009B8E", "p3": "color(display-p3 0.0000 0.5952 0.5537)"}, {"L": 0.6415295691942453, "a": 0.037435372990043736, "b": 0.0293163603581067, "C": 0.047548460916732795, "h": 38.065178638751156, "hex": "#A78378", "p3": "color(display-p3 0.6330 0.5197 0.4775)"}, {"L": 0.6990627220786324, "a": -0.026394903822007168, "b": -0.03681811474055895, "C": 0.04530192623743468, "h": 234.3632638635963, "hex": "#83A3B6", "p3": "color(display-p3 0.5395 0.6369 0.7076)"}, {"L": 0.8104444258894363, "a": 0.16528007914421522, "b": 0.056229164159519625, "C": 0.17458299878280317, "h": 18.788578137533342, "hex": "#FF8D94", "p3": "color(display-p3 1.0000 0.5849 0.5941)"}, {"L": 0.8214510993098862, "a": -0.17361880800828564, "b": -0.04587486703809379, "C": 0.17957726448518124, "h": 194.80086350118685, "hex": "#00E7E8", "p3": "color(display-p3 0.1677 0.8887 0.9011)"}]}, "summary": {"conservative_de_min": 11.789972900588992, "worst_cvd_bin": "deutan/1.0", "L_range": [0.576377000392535, 0.8294170508153412], "chroma_mean": 0.14098118243973784, "chroma_std": 0.003883293766347463}}, {"rotation": 330, "palette": [{"L": 0.5554549642998977, "a": 0.14421506025428618, "b": -0.0015764538308506168, "C": 0.14422367631851643, "h": 359.373709281734, "hex": "#B34871", "p3": "color(display-p3 0.6521 0.3099 0.4387)"}, {"L": 0.6255708186579487, "a": -0.1417408558640922, "b": -0.0010061490256299073, "C": 0.14174442689907474, "h": 180.40670789049332, "hex": "#00A28C", "p3": "color(display-p3 0.1392 0.6253 0.5497)"}, {"L": 0.6505708186579487, "a": -0.0742239066038957, "b": 0.12324950311290868, "C": 0.14387365404799698, "h": 121.0573934368815, "hex": "#839C22", "p3": "color(display-p3 0.5318 0.6081 0.2282)"}, {"L": 0.6976839629780952, "a": 0.07090681346982253, "b": -0.12422407814288051, "C": 0.1430363512778926, "h": 299.71762355825575, "hex": "#AB87E9", "p3": "color(display-p3 0.6500 0.5365 0.8892)"}, {"L": 0.8075118137233578, "a": 0.06845847912192635, "b": 0.12339543719886412, "C": 0.1411134199329959, "h": 60.97895162448596, "hex": "#FFA959", "p3": "color(display-p3 0.9591 0.6788 0.4052)"}, {"L": 0.8325118137233578, "a": -0.06411673854022308, "b": -0.10984978336267048, "C": 0.12719249610673172, "h": 239.72889436451658, "hex": "#73D3FF", "p3": "color(display-p3 0.5444 0.8180 1.0000)"}], "cvd": {"normal": [{"L": 0.5554549598141132, "a": 0.1442150576588755, "b": -0.0015764341406230527, "C": 0.1442236735080358, "h": 359.3737170923386, "hex": "#B34871", "p3": "color(display-p3 0.6521 0.3099 0.4387)"}, {"L": 0.6255708154150111, "a": -0.14174085318474733, "b": -0.0010061247398459143, "C": 0.14174442404741086, "h": 180.4066980816548, "hex": "#00A28C", "p3": "color(display-p3 0.1392 0.6253 0.5497)"}, {"L": 0.6505708150271968, "a": -0.07422390653474836, "b": 0.12324952907405012, "C": 0.14387367625196135, "h": 121.05738807960387, "hex": "#839C22", "p3": "color(display-p3 0.5318 0.6081 0.2282)"}, {"L": 0.6976839578280234, "a": 0.07090681359714633, "b": -0.12422405383475972, "C": 0.14303633022991655, "h": 299.7176284294598, "hex": "#AB87E9", "p3": "color(display-p3 0.6500 0.5365 0.8892)"}, {"L": 0.8075118082201563, "a": 0.06845847657540882, "b": 0.12339546802131451, "C": 0.14111344565003384, "h": 60.978958599898554, "hex": "#FFA959", "p3": "color(display-p3 0.9591 0.6788 0.4052)"}, {"L": 0.8325118085158928, "a": -0.06411673606553966, "b": -0.10984975295790092, "C": 0.12719246860018849, "h": 239.72888842308544, "hex": "#73D3FF", "p3": "color(display-p3 0.5444 0.8180 1.0000)"}], "deutan-mild": [{"L": 0.5569555404777238, "a": 0.03415327041649113, "b": 0.006435705943505788, "C": 0.03475434060852319, "h": 10.671454425071426, "hex": "#876C6F", "p3": "color(display-p3 0.5111 0.4257 0.4345)"}, {"L": 0.6267029462476492, "a": -0.03053177258988643, "b": -0.00716402014026673, "C": 0.0313610000167515, "h": 193.20508270328966, "hex": "#738E8D", "p3": "color(display-p3 0.4719 0.5556 0.5530)"}, {"L": 0.6550059189325428, "a": -0.03185299302300491, "b": 0.11908291172235318, "C": 0.12326943266194325, "h": 104.97522753902464, "hex": "#9C942A", "p3": "color(display-p3 0.6073 0.5825 0.2445)"}, {"L": 0.6901544123544083, "a": 0.007398919988629679, "b": -0.12266061679377749, "C": 0.12288356655480046, "h": 273.4519135932924, "hex": "#8395E7", "p3": "color(display-p3 0.5276 0.5823 0.8836)"}, {"L": 0.8128969616501666, "a": 0.0006629055910659731, "b": 0.12667675451336646, "C": 0.12667848901002246, "h": 89.7001711479873, "hex": "#E2BE58", "p3": "color(display-p3 0.8630 0.7495 0.4095)"}, {"L": 0.8266216916872676, "a": -0.020689792735239926, "b": -0.11421006025191795, "C": 0.11606896823084933, "h": 259.73190577179093, "hex": "#99C7FF", "p3": "color(display-p3 0.6385 0.7768 1.0000)"}], "deutan-severe": [{"L": 0.5622819572042915, "a": -0.0006982053105376043, "b": 0.010795920714367744, "C": 0.010818474695010266, "h": 93.70034054343758, "hex": "#77756E", "p3": "color(display-p3 0.4656 0.4594 0.4345)"}, {"L": 0.6221662987879162, "a": 0.0004101348438616518, "b": -0.011040054588781321, "C": 0.011047670157703884, "h": 272.1275433023252, "hex": "#84868E", "p3": "color(display-p3 0.5202 0.5272 0.5530)"}, {"L": 0.6561442871381071, "a": -0.019599549814172258, "b": 0.11695872599339241, "C": 0.11858956926692864, "h": 99.51304297517443, "hex": "#A3922E", "p3": "color(display-p3 0.6269 0.5745 0.2523)"}, {"L": 0.6877558580092351, "a": -0.012374454462608394, "b": -0.1216750378992393, "C": 0.12230266542896147, "h": 264.1929366864487, "hex": "#7499E6", "p3": "color(display-p3 0.4845 0.5949 0.8806)"}, {"L": 0.8192732505715421, "a": -0.019763319755679343, "b": 0.12784485230097786, "C": 0.12936342244863527, "h": 98.78769690285633, "hex": "#D9C55A", "p3": "color(display-p3 0.8379 0.7751 0.4160)"}, {"L": 0.8205237457484595, "a": -0.008072477359595862, "b": -0.11722121308102794, "C": 0.11749884121517516, "h": 266.0605270221979, "hex": "#A1C2FF", "p3": "color(display-p3 0.6559 0.7583 1.0000)"}], "protan-mild": [{"L": 0.5171364702065869, "a": 0.044550834437200405, "b": -0.01600422891764363, "C": 0.047338274073937064, "h": 340.23992428641606, "hex": "#7B5E71", "p3": "color(display-p3 0.4653 0.3719 0.4375)"}, {"L": 0.6572410439903115, "a": -0.030859187784932907, "b": 0.009378679957866122, "C": 0.032252893025243985, "h": 163.0949996329928, "hex": "#80988C", "p3": "color(display-p3 0.5208 0.5929 0.5508)"}, {"L": 0.6558799143148255, "a": -0.034935494571060655, "b": 0.129421197490855, "C": 0.1340534786601657, "h": 105.10617966039574, "hex": "#9E9515", "p3": "color(display-p3 0.6117 0.5841 0.2040)"}, {"L": 0.6904605478680415, "a": 0.006123531950846802, "b": -0.1285137087991071, "C": 0.12865951574934026, "h": 272.72801535385156, "hex": "#8195EB", "p3": "color(display-p3 0.5209 0.5817 0.8969)"}, {"L": 0.7765555625877009, "a": 0.006383631859976802, "b": 0.1208537150946003, "C": 0.1210221930386759, "h": 86.97638115389512, "hex": "#D8B153", "p3": "color(display-p3 0.8212 0.6998 0.3835)"}, {"L": 0.8556437452730529, "a": -0.019489214789377946, "b": -0.10239702930573547, "C": 0.10423522007338093, "h": 259.2237915627657, "hex": "#A7D1FF", "p3": "color(display-p3 0.6872 0.8158 1.0000)"}], "protan-severe": [{"L": 0.4931811983070577, "a": -0.00029654236940287955, "b": -0.027983177369670546, "C": 0.02798474857988352, "h": 269.3928498534436, "hex": "#5B6172", "p3": "color(display-p3 0.3603 0.3794 0.4403)"}, {"L": 0.6724426621801468, "a": -0.0008871936433378364, "b": 0.016487578340559587, "C": 0.016511430952430156, "h": 93.08010513427804, "hex": "#99968B", "p3": "color(display-p3 0.5987 0.5884 0.5486)"}, {"L": 0.6578086524817417, "a": -0.023080375290223148, "b": 0.13456523966216785, "C": 0.13653024371498873, "h": 99.73256207966827, "hex": "#A69201", "p3": "color(display-p3 0.6373 0.5760 0.1810)"}, {"L": 0.6878422298666798, "a": -0.01814782531845741, "b": -0.13161824429457347, "C": 0.13286348555933367, "h": 262.14942726096484, "hex": "#6D99ED", "p3": "color(display-p3 0.4636 0.5960 0.9032)"}, {"L": 0.7576893772387661, "a": -0.016745330572841624, "b": 0.11767027918735506, "C": 0.11885579792346619, "h": 98.09922201258989, "hex": "#C4B151", "p3": "color(display-p3 0.7569 0.6966 0.3739)"}, {"L": 0.868461879946059, "a": -0.00584880728505224, "b": -0.09771112023059038, "C": 0.09788601311410414, "h": 266.5744677288002, "hex": "#B6D3FF", "p3": "color(display-p3 0.7362 0.8224 1.0000)"}], "tritan-severe": [{"L": 0.5589205261538363, "a": 0.16111791309819146, "b": 0.03735374316819651, "C": 0.16539130584704856, "h": 13.052907759604015, "hex": "#C13F58", "p3": "color(display-p3 0.6990 0.2844 0.3512)"}, {"L": 0.6205473881102342, "a": -0.17918216030462186, "b": -0.026691146644117477, "C": 0.18115922245530033, "h": 188.47253416516776, "hex": "#00A69B", "p3": "color(display-p3 0.0000 0.6369 0.6059)"}, {"L": 0.6528030740668304, "a": -0.016093713639220582, "b": 0.016631180343543824, "C": 0.023143115138647887, "h": 134.05907088958517, "hex": "#8A9385", "p3": "color(display-p3 0.5488 0.5767 0.5269)"}, {"L": 0.6935342992210437, "a": 0.01636795175063519, "b": -0.026462994869465357, "C": 0.03111591139549783, "h": 301.73771408949744, "hex": "#A098AD", "p3": "color(display-p3 0.6210 0.5981 0.6722)"}, {"L": 0.8134945975779597, "a": 0.1448148297514687, "b": 0.05413364916314479, "C": 0.1546020274371113, "h": 20.496390850108575, "hex": "#FF9697", "p3": "color(display-p3 1.0000 0.6145 0.6058)"}, {"L": 0.8247511207836162, "a": -0.14515007393625196, "b": -0.045858649651559016, "C": 0.15222207366727022, "h": 197.53338726048176, "hex": "#00E3E8", "p3": "color(display-p3 0.3487 0.8752 0.9020)"}]}, "summary": {"conservative_de_min": 10.107729791830453, "worst_cvd_bin": "protan/1.0", "L_range": [0.5554549642998977, 0.8325118137233578], "chroma_mean": 0.14019733743053472, "chroma_std": 0.005918126099401029}}, {"rotation": 340, "palette": [{"L": 0.55, "a": 0.13339243518200886, "b": 0.016831407382491288, "C": 0.1344501321615632, "h": 7.191554356217575, "hex": "#B04A64", "p3": "color(display-p3 0.6424 0.3161 0.3924)"}, {"L": 0.5874015234514296, "a": -0.13217333108730986, "b": -0.01143989169649217, "C": 0.13266748121805547, "h": 184.9467474678003, "hex": "#009587", "p3": "color(display-p3 0.0979 0.5725 0.5274)"}, {"L": 0.6127432066298705, "a": -0.07867492411342306, "b": 0.10996368617265873, "C": 0.13521004386114166, "h": 125.5823095755325, "hex": "#709229", "p3": "color(display-p3 0.4675 0.5672 0.2319)"}, {"L": 0.6583966706723915, "a": 0.08142639836584983, "b": -0.10825624311752566, "C": 0.13546096310286182, "h": 306.94915055445335, "hex": "#A77AD2", "p3": "color(display-p3 0.6296 0.4844 0.8021)"}, {"L": 0.825, "a": 0.05375560697583106, "b": 0.12239732129592693, "C": 0.13368159761821513, "h": 66.28942761208071, "hex": "#FFB360", "p3": "color(display-p3 0.9595 0.7159 0.4321)"}, {"L": 0.85, "a": -0.04739314892598068, "b": -0.10768860182324194, "C": 0.11765604756137668, "h": 246.24597497810873, "hex": "#8BD5FF", "p3": "color(display-p3 0.6110 0.8288 1.0000)"}], "cvd": {"normal": [{"L": 0.5499999956402165, "a": 0.1333924325840427, "b": 0.016831427122672545, "C": 0.1344501320552502, "h": 7.191562840893883, "hex": "#B04A64", "p3": "color(display-p3 0.6424 0.3161 0.3924)"}, {"L": 0.5874015203860798, "a": -0.1321733284716075, "b": -0.011439869001114903, "C": 0.13266747665507972, "h": 184.94673780015026, "hex": "#009587", "p3": "color(display-p3 0.0979 0.5725 0.5274)"}, {"L": 0.6127432032536213, "a": -0.07867492382016501, "b": 0.10996371062548622, "C": 0.13521006357751053, "h": 125.58230344512256, "hex": "#709229", "p3": "color(display-p3 0.4675 0.5672 0.2319)"}, {"L": 0.6583966657386192, "a": 0.08142639811711079, "b": -0.10825622019116032, "C": 0.13546094463129663, "h": 306.94915629938373, "hex": "#A77AD2", "p3": "color(display-p3 0.6296 0.4844 0.8021)"}, {"L": 0.8249999944687764, "a": 0.05375560471171038, "b": 0.12239735286274388, "C": 0.13368162560998686, "h": 66.28943394100489, "hex": "#FFB360", "p3": "color(display-p3 0.9595 0.7159 0.4321)"}, {"L": 0.8499999945821393, "a": -0.04739314678400874, "b": -0.10768857086082004, "C": 0.11765601835918321, "h": 246.24596985925302, "hex": "#8BD5FF", "p3": "color(display-p3 0.6110 0.8288 1.0000)"}], "deutan-mild": [{"L": 0.5522575724854559, "a": 0.030084851902726056, "b": 0.02434152181998345, "C": 0.03869894053487369, "h": 38.9761699493498, "hex": "#876B62", "p3": "color(display-p3 0.5117 0.4234 0.3888)"}, {"L": 0.5880001911422172, "a": -0.02840709737040725, "b": -0.01724536493184887, "C": 0.03323199952823244, "h": 211.26107698299552, "hex": "#668288", "p3": "color(display-p3 0.4232 0.5080 0.5298)"}, {"L": 0.6167977977177551, "a": -0.03057224404976274, "b": 0.10578323850398441, "C": 0.11011246820696148, "h": 106.11973783581874, "hex": "#8E8930", "p3": "color(display-p3 0.5534 0.5378 0.2457)"}, {"L": 0.6520679974736519, "a": 0.012547156939115721, "b": -0.10581598340926923, "C": 0.10655727798759473, "h": 276.7622866891395, "hex": "#7F89D0", "p3": "color(display-p3 0.5058 0.5373 0.7968)"}, {"L": 0.8301951199141596, "a": -0.0022340744968930713, "b": 0.12493587614968071, "C": 0.12495584915539579, "h": 91.02444072137885, "hex": "#E6C460", "p3": "color(display-p3 0.8791 0.7743 0.4372)"}, {"L": 0.8441398552379931, "a": -0.016193583711567934, "b": -0.11127479493862624, "C": 0.11244693033630077, "h": 261.7199931629887, "hex": "#A3CCFF", "p3": "color(display-p3 0.6724 0.7964 1.0000)"}], "deutan-severe": [{"L": 0.5578159986801635, "a": -0.0024593946289218353, "b": 0.028273394740859492, "C": 0.028380159832411635, "h": 94.97142731414333, "hex": "#797461", "p3": "color(display-p3 0.4706 0.4554 0.3893)"}, {"L": 0.5834390564980608, "a": 0.00048230425351676256, "b": -0.02097462987441412, "C": 0.020980174350124586, "h": 271.31726420679536, "hex": "#777B88", "p3": "color(display-p3 0.4680 0.4814 0.5295)"}, {"L": 0.6174099528492468, "a": -0.016752316691202085, "b": 0.10367520986139582, "C": 0.10501994693545981, "h": 99.17877929661334, "hex": "#958632", "p3": "color(display-p3 0.5747 0.5281 0.2519)"}, {"L": 0.6507164204068764, "a": -0.00890292540690233, "b": -0.1042713208958671, "C": 0.10465070684027776, "h": 265.11979061785013, "hex": "#708ED0", "p3": "color(display-p3 0.4630 0.5525 0.7943)"}, {"L": 0.835988584800179, "a": -0.019036735122793583, "b": 0.12583002754169814, "C": 0.12726190755791741, "h": 98.60299708486984, "hex": "#DECA61", "p3": "color(display-p3 0.8589 0.7961 0.4435)"}, {"L": 0.8386543043862821, "a": -0.007066676320789108, "b": -0.11374201511993466, "C": 0.11396132641280657, "h": 266.44484080698487, "hex": "#A8C8FF", "p3": "color(display-p3 0.6832 0.7815 1.0000)"}], "protan-mild": [{"L": 0.512588486075591, "a": 0.04083693281929929, "b": 0.003998775429726875, "C": 0.04103224691660634, "h": 5.5926056497099275, "hex": "#7C5D63", "p3": "color(display-p3 0.4676 0.3705 0.3895)"}, {"L": 0.6177130656117154, "a": -0.028274459018908904, "b": -0.0014843773313253303, "C": 0.02831339627938887, "h": 183.0052051631727, "hex": "#738B87", "p3": "color(display-p3 0.4706 0.5437 0.5292)"}, {"L": 0.6204791224135248, "a": -0.03353560795146752, "b": 0.11595991002742806, "C": 0.1207117961685756, "h": 106.12987006459721, "hex": "#908A21", "p3": "color(display-p3 0.5610 0.5428 0.2133)"}, {"L": 0.6474049361823357, "a": 0.011505576227004084, "b": -0.11403268315781401, "C": 0.11461165347592626, "h": 275.76148430832114, "hex": "#7B88D4", "p3": "color(display-p3 0.4924 0.5301 0.8087)"}, {"L": 0.7982238823996122, "a": 0.0022389059354735895, "b": 0.12060013903851008, "C": 0.12062091956164096, "h": 88.93644296138008, "hex": "#DCB95A", "p3": "color(display-p3 0.8419 0.7306 0.4115)"}, {"L": 0.8693640764454929, "a": -0.015613832620198038, "b": -0.10168028618126258, "C": 0.10287211656710003, "h": 261.2699605158143, "hex": "#AED5FF", "p3": "color(display-p3 0.7132 0.8305 1.0000)"}], "protan-severe": [{"L": 0.4891317426822106, "a": 0.00016807996660306396, "b": -0.0069796755470180605, "C": 0.006981699049430242, "h": 271.37949274607985, "hex": "#5F6064", "p3": "color(display-p3 0.3718 0.3762 0.3915)"}, {"L": 0.6323276520022935, "a": -0.00021668575491939947, "b": 0.005216437602438616, "C": 0.005220936120708674, "h": 92.37864358916457, "hex": "#8B8A86", "p3": "color(display-p3 0.5435 0.5402 0.5279)"}, {"L": 0.6237249065698162, "a": -0.02001110975932961, "b": 0.12098158969348799, "C": 0.12262540339816794, "h": 99.39204251785537, "hex": "#9A8818", "p3": "color(display-p3 0.5905 0.5352 0.1953)"}, {"L": 0.6424321031893688, "a": -0.015374607250563959, "b": -0.11817843325734843, "C": 0.11917432875947175, "h": 262.5876475855725, "hex": "#658CD5", "p3": "color(display-p3 0.4285 0.5432 0.8144)"}, {"L": 0.78198634051895, "a": -0.016536755451235757, "b": 0.11827749183022106, "C": 0.11942792535459194, "h": 97.95911341148395, "hex": "#CCB958", "p3": "color(display-p3 0.7883 0.7268 0.4015)"}, {"L": 0.880358456649214, "a": -0.005741863269974416, "b": -0.09789869622970215, "C": 0.09806693488269418, "h": 266.6433865684078, "hex": "#BAD6FF", "p3": "color(display-p3 0.7511 0.8375 1.0000)"}], "tritan-severe": [{"L": 0.5538872610493395, "a": 0.15807971187987904, "b": 0.0410416524454103, "C": 0.16332058211834607, "h": 14.554159296410706, "hex": "#BF3F54", "p3": "color(display-p3 0.6909 0.2820 0.3370)"}, {"L": 0.5821643792503342, "a": -0.17420363540178327, "b": -0.02763002011424585, "C": 0.176381191170462, "h": 189.012472648046, "hex": "#009990", "p3": "color(display-p3 0.0000 0.5866 0.5615)"}, {"L": 0.6144128315495028, "a": -0.029172697320278274, "b": 0.012274618754599674, "C": 0.03164984256692822, "h": 157.180731470352, "hex": "#758B7D", "p3": "color(display-p3 0.4766 0.5409 0.4938)"}, {"L": 0.6554301208659901, "a": 0.03777921901381842, "b": -0.01875075352204337, "C": 0.04217653550184606, "h": 333.60366703090597, "hex": "#A1889C", "p3": "color(display-p3 0.6164 0.5355 0.6059)"}, {"L": 0.8306444813993039, "a": 0.12836865105579537, "b": 0.049535574873614714, "C": 0.1375946356219749, "h": 21.100868229461884, "hex": "#FFA2A0", "p3": "color(display-p3 1.0000 0.6558 0.6408)"}, {"L": 0.8430261953904776, "a": -0.12200394493706057, "b": -0.042326551191159224, "C": 0.1291375217198438, "h": 199.13307813435208, "hex": "#43E5EB", "p3": "color(display-p3 0.4667 0.8844 0.9146)"}]}, "summary": {"conservative_de_min": 15.06216832892095, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.13152104425386899, "chroma_std": 0.006270721336044876}}, {"rotation": 350, "palette": [{"L": 0.55, "a": 0.12342232664605379, "b": 0.035787215388452615, "C": 0.12850601347790966, "h": 16.169906874319963, "hex": "#B04D57", "p3": "color(display-p3 0.6412 0.3260 0.3493)"}, {"L": 0.5748017085439, "a": -0.12266459625119808, "b": -0.03533879824073391, "C": 0.12765356961154176, "h": 196.07131507344567, "hex": "#008F91", "p3": "color(display-p3 0.0622 0.5492 0.5641)"}, {"L": 0.6414567116634242, "a": -0.09516971235976372, "b": 0.09217167725675367, "C": 0.13248732859773166, "h": 135.91682941566106, "hex": "#669E48", "p3": "color(display-p3 0.4499 0.6152 0.3256)"}, {"L": 0.6768443843204157, "a": 0.09288899459669744, "b": -0.09181010111009748, "C": 0.1306042111994541, "h": 315.3346813367961, "hex": "#B67DCE", "p3": "color(display-p3 0.6801 0.4996 0.7885)"}, {"L": 0.825, "a": 0.034869160436524334, "b": 0.1263130605394713, "C": 0.13103758091630133, "h": 74.56764749408059, "hex": "#F8B85C", "p3": "color(display-p3 0.9333 0.7335 0.4214)"}, {"L": 0.85, "a": -0.02724061624461728, "b": -0.10880504629476888, "C": 0.1121632260261504, "h": 255.94425341782812, "hex": "#9DD1FF", "p3": "color(display-p3 0.6573 0.8131 1.0000)"}], "cvd": {"normal": [{"L": 0.5499999957263146, "a": 0.12342232402466143, "b": 0.03578723538128537, "C": 0.12850601652795887, "h": 16.16991576118863, "hex": "#B04D57", "p3": "color(display-p3 0.6412 0.3260 0.3493)"}, {"L": 0.5748017054706525, "a": -0.12266459354541544, "b": -0.03533877631341105, "C": 0.12765356094128857, "h": 196.0713059524702, "hex": "#008F91", "p3": "color(display-p3 0.0622 0.5492 0.5641)"}, {"L": 0.641456708172498, "a": -0.09516971156606947, "b": 0.09217170272077921, "C": 0.1324873457429673, "h": 135.9168212664434, "hex": "#669E48", "p3": "color(display-p3 0.4499 0.6152 0.3256)"}, {"L": 0.6768443792211974, "a": 0.09288899395393758, "b": -0.09181007741544028, "C": 0.13060419408580948, "h": 315.3346885316154, "hex": "#B67DCE", "p3": "color(display-p3 0.6801 0.4996 0.7885)"}, {"L": 0.8249999945866805, "a": 0.03486915847718175, "b": 0.12631309227535992, "C": 0.1310376109865805, "h": 74.56765201242908, "hex": "#F8B85C", "p3": "color(display-p3 0.9333 0.7335 0.4214)"}, {"L": 0.8499999944608781, "a": -0.027240614463155576, "b": -0.10880501548214692, "C": 0.11216319570340581, "h": 255.94425047792282, "hex": "#9DD1FF", "p3": "color(display-p3 0.6573 0.8131 1.0000)"}], "deutan-mild": [{"L": 0.5529726186108559, "a": 0.025614438223366898, "b": 0.042760534171573106, "C": 0.04984538823338575, "h": 59.07752526021657, "hex": "#896C55", "p3": "color(display-p3 0.5186 0.4267 0.3463)"}, {"L": 0.574128386162825, "a": -0.027204724714851095, "b": -0.04096413447253293, "C": 0.049174763445232667, "h": 236.41143331747702, "hex": "#5D7D92", "p3": "color(display-p3 0.3901 0.4885 0.5650)"}, {"L": 0.6451704974575136, "a": -0.030400962205860135, "b": 0.08761666821473797, "C": 0.09274103219230208, "h": 109.13559420831056, "hex": "#92924C", "p3": "color(display-p3 0.5725 0.5742 0.3361)"}, {"L": 0.6718436082831571, "a": 0.018359021739000565, "b": -0.08837861658249159, "C": 0.09026535076233932, "h": 281.73523630532316, "hex": "#8C8FCC", "p3": "color(display-p3 0.5526 0.5609 0.7834)"}, {"L": 0.8301469253151453, "a": -0.007112040014200295, "b": 0.12780242312786083, "C": 0.12800015808785692, "h": 93.1851510406891, "hex": "#E4C55D", "p3": "color(display-p3 0.8732 0.7780 0.4281)"}, {"L": 0.843945131246213, "a": -0.011585684705372693, "b": -0.11150834967110879, "C": 0.1121086086635035, "h": 264.06826891517085, "hex": "#A7CBFF", "p3": "color(display-p3 0.6820 0.7924 1.0000)"}], "deutan-severe": [{"L": 0.5587852344807706, "a": -0.00502250203360716, "b": 0.046227271762769195, "C": 0.046499313772425784, "h": 96.20075122878868, "hex": "#7C7455", "p3": "color(display-p3 0.4810 0.4575 0.3475)"}, {"L": 0.5690689152642073, "a": -0.0005264873729052777, "b": -0.04472696491162565, "C": 0.04473006348262453, "h": 269.32559449610926, "hex": "#6C7692", "p3": "color(display-p3 0.4321 0.4630 0.5642)"}, {"L": 0.6447671949145787, "a": -0.011958465543297884, "b": 0.0852841608549591, "C": 0.08611848228391383, "h": 97.98192040748764, "hex": "#9B8E4E", "p3": "color(display-p3 0.6007 0.5596 0.3404)"}, {"L": 0.6716318729775878, "a": -0.004784830146030377, "b": -0.08623745176677289, "C": 0.08637009139020776, "h": 266.8242363332131, "hex": "#7E94CC", "p3": "color(display-p3 0.5099 0.5792 0.7812)"}, {"L": 0.8353499950175097, "a": -0.019623736487343287, "b": 0.12820918279261007, "C": 0.12970229599383964, "h": 98.70217225422634, "hex": "#DECA5F", "p3": "color(display-p3 0.8590 0.7954 0.4348)"}, {"L": 0.839054841808952, "a": -0.0069912481365212815, "b": -0.11337518900353383, "C": 0.11359054112069997, "h": 266.47134047201797, "hex": "#A8C8FF", "p3": "color(display-p3 0.6842 0.7820 1.0000)"}], "protan-mild": [{"L": 0.5131400975845897, "a": 0.03648417681453425, "b": 0.024694651651625932, "C": 0.04405588471509056, "h": 34.09246905409902, "hex": "#7E5E56", "p3": "color(display-p3 0.4756 0.3742 0.3443)"}, {"L": 0.6047471371321033, "a": -0.02603351456125792, "b": -0.02540850535150523, "C": 0.03637768580611881, "h": 224.30390315122636, "hex": "#6B8792", "p3": "color(display-p3 0.4401 0.5252 0.5674)"}, {"L": 0.6548977677684905, "a": -0.03322046079441601, "b": 0.09866946233864687, "C": 0.10411177557601727, "h": 108.60757239642038, "hex": "#969644", "p3": "color(display-p3 0.5883 0.5866 0.3142)"}, {"L": 0.6617870805422168, "a": 0.01815475752224216, "b": -0.09918297228733963, "C": 0.1008308346312902, "h": 280.37276792491275, "hex": "#878BCF", "p3": "color(display-p3 0.5325 0.5463 0.7942)"}, {"L": 0.8027887627981726, "a": -0.004091997515173687, "b": 0.1259607428878291, "C": 0.1260271922741992, "h": 91.86067306699965, "hex": "#DCBC56", "p3": "color(display-p3 0.8417 0.7410 0.3999)"}, {"L": 0.8649390614307229, "a": -0.011428753100090235, "b": -0.10447254796731519, "C": 0.10509581188708614, "h": 263.7569648210066, "hex": "#AFD2FF", "p3": "color(display-p3 0.7143 0.8208 1.0000)"}], "protan-severe": [{"L": 0.489960514144232, "a": -0.0008592404730395896, "b": 0.01480521563115317, "C": 0.014830128255529398, "h": 93.3215112812547, "hex": "#636057", "p3": "color(display-p3 0.3867 0.3783 0.3452)"}, {"L": 0.6194061660117859, "a": 0.00020895075104759384, "b": -0.01894897770384052, "C": 0.018950129720849102, "h": 270.63177608512757, "hex": "#818692", "p3": "color(display-p3 0.5106 0.5236 0.5675)"}, {"L": 0.6610807073925127, "a": -0.01492918043459373, "b": 0.1040026039176919, "C": 0.10506865398447321, "h": 98.16879008078874, "hex": "#A39340", "p3": "color(display-p3 0.6302 0.5789 0.3024)"}, {"L": 0.6542410720384539, "a": -0.011005972807572383, "b": -0.10450968752880753, "C": 0.10508761213773016, "h": 263.9883083731647, "hex": "#6F8FD1", "p3": "color(display-p3 0.4625 0.5583 0.7995)"}, {"L": 0.7892979507257667, "a": -0.018016404552561247, "b": 0.12497119633709895, "C": 0.1262631804879288, "h": 98.20349434421667, "hex": "#D0BB53", "p3": "color(display-p3 0.8005 0.7361 0.3883)"}, {"L": 0.8737777967362179, "a": -0.006467216647594177, "b": -0.10177945309246174, "C": 0.10198471435939573, "h": 266.3642295242129, "hex": "#B6D4FF", "p3": "color(display-p3 0.7381 0.8288 1.0000)"}], "tritan-severe": [{"L": 0.5543036421469308, "a": 0.15646025875976474, "b": 0.044857865998176254, "C": 0.1627637573696395, "h": 15.997837317512444, "hex": "#BF3F51", "p3": "color(display-p3 0.6917 0.2840 0.3283)"}, {"L": 0.5686009794663686, "a": -0.17808455581526556, "b": -0.03243983452866352, "C": 0.18101505982698649, "h": 190.32378835852197, "hex": "#00958F", "p3": "color(display-p3 0.0000 0.5712 0.5564)"}, {"L": 0.6420848704491211, "a": -0.059843120764328024, "b": 0.0047128720113839015, "C": 0.06002841215132742, "h": 175.49703476321866, "hex": "#65998B", "p3": "color(display-p3 0.4403 0.5950 0.5471)"}, {"L": 0.6751183361812952, "a": 0.05996922486661648, "b": -0.010203690951502566, "C": 0.060831104215989605, "h": 350.3436693919097, "hex": "#B5889C", "p3": "color(display-p3 0.6812 0.5395 0.6075)"}, {"L": 0.8303133839564101, "a": 0.10966221294201406, "b": 0.045398526946646145, "C": 0.11868794039945672, "h": 22.488828264825905, "hex": "#FFA8A4", "p3": "color(display-p3 0.9952 0.6766 0.6535)"}, {"L": 0.8436910179660093, "a": -0.09691430576514605, "b": -0.039135140402022234, "C": 0.10451766298681871, "h": 201.98943764478517, "hex": "#6EE0E9", "p3": "color(display-p3 0.5468 0.8686 0.9048)"}]}, "summary": {"conservative_de_min": 12.105443600928718, "worst_cvd_bin": "protan/1.0", "L_range": [0.55, 0.85], "chroma_mean": 0.1270753216381815, "chroma_std": 0.006858015077924535}}];
 const N = 6;

 let currentRotationIdx = 0;
 let currentCvd = "normal";

 const slider = document.getElementById("rotation-slider");
 const sliderValue = document.getElementById("rotation-value");
 const svg = document.getElementById("abplane");
 const lBar = document.getElementById("l-bar");
 const swatchDark = document.getElementById("sw-dark");
 const swatchMid = document.getElementById("sw-mid");
 const swatchLight = document.getElementById("sw-light");
 const cvdGridBody = document.getElementById("cvd-grid-body");
 const statCons = document.getElementById("stat-cons");
 const statWorst = document.getElementById("stat-worst");
 const statLRange = document.getElementById("stat-lrange");
 const statChroma = document.getElementById("stat-chroma");

 const SVG_NS = "http://www.w3.org/2000/svg";
 const CENTER = 180, R_MAX = 160, R_CHROMA_GUIDE = 0.3;  // chroma=0.3 fills the view

 function abToSvg(a, b) {
    // OKLab a is red(+)/green(-), b is yellow(+)/blue(-). SVG y is inverted.
    return [CENTER + a / R_CHROMA_GUIDE * R_MAX, CENTER - b / R_CHROMA_GUIDE * R_MAX];
 }

 function drawGamutRing() {
    svg.innerHTML = "";
    // Outer chroma guide ring
    for (const r of [0.1, 0.2, 0.3]) {
        const c = document.createElementNS(SVG_NS, "circle");
        c.setAttribute("cx", CENTER); c.setAttribute("cy", CENTER);
        c.setAttribute("r", r / R_CHROMA_GUIDE * R_MAX);
        c.setAttribute("class", r === 0.3 ? "gamut-ring" : "gamut-guide");
        svg.appendChild(c);
    }
    // Axis guides
    for (const ang of [0, 90, 180, 270]) {
        const ar = ang * Math.PI / 180;
        const line = document.createElementNS(SVG_NS, "line");
        line.setAttribute("x1", CENTER); line.setAttribute("y1", CENTER);
        line.setAttribute("x2", CENTER + Math.cos(ar) * R_MAX);
        line.setAttribute("y2", CENTER - Math.sin(ar) * R_MAX);
        line.setAttribute("class", "gamut-guide");
        svg.appendChild(line);
    }
    // Axis labels
    const labels = [["+a", 0], ["+b", 90], ["−a", 180], ["−b", 270]];
    for (const [txt, deg] of labels) {
        const ar = deg * Math.PI / 180;
        const t = document.createElementNS(SVG_NS, "text");
        t.setAttribute("x", CENTER + Math.cos(ar) * (R_MAX + 12));
        t.setAttribute("y", CENTER - Math.sin(ar) * (R_MAX + 12) + 4);
        t.setAttribute("text-anchor", "middle");
        t.setAttribute("class", "gamut-label");
        t.textContent = txt;
        svg.appendChild(t);
    }
 }

 function drawNgon(colors) {
    // N-gon edges
    const pts = colors.map(c => abToSvg(c.a, c.b));
    const path = document.createElementNS(SVG_NS, "polygon");
    path.setAttribute("points", pts.map(p => p.join(",")).join(" "));
    path.setAttribute("class", "ngon-edge");
    svg.appendChild(path);
    // Vertices
    colors.forEach((c, i) => {
        const [x, y] = abToSvg(c.a, c.b);
        const circ = document.createElementNS(SVG_NS, "circle");
        circ.setAttribute("cx", x);
        circ.setAttribute("cy", y);
        circ.setAttribute("r", 11);
        circ.setAttribute("fill", c.hex);
        circ.setAttribute("style", `fill: ${c.p3};`);
        circ.setAttribute("class", "vertex");
        svg.appendChild(circ);
    });
 }

 function renderLBar(colors) {
    lBar.innerHTML = "";
    colors.forEach(c => {
        const tick = document.createElement("div");
        tick.className = "l-tick";
        tick.style.left = (c.L * 100) + "%";
        tick.style.background = c.p3 || c.hex;
        lBar.appendChild(tick);
    });
 }

 function renderSwatches(container, colors) {
    container.innerHTML = "";
    const row = document.createElement("div");
    row.className = "sw-row";
    const sorted = [...colors].sort((a, b) => a.L - b.L);
    sorted.forEach(c => {
        const sw = document.createElement("div");
        sw.className = "sw";
        sw.style.background = c.hex;
        sw.style.background = c.p3;
        row.appendChild(sw);
    });
    container.appendChild(row);
 }

 // ---- Hamilton path ordering for similarity adjacency ----
 // Given a list of {L, a, b} colors, return the permutation that minimizes the
 // sum of OKLab Euclidean distances between consecutive entries. For N ≤ 8
 // brute-force is trivial (~40k permutations).
 function similaritySort(colors) {
    const n = colors.length;
    if (n <= 2) return colors.slice();
    const d = Array(n).fill().map(() => Array(n).fill(0));
    for (let i = 0; i < n; i++) {
        for (let j = i + 1; j < n; j++) {
            const dL = colors[i].L - colors[j].L;
            const da = colors[i].a - colors[j].a;
            const db = colors[i].b - colors[j].b;
            const dist = Math.sqrt(dL * dL + da * da + db * db);
            d[i][j] = d[j][i] = dist;
        }
    }
    let bestOrder = null, bestTotal = Infinity;
    const indices = Array.from({length: n}, (_, i) => i);
    function permute(arr, k) {
        if (k === arr.length) {
            let total = 0;
            for (let i = 0; i < n - 1; i++) total += d[arr[i]][arr[i + 1]];
            if (total < bestTotal) {
                bestTotal = total;
                bestOrder = arr.slice();
            }
            return;
        }
        for (let i = k; i < arr.length; i++) {
            [arr[k], arr[i]] = [arr[i], arr[k]];
            permute(arr, k + 1);
            [arr[k], arr[i]] = [arr[i], arr[k]];
        }
    }
    permute(indices, 0);
    return bestOrder.map(i => colors[i]);
 }

 function renderCvdGrid(entry) {
    cvdGridBody.innerHTML = "";
    const cvdTypes = ["normal", "deutan-mild", "deutan-severe", "protan-mild", "protan-severe", "tritan-severe"];
    for (const cvd of cvdTypes) {
        const row = document.createElement("div");
        row.className = "cvd-row";
        const label = document.createElement("div");
        label.className = "cvd-row-label";
        label.textContent = cvd;
        row.appendChild(label);
        const swRow = document.createElement("div");
        swRow.className = "sw-row";
        // Sort by similarity so adjacent swatches are the likely-collapse pairs
        const sorted = similaritySort(entry.cvd[cvd]);
        sorted.forEach(c => {
            const sw = document.createElement("div");
            sw.className = "sw";
            sw.style.background = c.hex;
            sw.style.background = c.p3;
            swRow.appendChild(sw);
        });
        row.appendChild(swRow);
        cvdGridBody.appendChild(row);
    }
 }

 function render() {
    const entry = data[currentRotationIdx];
    sliderValue.textContent = entry.rotation + "°";
    drawGamutRing();
    // Draw the palette through the currently-selected CVD lens in the ab plane
    const displayColors = currentCvd === "normal" ? entry.palette : entry.cvd[currentCvd];
    drawNgon(displayColors);
    renderLBar(entry.palette);
    renderSwatches(swatchDark, entry.palette);
    renderSwatches(swatchMid, entry.palette);
    renderSwatches(swatchLight, entry.palette);
    renderCvdGrid(entry);
    statCons.textContent = entry.summary.conservative_de_min.toFixed(2);
    statWorst.textContent = entry.summary.worst_cvd_bin;
    statLRange.textContent = entry.summary.L_range[0].toFixed(2) + "–" + entry.summary.L_range[1].toFixed(2);
    statChroma.textContent = entry.summary.chroma_mean.toFixed(3);
 }

 slider.max = data.length - 1;
 slider.addEventListener("input", () => {
    currentRotationIdx = parseInt(slider.value, 10);
    render();
 });

 document.querySelectorAll(".cvd-btn").forEach(btn => {
    btn.addEventListener("click", () => {
        document.querySelectorAll(".cvd-btn").forEach(b => b.classList.remove("active"));
        btn.classList.add("active");
        currentCvd = btn.dataset.cvd;
        render();
    });
 });

 render();
 </script>
 </body></html>
diff --git a/phase_b_preview_bounded.html b/phase_b_preview_bounded.html
 <!doctype html><html><head><meta charset='utf-8'>
 <title>qolour Phase B — cluster preview</title>
 <style>
 body { font-family: -apple-system, ui-sans-serif, sans-serif; background: #0f0f14; color: #e8e8ee; padding: 24px; max-width: 1100px; margin: 0 auto; }
 h1 { font-weight: 300; letter-spacing: -0.02em; font-size: 28px; }
 h2 { font-weight: 400; margin-top: 40px; border-bottom: 1px solid #333; padding-bottom: 6px; }
 h3 { font-weight: 500; margin-top: 24px; color: #b8b8c2; font-size: 16px; }
 .cluster { margin-bottom: 40px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); }
 .cluster-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
 .title { font-weight: 600; font-size: 15px; }
 .meta { font-family: ui-monospace, monospace; font-size: 11px; color: #888; line-height: 1.5; }
 .subtitle { font-size: 11px; color: #999; font-family: ui-monospace, monospace; line-height: 1.6; text-align: right; }
 .bg-panels { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
 .bg-panel { padding: 14px 10px; border-radius: 6px; }
 .bg-dark { background: #0b0b0f; }
 .bg-mid { background: #606065; }
 .bg-light { background: #f2f2f0; }
 .bg-label { font-size: 10px; font-family: ui-monospace, monospace; margin-bottom: 6px; opacity: 0.65; }
 .bg-dark .bg-label { color: #8a8a92; }
 .bg-mid .bg-label { color: #1a1a1a; }
 .bg-light .bg-label { color: #555; }
 .swatches { display: flex; gap: 2px; flex-wrap: wrap; }
 .sw { width: 44px; height: 44px; border-radius: 4px; }
 .cvd-grid { margin-top: 8px; padding: 10px 12px; background: rgba(0,0,0,0.25); border-radius: 6px; }
 .cvd-title { font-size: 10px; color: #777; margin-bottom: 6px; font-family: ui-monospace, monospace; }
 .cvd-row { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; }
 .cvd-label { flex: 0 0 100px; font-size: 10px; color: #888; font-family: ui-monospace, monospace; }
 .cvd-row .sw { width: 32px; height: 26px; border-radius: 3px; }
 .l-bar { display: inline-block; height: 6px; margin: 0 2px; border-radius: 2px; background: linear-gradient(to right, #222, #888, #fafaf8); position: relative; width: 160px; vertical-align: middle; }
 .l-dot { position: absolute; top: -3px; width: 4px; height: 12px; background: #c0c0ff; border-radius: 2px; transform: translateX(-50%); }
 </style></head><body>
 <h1>qolour Phase B — converged clusters (bounded-conservative loss)</h1>
 <p class='meta'>Gradient descent on Lagrangian with CIEDE2000 metric, population-weighted Machado simulation, linear-P3 softplus barrier. No L-monotonicity or yellow-blue bias terms — Phase B is a clean test of whether non-monotone-L critical points exist.</p>
 <p class='meta'>Each cluster is shown with: (top) the palette sorted by L in Display P3 swatches, (below) the same palette under each CVD simulation so you can see what the viewer actually experiences, plus headline numbers. Your visual judgment is the final verdict on aesthetic superiority.</p>
 <h2>N = 6 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 41 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 23.72 / 28.31 / 30.16 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 21.10 / 24.77 / 26.30 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.2%;"></span><span class="l-dot" style="left: 77.5%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 26.33 &nbsp; mean 35.69<br>expected ΔE min 28.53 &nbsp; mean 45.13<br>L values [0.55, 0.55, 0.562, 0.775, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.14</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #776E76; background: color(display-p3 0.4614 0.4337 0.4624);" title="L=0.55"></div><div class="sw" style="background: #6444FF; background: color(display-p3 0.3726 0.2714 0.9750);" title="L=0.55"></div><div class="sw" style="background: #CC391A; background: color(display-p3 0.7373 0.2693 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2710 0.7833 0.9760);" title="L=0.77"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9638 0.7810 0.1946);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7901 0.8200 0.7636);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #776E76; background: color(display-p3 0.4614 0.4337 0.4624);" title="L=0.55"></div><div class="sw" style="background: #6444FF; background: color(display-p3 0.3726 0.2714 0.9750);" title="L=0.55"></div><div class="sw" style="background: #CC391A; background: color(display-p3 0.7373 0.2693 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2710 0.7833 0.9760);" title="L=0.77"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9638 0.7810 0.1946);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7901 0.8200 0.7636);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #776E76; background: color(display-p3 0.4614 0.4337 0.4624);" title="L=0.55"></div><div class="sw" style="background: #6444FF; background: color(display-p3 0.3726 0.2714 0.9750);" title="L=0.55"></div><div class="sw" style="background: #CC391A; background: color(display-p3 0.7373 0.2693 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2710 0.7833 0.9760);" title="L=0.77"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9638 0.7810 0.1946);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7901 0.8200 0.7636);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #776E76; background: color(display-p3 0.4614 0.4337 0.4624);" title=""></div>
 <div class="sw" style="background: #6444FF; background: color(display-p3 0.3726 0.2714 0.9750);" title=""></div>
 <div class="sw" style="background: #CC391A; background: color(display-p3 0.7373 0.2693 0.1632);" title=""></div>
 <div class="sw" style="background: #00CBFE; background: color(display-p3 0.2710 0.7833 0.9760);" title=""></div>
 <div class="sw" style="background: #FFC500; background: color(display-p3 0.9638 0.7810 0.1946);" title=""></div>
 <div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7901 0.8200 0.7636);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #717176; background: color(display-p3 0.4441 0.4413 0.4617);" title=""></div>
 <div class="sw" style="background: #005DFF; background: color(display-p3 0.0000 0.3565 0.9668);" title=""></div>
 <div class="sw" style="background: #9B6E0F; background: color(display-p3 0.5800 0.4369 0.1566);" title=""></div>
 <div class="sw" style="background: #7CB8FE; background: color(display-p3 0.5389 0.7152 0.9738);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9230 0.8169 0.2220);" title=""></div>
 <div class="sw" style="background: #CFCFC2; background: color(display-p3 0.8128 0.8112 0.7649);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #707176; background: color(display-p3 0.4392 0.4439 0.4615);" title=""></div>
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3725 0.9621);" title=""></div>
 <div class="sw" style="background: #8A7B0F; background: color(display-p3 0.5307 0.4827 0.1637);" title=""></div>
 <div class="sw" style="background: #8DB0FE; background: color(display-p3 0.5809 0.6855 0.9712);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9150 0.8321 0.2420);" title=""></div>
 <div class="sw" style="background: #D1CEC2; background: color(display-p3 0.8189 0.8083 0.7655);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #717077; background: color(display-p3 0.4408 0.4385 0.4630);" title=""></div>
 <div class="sw" style="background: #0066FF; background: color(display-p3 0.0000 0.3896 0.9876);" title=""></div>
 <div class="sw" style="background: #8C5711; background: color(display-p3 0.5191 0.3497 0.1347);" title=""></div>
 <div class="sw" style="background: #91C5FF; background: color(display-p3 0.6124 0.7675 0.9842);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8923 0.7794 0.0986);" title=""></div>
 <div class="sw" style="background: #D0CFC1; background: color(display-p3 0.8157 0.8134 0.7620);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #6E7077; background: color(display-p3 0.4327 0.4396 0.4637);" title=""></div>
 <div class="sw" style="background: #0070FF; background: color(display-p3 0.0000 0.4266 0.9969);" title=""></div>
 <div class="sw" style="background: #665A14; background: color(display-p3 0.3911 0.3538 0.1323);" title=""></div>
 <div class="sw" style="background: #ADC6FF; background: color(display-p3 0.6963 0.7718 0.9879);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8597 0.7713 0.0000);" title=""></div>
 <div class="sw" style="background: #D3CFC1; background: color(display-p3 0.8248 0.8115 0.7606);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #786F71; background: color(display-p3 0.4642 0.4358 0.4426);" title=""></div>
 <div class="sw" style="background: #007AA0; background: color(display-p3 0.1035 0.4710 0.6143);" title=""></div>
 <div class="sw" style="background: #E10034; background: color(display-p3 0.8077 0.1382 0.2297);" title=""></div>
 <div class="sw" style="background: #00DBDC; background: color(display-p3 0.0000 0.8400 0.8526);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7100 0.6650);" title=""></div>
 <div class="sw" style="background: #C8D0CD; background: color(display-p3 0.7901 0.8142 0.8032);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.2%;"></span><span class="l-dot" style="left: 77.3%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 26.31 &nbsp; mean 35.53<br>expected ΔE min 28.51 &nbsp; mean 45.27<br>L values [0.55, 0.55, 0.562, 0.773, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.141</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #6841FF; background: color(display-p3 0.3847 0.2627 0.9750);" title="L=0.55"></div><div class="sw" style="background: #786E76; background: color(display-p3 0.4638 0.4325 0.4623);" title="L=0.55"></div><div class="sw" style="background: #CE351A; background: color(display-p3 0.7429 0.2603 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CAFE; background: color(display-p3 0.2724 0.7804 0.9759);" title="L=0.77"></div><div class="sw" style="background: #C8D1C2; background: color(display-p3 0.7904 0.8197 0.7642);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9657 0.7799 0.1955);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #6841FF; background: color(display-p3 0.3847 0.2627 0.9750);" title="L=0.55"></div><div class="sw" style="background: #786E76; background: color(display-p3 0.4638 0.4325 0.4623);" title="L=0.55"></div><div class="sw" style="background: #CE351A; background: color(display-p3 0.7429 0.2603 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CAFE; background: color(display-p3 0.2724 0.7804 0.9759);" title="L=0.77"></div><div class="sw" style="background: #C8D1C2; background: color(display-p3 0.7904 0.8197 0.7642);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9657 0.7799 0.1955);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #6841FF; background: color(display-p3 0.3847 0.2627 0.9750);" title="L=0.55"></div><div class="sw" style="background: #786E76; background: color(display-p3 0.4638 0.4325 0.4623);" title="L=0.55"></div><div class="sw" style="background: #CE351A; background: color(display-p3 0.7429 0.2603 0.1632);" title="L=0.56"></div><div class="sw" style="background: #00CAFE; background: color(display-p3 0.2724 0.7804 0.9759);" title="L=0.77"></div><div class="sw" style="background: #C8D1C2; background: color(display-p3 0.7904 0.8197 0.7642);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9657 0.7799 0.1955);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #6841FF; background: color(display-p3 0.3847 0.2627 0.9750);" title=""></div>
 <div class="sw" style="background: #786E76; background: color(display-p3 0.4638 0.4325 0.4623);" title=""></div>
 <div class="sw" style="background: #CE351A; background: color(display-p3 0.7429 0.2603 0.1632);" title=""></div>
 <div class="sw" style="background: #00CAFE; background: color(display-p3 0.2724 0.7804 0.9759);" title=""></div>
 <div class="sw" style="background: #C8D1C2; background: color(display-p3 0.7904 0.8197 0.7642);" title=""></div>
 <div class="sw" style="background: #FFC500; background: color(display-p3 0.9657 0.7799 0.1955);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005DFF; background: color(display-p3 0.0000 0.3549 0.9668);" title=""></div>
 <div class="sw" style="background: #727076; background: color(display-p3 0.4447 0.4411 0.4616);" title=""></div>
 <div class="sw" style="background: #9B6D0F; background: color(display-p3 0.5818 0.4359 0.1560);" title=""></div>
 <div class="sw" style="background: #7CB7FE; background: color(display-p3 0.5363 0.7130 0.9737);" title=""></div>
 <div class="sw" style="background: #CFCFC2; background: color(display-p3 0.8127 0.8112 0.7655);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9235 0.8167 0.2226);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3726 0.9621);" title=""></div>
 <div class="sw" style="background: #707176; background: color(display-p3 0.4394 0.4440 0.4613);" title=""></div>
 <div class="sw" style="background: #8A7B0F; background: color(display-p3 0.5311 0.4830 0.1632);" title=""></div>
 <div class="sw" style="background: #8CAFFE; background: color(display-p3 0.5778 0.6835 0.9710);" title=""></div>
 <div class="sw" style="background: #D1CEC2; background: color(display-p3 0.8187 0.8083 0.7661);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9150 0.8322 0.2426);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0065FF; background: color(display-p3 0.0000 0.3861 0.9876);" title=""></div>
 <div class="sw" style="background: #717077; background: color(display-p3 0.4409 0.4378 0.4629);" title=""></div>
 <div class="sw" style="background: #8C5611; background: color(display-p3 0.5194 0.3457 0.1346);" title=""></div>
 <div class="sw" style="background: #91C5FF; background: color(display-p3 0.6097 0.7651 0.9841);" title=""></div>
 <div class="sw" style="background: #D0CFC1; background: color(display-p3 0.8155 0.8132 0.7627);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8923 0.7787 0.1006);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006FFF; background: color(display-p3 0.0000 0.4237 0.9970);" title=""></div>
 <div class="sw" style="background: #6E7077; background: color(display-p3 0.4319 0.4390 0.4636);" title=""></div>
 <div class="sw" style="background: #655914; background: color(display-p3 0.3870 0.3502 0.1327);" title=""></div>
 <div class="sw" style="background: #ACC5FF; background: color(display-p3 0.6930 0.7695 0.9879);" title=""></div>
 <div class="sw" style="background: #D3CFC1; background: color(display-p3 0.8245 0.8114 0.7612);" title=""></div>
 <div class="sw" style="background: #E0C300; background: color(display-p3 0.8590 0.7706 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #0079A0; background: color(display-p3 0.1553 0.4662 0.6120);" title=""></div>
 <div class="sw" style="background: #796E71; background: color(display-p3 0.4674 0.4345 0.4417);" title=""></div>
 <div class="sw" style="background: #E30031; background: color(display-p3 0.8142 0.1162 0.2219);" title=""></div>
 <div class="sw" style="background: #00DADB; background: color(display-p3 0.0000 0.8376 0.8508);" title=""></div>
 <div class="sw" style="background: #C8D0CD; background: color(display-p3 0.7904 0.8141 0.8032);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7086 0.6640);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.6%;"></span><span class="l-dot" style="left: 80.7%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 26.03 &nbsp; mean 31.46<br>expected ΔE min 30.16 &nbsp; mean 49.78<br>L values [0.55, 0.55, 0.566, 0.807, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.168</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #CB2F02; background: color(display-p3 0.7319 0.2395 0.1163);" title="L=0.55"></div><div class="sw" style="background: #8B31EE; background: color(display-p3 0.5056 0.2154 0.8977);" title="L=0.55"></div><div class="sw" style="background: #548078; background: color(display-p3 0.3682 0.4991 0.4716);" title="L=0.57"></div><div class="sw" style="background: #EC9DFE; background: color(display-p3 0.8804 0.6280 0.9754);" title="L=0.81"></div><div class="sw" style="background: #61EABF; background: color(display-p3 0.5313 0.9059 0.7602);" title="L=0.85"></div><div class="sw" style="background: #C9DD00; background: color(display-p3 0.8010 0.8627 0.1730);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #CB2F02; background: color(display-p3 0.7319 0.2395 0.1163);" title="L=0.55"></div><div class="sw" style="background: #8B31EE; background: color(display-p3 0.5056 0.2154 0.8977);" title="L=0.55"></div><div class="sw" style="background: #548078; background: color(display-p3 0.3682 0.4991 0.4716);" title="L=0.57"></div><div class="sw" style="background: #EC9DFE; background: color(display-p3 0.8804 0.6280 0.9754);" title="L=0.81"></div><div class="sw" style="background: #61EABF; background: color(display-p3 0.5313 0.9059 0.7602);" title="L=0.85"></div><div class="sw" style="background: #C9DD00; background: color(display-p3 0.8010 0.8627 0.1730);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #CB2F02; background: color(display-p3 0.7319 0.2395 0.1163);" title="L=0.55"></div><div class="sw" style="background: #8B31EE; background: color(display-p3 0.5056 0.2154 0.8977);" title="L=0.55"></div><div class="sw" style="background: #548078; background: color(display-p3 0.3682 0.4991 0.4716);" title="L=0.57"></div><div class="sw" style="background: #EC9DFE; background: color(display-p3 0.8804 0.6280 0.9754);" title="L=0.81"></div><div class="sw" style="background: #61EABF; background: color(display-p3 0.5313 0.9059 0.7602);" title="L=0.85"></div><div class="sw" style="background: #C9DD00; background: color(display-p3 0.8010 0.8627 0.1730);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #CB2F02; background: color(display-p3 0.7319 0.2395 0.1163);" title=""></div>
 <div class="sw" style="background: #8B31EE; background: color(display-p3 0.5056 0.2154 0.8977);" title=""></div>
 <div class="sw" style="background: #548078; background: color(display-p3 0.3682 0.4991 0.4716);" title=""></div>
 <div class="sw" style="background: #EC9DFE; background: color(display-p3 0.8804 0.6280 0.9754);" title=""></div>
 <div class="sw" style="background: #61EABF; background: color(display-p3 0.5313 0.9059 0.7602);" title=""></div>
 <div class="sw" style="background: #C9DD00; background: color(display-p3 0.8010 0.8627 0.1730);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #986A00; background: color(display-p3 0.5705 0.4223 0.1064);" title=""></div>
 <div class="sw" style="background: #075DEB; background: color(display-p3 0.1579 0.3605 0.8896);" title=""></div>
 <div class="sw" style="background: #6F7979; background: color(display-p3 0.4416 0.4718 0.4728);" title=""></div>
 <div class="sw" style="background: #B7B6FC; background: color(display-p3 0.7157 0.7120 0.9690);" title=""></div>
 <div class="sw" style="background: #BFD5C2; background: color(display-p3 0.7667 0.8332 0.7653);" title=""></div>
 <div class="sw" style="background: #E5D400; background: color(display-p3 0.8866 0.8352 0.2199);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #877700; background: color(display-p3 0.5195 0.4702 0.1166);" title=""></div>
 <div class="sw" style="background: #0066EA; background: color(display-p3 0.0000 0.3914 0.8854);" title=""></div>
 <div class="sw" style="background: #757679; background: color(display-p3 0.4583 0.4613 0.4728);" title=""></div>
 <div class="sw" style="background: #A4BDFB; background: color(display-p3 0.6609 0.7374 0.9664);" title=""></div>
 <div class="sw" style="background: #D0CDC2; background: color(display-p3 0.8145 0.8049 0.7662);" title=""></div>
 <div class="sw" style="background: #ECD200; background: color(display-p3 0.9100 0.8276 0.2411);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #895100; background: color(display-p3 0.5076 0.3294 0.0724);" title=""></div>
 <div class="sw" style="background: #005EF0; background: color(display-p3 0.1182 0.3606 0.9087);" title=""></div>
 <div class="sw" style="background: #737C78; background: color(display-p3 0.4586 0.4862 0.4721);" title=""></div>
 <div class="sw" style="background: #AFB0FF; background: color(display-p3 0.6860 0.6886 0.9818);" title=""></div>
 <div class="sw" style="background: #CBDEBF; background: color(display-p3 0.8102 0.8686 0.7591);" title=""></div>
 <div class="sw" style="background: #E5D300; background: color(display-p3 0.8864 0.8309 0.0544);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #615500; background: color(display-p3 0.3729 0.3340 0.0686);" title=""></div>
 <div class="sw" style="background: #0068F3; background: color(display-p3 0.0000 0.3964 0.9175);" title=""></div>
 <div class="sw" style="background: #7D7C78; background: color(display-p3 0.4880 0.4845 0.4713);" title=""></div>
 <div class="sw" style="background: #90B4FF; background: color(display-p3 0.5919 0.7032 0.9883);" title=""></div>
 <div class="sw" style="background: #E4DCBD; background: color(display-p3 0.8887 0.8621 0.7549);" title=""></div>
 <div class="sw" style="background: #EED000; background: color(display-p3 0.9136 0.8189 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #E00029; background: color(display-p3 0.8033 0.0591 0.1949);" title=""></div>
 <div class="sw" style="background: #736691; background: color(display-p3 0.4429 0.4032 0.5553);" title=""></div>
 <div class="sw" style="background: #46827E; background: color(display-p3 0.3318 0.5041 0.4918);" title=""></div>
 <div class="sw" style="background: #EDA8C2; background: color(display-p3 0.8902 0.6716 0.7568);" title=""></div>
 <div class="sw" style="background: #00EBDE; background: color(display-p3 0.4132 0.9092 0.8669);" title=""></div>
 <div class="sw" style="background: #D7CEBA; background: color(display-p3 0.8379 0.8100 0.7361);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.5%;"></span><span class="l-dot" style="left: 79.7%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 26.01 &nbsp; mean 32.80<br>expected ΔE min 30.12 &nbsp; mean 49.00<br>L values [0.55, 0.55, 0.565, 0.797, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.168</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #882FF5; background: color(display-p3 0.4918 0.2064 0.9237);" title="L=0.55"></div><div class="sw" style="background: #CA3000; background: color(display-p3 0.7294 0.2440 0.1106);" title="L=0.55"></div><div class="sw" style="background: #3E8479; background: color(display-p3 0.3143 0.5123 0.4736);" title="L=0.57"></div><div class="sw" style="background: #BFAFFE; background: color(display-p3 0.7394 0.6885 0.9750);" title="L=0.80"></div><div class="sw" style="background: #00F0C0; background: color(display-p3 0.4179 0.9288 0.7614);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9668 0.7804 0.1523);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #882FF5; background: color(display-p3 0.4918 0.2064 0.9237);" title="L=0.55"></div><div class="sw" style="background: #CA3000; background: color(display-p3 0.7294 0.2440 0.1106);" title="L=0.55"></div><div class="sw" style="background: #3E8479; background: color(display-p3 0.3143 0.5123 0.4736);" title="L=0.57"></div><div class="sw" style="background: #BFAFFE; background: color(display-p3 0.7394 0.6885 0.9750);" title="L=0.80"></div><div class="sw" style="background: #00F0C0; background: color(display-p3 0.4179 0.9288 0.7614);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9668 0.7804 0.1523);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #882FF5; background: color(display-p3 0.4918 0.2064 0.9237);" title="L=0.55"></div><div class="sw" style="background: #CA3000; background: color(display-p3 0.7294 0.2440 0.1106);" title="L=0.55"></div><div class="sw" style="background: #3E8479; background: color(display-p3 0.3143 0.5123 0.4736);" title="L=0.57"></div><div class="sw" style="background: #BFAFFE; background: color(display-p3 0.7394 0.6885 0.9750);" title="L=0.80"></div><div class="sw" style="background: #00F0C0; background: color(display-p3 0.4179 0.9288 0.7614);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9668 0.7804 0.1523);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #882FF5; background: color(display-p3 0.4918 0.2064 0.9237);" title=""></div>
 <div class="sw" style="background: #CA3000; background: color(display-p3 0.7294 0.2440 0.1106);" title=""></div>
 <div class="sw" style="background: #3E8479; background: color(display-p3 0.3143 0.5123 0.4736);" title=""></div>
 <div class="sw" style="background: #BFAFFE; background: color(display-p3 0.7394 0.6885 0.9750);" title=""></div>
 <div class="sw" style="background: #00F0C0; background: color(display-p3 0.4179 0.9288 0.7614);" title=""></div>
 <div class="sw" style="background: #FFC500; background: color(display-p3 0.9668 0.7804 0.1523);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005CF2; background: color(display-p3 0.0628 0.3551 0.9154);" title=""></div>
 <div class="sw" style="background: #986A00; background: color(display-p3 0.5699 0.4228 0.1008);" title=""></div>
 <div class="sw" style="background: #6B7979; background: color(display-p3 0.4305 0.4741 0.4753);" title=""></div>
 <div class="sw" style="background: #A5B6FD; background: color(display-p3 0.6609 0.7135 0.9701);" title=""></div>
 <div class="sw" style="background: #BAD7C2; background: color(display-p3 0.7526 0.8395 0.7675);" title=""></div>
 <div class="sw" style="background: #F2CF00; background: color(display-p3 0.9252 0.8171 0.1872);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0065F1; background: color(display-p3 0.0000 0.3858 0.9110);" title=""></div>
 <div class="sw" style="background: #877700; background: color(display-p3 0.5196 0.4701 0.1115);" title=""></div>
 <div class="sw" style="background: #74757A; background: color(display-p3 0.4548 0.4591 0.4753);" title=""></div>
 <div class="sw" style="background: #9CB8FC; background: color(display-p3 0.6349 0.7200 0.9675);" title=""></div>
 <div class="sw" style="background: #D0CDC3; background: color(display-p3 0.8129 0.8041 0.7684);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9169 0.8326 0.2114);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EF8; background: color(display-p3 0.0000 0.3603 0.9352);" title=""></div>
 <div class="sw" style="background: #895200; background: color(display-p3 0.5076 0.3312 0.0634);" title=""></div>
 <div class="sw" style="background: #727E79; background: color(display-p3 0.4553 0.4944 0.4743);" title=""></div>
 <div class="sw" style="background: #A5B8FF; background: color(display-p3 0.6619 0.7181 0.9820);" title=""></div>
 <div class="sw" style="background: #CAE2BF; background: color(display-p3 0.8086 0.8838 0.7605);" title=""></div>
 <div class="sw" style="background: #EAC500; background: color(display-p3 0.8938 0.7788 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0069FA; background: color(display-p3 0.0000 0.3983 0.9443);" title=""></div>
 <div class="sw" style="background: #625500; background: color(display-p3 0.3752 0.3356 0.0584);" title=""></div>
 <div class="sw" style="background: #7F7D78; background: color(display-p3 0.4970 0.4920 0.4732);" title=""></div>
 <div class="sw" style="background: #9BBBFF; background: color(display-p3 0.6321 0.7287 0.9875);" title=""></div>
 <div class="sw" style="background: #E9DFBD; background: color(display-p3 0.9058 0.8762 0.7555);" title=""></div>
 <div class="sw" style="background: #E0C300; background: color(display-p3 0.8607 0.7705 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6A6994; background: color(display-p3 0.4135 0.4117 0.5687);" title=""></div>
 <div class="sw" style="background: #DF002A; background: color(display-p3 0.8006 0.0752 0.1981);" title=""></div>
 <div class="sw" style="background: #178681; background: color(display-p3 0.2466 0.5192 0.5022);" title=""></div>
 <div class="sw" style="background: #B2BCCC; background: color(display-p3 0.7060 0.7371 0.7924);" title=""></div>
 <div class="sw" style="background: #00F3E2; background: color(display-p3 0.1241 0.9345 0.8847);" title=""></div>
 <div class="sw" style="background: #FFB0A5; background: color(display-p3 1.0000 0.7078 0.6618);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.9%;"></span><span class="l-dot" style="left: 80.5%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.70 &nbsp; mean 31.69<br>expected ΔE min 29.24 &nbsp; mean 51.07<br>L values [0.55, 0.55, 0.569, 0.805, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.176</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #862FF6; background: color(display-p3 0.4871 0.2077 0.9280);" title="L=0.55"></div><div class="sw" style="background: #C93107; background: color(display-p3 0.7276 0.2460 0.1237);" title="L=0.55"></div><div class="sw" style="background: #3D8579; background: color(display-p3 0.3148 0.5170 0.4769);" title="L=0.57"></div><div class="sw" style="background: #E6A0FE; background: color(display-p3 0.8596 0.6375 0.9755);" title="L=0.80"></div><div class="sw" style="background: #32EEBF; background: color(display-p3 0.4592 0.9215 0.7598);" title="L=0.85"></div><div class="sw" style="background: #C6DE00; background: color(display-p3 0.7934 0.8660 0.1632);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #862FF6; background: color(display-p3 0.4871 0.2077 0.9280);" title="L=0.55"></div><div class="sw" style="background: #C93107; background: color(display-p3 0.7276 0.2460 0.1237);" title="L=0.55"></div><div class="sw" style="background: #3D8579; background: color(display-p3 0.3148 0.5170 0.4769);" title="L=0.57"></div><div class="sw" style="background: #E6A0FE; background: color(display-p3 0.8596 0.6375 0.9755);" title="L=0.80"></div><div class="sw" style="background: #32EEBF; background: color(display-p3 0.4592 0.9215 0.7598);" title="L=0.85"></div><div class="sw" style="background: #C6DE00; background: color(display-p3 0.7934 0.8660 0.1632);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #862FF6; background: color(display-p3 0.4871 0.2077 0.9280);" title="L=0.55"></div><div class="sw" style="background: #C93107; background: color(display-p3 0.7276 0.2460 0.1237);" title="L=0.55"></div><div class="sw" style="background: #3D8579; background: color(display-p3 0.3148 0.5170 0.4769);" title="L=0.57"></div><div class="sw" style="background: #E6A0FE; background: color(display-p3 0.8596 0.6375 0.9755);" title="L=0.80"></div><div class="sw" style="background: #32EEBF; background: color(display-p3 0.4592 0.9215 0.7598);" title="L=0.85"></div><div class="sw" style="background: #C6DE00; background: color(display-p3 0.7934 0.8660 0.1632);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #862FF6; background: color(display-p3 0.4871 0.2077 0.9280);" title=""></div>
 <div class="sw" style="background: #C93107; background: color(display-p3 0.7276 0.2460 0.1237);" title=""></div>
 <div class="sw" style="background: #3D8579; background: color(display-p3 0.3148 0.5170 0.4769);" title=""></div>
 <div class="sw" style="background: #E6A0FE; background: color(display-p3 0.8596 0.6375 0.9755);" title=""></div>
 <div class="sw" style="background: #32EEBF; background: color(display-p3 0.4592 0.9215 0.7598);" title=""></div>
 <div class="sw" style="background: #C6DE00; background: color(display-p3 0.7934 0.8660 0.1632);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005CF3; background: color(display-p3 0.0251 0.3546 0.9197);" title=""></div>
 <div class="sw" style="background: #986A00; background: color(display-p3 0.5687 0.4229 0.1149);" title=""></div>
 <div class="sw" style="background: #6C7A7A; background: color(display-p3 0.4338 0.4781 0.4786);" title=""></div>
 <div class="sw" style="background: #B4B6FC; background: color(display-p3 0.7067 0.7117 0.9694);" title=""></div>
 <div class="sw" style="background: #BCD6C2; background: color(display-p3 0.7576 0.8375 0.7656);" title=""></div>
 <div class="sw" style="background: #E4D500; background: color(display-p3 0.8854 0.8361 0.2133);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0065F2; background: color(display-p3 0.0000 0.3848 0.9153);" title=""></div>
 <div class="sw" style="background: #877700; background: color(display-p3 0.5187 0.4698 0.1243);" title=""></div>
 <div class="sw" style="background: #75767A; background: color(display-p3 0.4586 0.4628 0.4786);" title=""></div>
 <div class="sw" style="background: #A2BCFC; background: color(display-p3 0.6561 0.7342 0.9667);" title=""></div>
 <div class="sw" style="background: #D0CDC2; background: color(display-p3 0.8138 0.8044 0.7665);" title=""></div>
 <div class="sw" style="background: #EDD200; background: color(display-p3 0.9102 0.8275 0.2353);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EF9; background: color(display-p3 0.0000 0.3612 0.9396);" title=""></div>
 <div class="sw" style="background: #895200; background: color(display-p3 0.5068 0.3322 0.0838);" title=""></div>
 <div class="sw" style="background: #738079; background: color(display-p3 0.4590 0.4987 0.4776);" title=""></div>
 <div class="sw" style="background: #ADB1FF; background: color(display-p3 0.6815 0.6929 0.9821);" title=""></div>
 <div class="sw" style="background: #CAE1BF; background: color(display-p3 0.8094 0.8789 0.7587);" title=""></div>
 <div class="sw" style="background: #E5D400; background: color(display-p3 0.8865 0.8330 0.0229);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0069FB; background: color(display-p3 0.0000 0.3994 0.9488);" title=""></div>
 <div class="sw" style="background: #625500; background: color(display-p3 0.3752 0.3366 0.0802);" title=""></div>
 <div class="sw" style="background: #807E79; background: color(display-p3 0.5015 0.4963 0.4764);" title=""></div>
 <div class="sw" style="background: #91B5FF; background: color(display-p3 0.5977 0.7069 0.9884);" title=""></div>
 <div class="sw" style="background: #E7DEBD; background: color(display-p3 0.9005 0.8716 0.7540);" title=""></div>
 <div class="sw" style="background: #EFD000; background: color(display-p3 0.9162 0.8208 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #676A95; background: color(display-p3 0.4045 0.4145 0.5715);" title=""></div>
 <div class="sw" style="background: #DF002C; background: color(display-p3 0.7983 0.0854 0.2023);" title=""></div>
 <div class="sw" style="background: #138882; background: color(display-p3 0.2452 0.5239 0.5065);" title=""></div>
 <div class="sw" style="background: #E5ACC3; background: color(display-p3 0.8638 0.6821 0.7624);" title=""></div>
 <div class="sw" style="background: #00F0E1; background: color(display-p3 0.2638 0.9262 0.8787);" title=""></div>
 <div class="sw" style="background: #D4CFBA; background: color(display-p3 0.8288 0.8138 0.7386);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 78.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.66 &nbsp; mean 34.00<br>expected ΔE min 28.78 &nbsp; mean 45.87<br>L values [0.55, 0.55, 0.55, 0.78, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.147</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #8930F3; background: color(display-p3 0.4952 0.2100 0.9161);" title="L=0.55"></div><div class="sw" style="background: #C83400; background: color(display-p3 0.7236 0.2539 0.1022);" title="L=0.55"></div><div class="sw" style="background: #4C7C74; background: color(display-p3 0.3409 0.4832 0.4536);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2744 0.7914 0.9756);" title="L=0.78"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7899 0.8204 0.7611);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9654 0.7800 0.1967);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #8930F3; background: color(display-p3 0.4952 0.2100 0.9161);" title="L=0.55"></div><div class="sw" style="background: #C83400; background: color(display-p3 0.7236 0.2539 0.1022);" title="L=0.55"></div><div class="sw" style="background: #4C7C74; background: color(display-p3 0.3409 0.4832 0.4536);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2744 0.7914 0.9756);" title="L=0.78"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7899 0.8204 0.7611);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9654 0.7800 0.1967);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #8930F3; background: color(display-p3 0.4952 0.2100 0.9161);" title="L=0.55"></div><div class="sw" style="background: #C83400; background: color(display-p3 0.7236 0.2539 0.1022);" title="L=0.55"></div><div class="sw" style="background: #4C7C74; background: color(display-p3 0.3409 0.4832 0.4536);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2744 0.7914 0.9756);" title="L=0.78"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7899 0.8204 0.7611);" title="L=0.85"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9654 0.7800 0.1967);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #8930F3; background: color(display-p3 0.4952 0.2100 0.9161);" title=""></div>
 <div class="sw" style="background: #C83400; background: color(display-p3 0.7236 0.2539 0.1022);" title=""></div>
 <div class="sw" style="background: #4C7C74; background: color(display-p3 0.3409 0.4832 0.4536);" title=""></div>
 <div class="sw" style="background: #00CDFE; background: color(display-p3 0.2744 0.7914 0.9756);" title=""></div>
 <div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7899 0.8204 0.7611);" title=""></div>
 <div class="sw" style="background: #FFC500; background: color(display-p3 0.9654 0.7800 0.1967);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005DF0; background: color(display-p3 0.0987 0.3568 0.9079);" title=""></div>
 <div class="sw" style="background: #986A00; background: color(display-p3 0.5682 0.4239 0.0928);" title=""></div>
 <div class="sw" style="background: #6A7474; background: color(display-p3 0.4217 0.4541 0.4549);" title=""></div>
 <div class="sw" style="background: #7FBAFE; background: color(display-p3 0.5480 0.7222 0.9737);" title=""></div>
 <div class="sw" style="background: #CFCFC1; background: color(display-p3 0.8133 0.8115 0.7625);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9234 0.8167 0.2237);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0065EF; background: color(display-p3 0.0000 0.3874 0.9036);" title=""></div>
 <div class="sw" style="background: #877700; background: color(display-p3 0.5196 0.4698 0.1044);" title=""></div>
 <div class="sw" style="background: #707174; background: color(display-p3 0.4396 0.4428 0.4549);" title=""></div>
 <div class="sw" style="background: #90B1FE; background: color(display-p3 0.5911 0.6921 0.9711);" title=""></div>
 <div class="sw" style="background: #D2CEC1; background: color(display-p3 0.8197 0.8085 0.7631);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9150 0.8322 0.2435);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EF5; background: color(display-p3 0.0443 0.3607 0.9275);" title=""></div>
 <div class="sw" style="background: #895300; background: color(display-p3 0.5074 0.3354 0.0490);" title=""></div>
 <div class="sw" style="background: #6E7874; background: color(display-p3 0.4400 0.4695 0.4541);" title=""></div>
 <div class="sw" style="background: #94C7FF; background: color(display-p3 0.6214 0.7746 0.9837);" title=""></div>
 <div class="sw" style="background: #D0CFC0; background: color(display-p3 0.8162 0.8136 0.7595);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8923 0.7788 0.1030);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0069F8; background: color(display-p3 0.0000 0.3980 0.9365);" title=""></div>
 <div class="sw" style="background: #635600; background: color(display-p3 0.3799 0.3392 0.0413);" title=""></div>
 <div class="sw" style="background: #787773; background: color(display-p3 0.4715 0.4676 0.4533);" title=""></div>
 <div class="sw" style="background: #B0C7FF; background: color(display-p3 0.7063 0.7785 0.9873);" title=""></div>
 <div class="sw" style="background: #D3CFC0; background: color(display-p3 0.8257 0.8117 0.7579);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8590 0.7707 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6C6893; background: color(display-p3 0.4212 0.4097 0.5650);" title=""></div>
 <div class="sw" style="background: #DD002D; background: color(display-p3 0.7940 0.1048 0.2057);" title=""></div>
 <div class="sw" style="background: #3B7E7A; background: color(display-p3 0.2996 0.4885 0.4754);" title=""></div>
 <div class="sw" style="background: #00DDDD; background: color(display-p3 0.0000 0.8469 0.8576);" title=""></div>
 <div class="sw" style="background: #C8D0CD; background: color(display-p3 0.7901 0.8144 0.8028);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7088 0.6643);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 77.8%;"></span><span class="l-dot" style="left: 84.9%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.65 &nbsp; mean 33.91<br>expected ΔE min 28.80 &nbsp; mean 45.71<br>L values [0.55, 0.55, 0.55, 0.778, 0.849, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.144</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #C53A00; background: color(display-p3 0.7123 0.2710 0.1021);" title="L=0.55"></div><div class="sw" style="background: #4F7C73; background: color(display-p3 0.3496 0.4799 0.4529);" title="L=0.55"></div><div class="sw" style="background: #8930F1; background: color(display-p3 0.4981 0.2108 0.9117);" title="L=0.55"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2990 0.7851 0.9756);" title="L=0.78"></div><div class="sw" style="background: #FFC300; background: color(display-p3 0.9716 0.7733 0.2015);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7919 0.8193 0.7627);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #C53A00; background: color(display-p3 0.7123 0.2710 0.1021);" title="L=0.55"></div><div class="sw" style="background: #4F7C73; background: color(display-p3 0.3496 0.4799 0.4529);" title="L=0.55"></div><div class="sw" style="background: #8930F1; background: color(display-p3 0.4981 0.2108 0.9117);" title="L=0.55"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2990 0.7851 0.9756);" title="L=0.78"></div><div class="sw" style="background: #FFC300; background: color(display-p3 0.9716 0.7733 0.2015);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7919 0.8193 0.7627);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #C53A00; background: color(display-p3 0.7123 0.2710 0.1021);" title="L=0.55"></div><div class="sw" style="background: #4F7C73; background: color(display-p3 0.3496 0.4799 0.4529);" title="L=0.55"></div><div class="sw" style="background: #8930F1; background: color(display-p3 0.4981 0.2108 0.9117);" title="L=0.55"></div><div class="sw" style="background: #00CBFE; background: color(display-p3 0.2990 0.7851 0.9756);" title="L=0.78"></div><div class="sw" style="background: #FFC300; background: color(display-p3 0.9716 0.7733 0.2015);" title="L=0.85"></div><div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7919 0.8193 0.7627);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #C53A00; background: color(display-p3 0.7123 0.2710 0.1021);" title=""></div>
 <div class="sw" style="background: #4F7C73; background: color(display-p3 0.3496 0.4799 0.4529);" title=""></div>
 <div class="sw" style="background: #8930F1; background: color(display-p3 0.4981 0.2108 0.9117);" title=""></div>
 <div class="sw" style="background: #00CBFE; background: color(display-p3 0.2990 0.7851 0.9756);" title=""></div>
 <div class="sw" style="background: #FFC300; background: color(display-p3 0.9716 0.7733 0.2015);" title=""></div>
 <div class="sw" style="background: #C8D1C1; background: color(display-p3 0.7919 0.8193 0.7627);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #966B00; background: color(display-p3 0.5643 0.4258 0.0945);" title=""></div>
 <div class="sw" style="background: #6A7474; background: color(display-p3 0.4229 0.4529 0.4541);" title=""></div>
 <div class="sw" style="background: #005DEF; background: color(display-p3 0.1162 0.3577 0.9035);" title=""></div>
 <div class="sw" style="background: #7FB9FE; background: color(display-p3 0.5474 0.7188 0.9735);" title=""></div>
 <div class="sw" style="background: #F1CE00; background: color(display-p3 0.9233 0.8139 0.2268);" title=""></div>
 <div class="sw" style="background: #D0CFC2; background: color(display-p3 0.8134 0.8111 0.7640);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #877700; background: color(display-p3 0.5186 0.4690 0.1060);" title=""></div>
 <div class="sw" style="background: #707174; background: color(display-p3 0.4394 0.4425 0.4541);" title=""></div>
 <div class="sw" style="background: #0066EE; background: color(display-p3 0.0000 0.3884 0.8992);" title=""></div>
 <div class="sw" style="background: #8FB1FE; background: color(display-p3 0.5878 0.6898 0.9709);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9132 0.8307 0.2461);" title=""></div>
 <div class="sw" style="background: #D2CEC2; background: color(display-p3 0.8192 0.8084 0.7646);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #885500; background: color(display-p3 0.5064 0.3430 0.0494);" title=""></div>
 <div class="sw" style="background: #6F7773; background: color(display-p3 0.4398 0.4672 0.4534);" title=""></div>
 <div class="sw" style="background: #005EF4; background: color(display-p3 0.0683 0.3605 0.9230);" title=""></div>
 <div class="sw" style="background: #93C6FF; background: color(display-p3 0.6185 0.7698 0.9837);" title=""></div>
 <div class="sw" style="background: #E9C400; background: color(display-p3 0.8906 0.7741 0.1125);" title=""></div>
 <div class="sw" style="background: #D0CFC1; background: color(display-p3 0.8159 0.8130 0.7611);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #655800; background: color(display-p3 0.3875 0.3460 0.0394);" title=""></div>
 <div class="sw" style="background: #787773; background: color(display-p3 0.4690 0.4655 0.4527);" title=""></div>
 <div class="sw" style="background: #0068F7; background: color(display-p3 0.0000 0.3975 0.9320);" title=""></div>
 <div class="sw" style="background: #AEC6FF; background: color(display-p3 0.6998 0.7741 0.9874);" title=""></div>
 <div class="sw" style="background: #DEC200; background: color(display-p3 0.8538 0.7663 0.0000);" title=""></div>
 <div class="sw" style="background: #D3CFC0; background: color(display-p3 0.8245 0.8111 0.7597);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #D90032; background: color(display-p3 0.7809 0.1468 0.2212);" title=""></div>
 <div class="sw" style="background: #417D79; background: color(display-p3 0.3128 0.4850 0.4729);" title=""></div>
 <div class="sw" style="background: #6E6893; background: color(display-p3 0.4272 0.4078 0.5625);" title=""></div>
 <div class="sw" style="background: #00DBDC; background: color(display-p3 0.0000 0.8409 0.8535);" title=""></div>
 <div class="sw" style="background: #FFAEA4; background: color(display-p3 1.0000 0.7011 0.6587);" title=""></div>
 <div class="sw" style="background: #C9D0CC; background: color(display-p3 0.7925 0.8134 0.8025);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 77.9%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.63 &nbsp; mean 33.94<br>expected ΔE min 28.70 &nbsp; mean 45.46<br>L values [0.55, 0.55, 0.55, 0.779, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.144</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #892FF2; background: color(display-p3 0.4961 0.2096 0.9153);" title="L=0.55"></div><div class="sw" style="background: #C14000; background: color(display-p3 0.7006 0.2870 0.1008);" title="L=0.55"></div><div class="sw" style="background: #4D7C73; background: color(display-p3 0.3438 0.4819 0.4533);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2751 0.7906 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9604 0.7830 0.1962);" title="L=0.85"></div><div class="sw" style="background: #C7D2C1; background: color(display-p3 0.7894 0.8205 0.7621);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #892FF2; background: color(display-p3 0.4961 0.2096 0.9153);" title="L=0.55"></div><div class="sw" style="background: #C14000; background: color(display-p3 0.7006 0.2870 0.1008);" title="L=0.55"></div><div class="sw" style="background: #4D7C73; background: color(display-p3 0.3438 0.4819 0.4533);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2751 0.7906 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9604 0.7830 0.1962);" title="L=0.85"></div><div class="sw" style="background: #C7D2C1; background: color(display-p3 0.7894 0.8205 0.7621);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #892FF2; background: color(display-p3 0.4961 0.2096 0.9153);" title="L=0.55"></div><div class="sw" style="background: #C14000; background: color(display-p3 0.7006 0.2870 0.1008);" title="L=0.55"></div><div class="sw" style="background: #4D7C73; background: color(display-p3 0.3438 0.4819 0.4533);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2751 0.7906 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9604 0.7830 0.1962);" title="L=0.85"></div><div class="sw" style="background: #C7D2C1; background: color(display-p3 0.7894 0.8205 0.7621);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #892FF2; background: color(display-p3 0.4961 0.2096 0.9153);" title=""></div>
 <div class="sw" style="background: #C14000; background: color(display-p3 0.7006 0.2870 0.1008);" title=""></div>
 <div class="sw" style="background: #4D7C73; background: color(display-p3 0.3438 0.4819 0.4533);" title=""></div>
 <div class="sw" style="background: #00CDFE; background: color(display-p3 0.2751 0.7906 0.9754);" title=""></div>
 <div class="sw" style="background: #FEC500; background: color(display-p3 0.9604 0.7830 0.1962);" title=""></div>
 <div class="sw" style="background: #C7D2C1; background: color(display-p3 0.7894 0.8205 0.7621);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005DF0; background: color(display-p3 0.1028 0.3569 0.9071);" title=""></div>
 <div class="sw" style="background: #956B00; background: color(display-p3 0.5605 0.4277 0.0951);" title=""></div>
 <div class="sw" style="background: #6A7474; background: color(display-p3 0.4219 0.4535 0.4545);" title=""></div>
 <div class="sw" style="background: #7FBAFE; background: color(display-p3 0.5474 0.7215 0.9734);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9221 0.8173 0.2237);" title=""></div>
 <div class="sw" style="background: #CFCFC1; background: color(display-p3 0.8129 0.8114 0.7635);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0066EF; background: color(display-p3 0.0000 0.3876 0.9028);" title=""></div>
 <div class="sw" style="background: #877700; background: color(display-p3 0.5177 0.4682 0.1066);" title=""></div>
 <div class="sw" style="background: #707174; background: color(display-p3 0.4394 0.4425 0.4545);" title=""></div>
 <div class="sw" style="background: #90B1FD; background: color(display-p3 0.5903 0.6915 0.9708);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9148 0.8320 0.2436);" title=""></div>
 <div class="sw" style="background: #D2CEC2; background: color(display-p3 0.8193 0.8084 0.7641);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EF5; background: color(display-p3 0.0496 0.3605 0.9266);" title=""></div>
 <div class="sw" style="background: #885700; background: color(display-p3 0.5054 0.3505 0.0478);" title=""></div>
 <div class="sw" style="background: #6E7873; background: color(display-p3 0.4397 0.4685 0.4538);" title=""></div>
 <div class="sw" style="background: #94C7FF; background: color(display-p3 0.6206 0.7738 0.9835);" title=""></div>
 <div class="sw" style="background: #E9C600; background: color(display-p3 0.8920 0.7806 0.1020);" title=""></div>
 <div class="sw" style="background: #D0CFC1; background: color(display-p3 0.8160 0.8137 0.7605);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0068F8; background: color(display-p3 0.0000 0.3978 0.9357);" title=""></div>
 <div class="sw" style="background: #675900; background: color(display-p3 0.3951 0.3527 0.0349);" title=""></div>
 <div class="sw" style="background: #787773; background: color(display-p3 0.4704 0.4667 0.4530);" title=""></div>
 <div class="sw" style="background: #AFC7FF; background: color(display-p3 0.7053 0.7777 0.9871);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8609 0.7724 0.0000);" title=""></div>
 <div class="sw" style="background: #D3CFC0; background: color(display-p3 0.8255 0.8118 0.7590);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6D6893; background: color(display-p3 0.4230 0.4090 0.5644);" title=""></div>
 <div class="sw" style="background: #D51036; background: color(display-p3 0.7675 0.1793 0.2356);" title=""></div>
 <div class="sw" style="background: #3D7E79; background: color(display-p3 0.3041 0.4871 0.4744);" title=""></div>
 <div class="sw" style="background: #00DCDD; background: color(display-p3 0.0000 0.8461 0.8569);" title=""></div>
 <div class="sw" style="background: #FFB1A7; background: color(display-p3 1.0000 0.7125 0.6668);" title=""></div>
 <div class="sw" style="background: #C8D0CD; background: color(display-p3 0.7893 0.8146 0.8032);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.3%;"></span><span class="l-dot" style="left: 80.8%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.57 &nbsp; mean 33.70<br>expected ΔE min 28.67 &nbsp; mean 47.61<br>L values [0.55, 0.55, 0.563, 0.808, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.157</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #6543FF; background: color(display-p3 0.3757 0.2699 0.9743);" title="L=0.55"></div><div class="sw" style="background: #776E77; background: color(display-p3 0.4617 0.4334 0.4631);" title="L=0.55"></div><div class="sw" style="background: #CC3A19; background: color(display-p3 0.7372 0.2750 0.1604);" title="L=0.56"></div><div class="sw" style="background: #C0B5FE; background: color(display-p3 0.7446 0.7114 0.9755);" title="L=0.81"></div><div class="sw" style="background: #FCC700; background: color(display-p3 0.9561 0.7867 0.1516);" title="L=0.85"></div><div class="sw" style="background: #00F3BE; background: color(display-p3 0.3583 0.9386 0.7576);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #6543FF; background: color(display-p3 0.3757 0.2699 0.9743);" title="L=0.55"></div><div class="sw" style="background: #776E77; background: color(display-p3 0.4617 0.4334 0.4631);" title="L=0.55"></div><div class="sw" style="background: #CC3A19; background: color(display-p3 0.7372 0.2750 0.1604);" title="L=0.56"></div><div class="sw" style="background: #C0B5FE; background: color(display-p3 0.7446 0.7114 0.9755);" title="L=0.81"></div><div class="sw" style="background: #FCC700; background: color(display-p3 0.9561 0.7867 0.1516);" title="L=0.85"></div><div class="sw" style="background: #00F3BE; background: color(display-p3 0.3583 0.9386 0.7576);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #6543FF; background: color(display-p3 0.3757 0.2699 0.9743);" title="L=0.55"></div><div class="sw" style="background: #776E77; background: color(display-p3 0.4617 0.4334 0.4631);" title="L=0.55"></div><div class="sw" style="background: #CC3A19; background: color(display-p3 0.7372 0.2750 0.1604);" title="L=0.56"></div><div class="sw" style="background: #C0B5FE; background: color(display-p3 0.7446 0.7114 0.9755);" title="L=0.81"></div><div class="sw" style="background: #FCC700; background: color(display-p3 0.9561 0.7867 0.1516);" title="L=0.85"></div><div class="sw" style="background: #00F3BE; background: color(display-p3 0.3583 0.9386 0.7576);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #6543FF; background: color(display-p3 0.3757 0.2699 0.9743);" title=""></div>
 <div class="sw" style="background: #776E77; background: color(display-p3 0.4617 0.4334 0.4631);" title=""></div>
 <div class="sw" style="background: #CC3A19; background: color(display-p3 0.7372 0.2750 0.1604);" title=""></div>
 <div class="sw" style="background: #C0B5FE; background: color(display-p3 0.7446 0.7114 0.9755);" title=""></div>
 <div class="sw" style="background: #FCC700; background: color(display-p3 0.9561 0.7867 0.1516);" title=""></div>
 <div class="sw" style="background: #00F3BE; background: color(display-p3 0.3583 0.9386 0.7576);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005DFF; background: color(display-p3 0.0000 0.3563 0.9661);" title=""></div>
 <div class="sw" style="background: #717076; background: color(display-p3 0.4440 0.4412 0.4624);" title=""></div>
 <div class="sw" style="background: #9B6E0D; background: color(display-p3 0.5814 0.4392 0.1540);" title=""></div>
 <div class="sw" style="background: #AABBFD; background: color(display-p3 0.6790 0.7309 0.9710);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9225 0.8184 0.1879);" title=""></div>
 <div class="sw" style="background: #B9D8C1; background: color(display-p3 0.7479 0.8425 0.7643);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3727 0.9614);" title=""></div>
 <div class="sw" style="background: #707176; background: color(display-p3 0.4390 0.4439 0.4622);" title=""></div>
 <div class="sw" style="background: #8A7B0D; background: color(display-p3 0.5328 0.4844 0.1614);" title=""></div>
 <div class="sw" style="background: #A3BCFC; background: color(display-p3 0.6574 0.7356 0.9685);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9165 0.8322 0.2121);" title=""></div>
 <div class="sw" style="background: #D0CDC2; background: color(display-p3 0.8136 0.8040 0.7653);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0066FF; background: color(display-p3 0.0000 0.3889 0.9868);" title=""></div>
 <div class="sw" style="background: #707077; background: color(display-p3 0.4406 0.4384 0.4637);" title=""></div>
 <div class="sw" style="background: #8C580E; background: color(display-p3 0.5210 0.3531 0.1309);" title=""></div>
 <div class="sw" style="background: #ABBCFF; background: color(display-p3 0.6820 0.7368 0.9822);" title=""></div>
 <div class="sw" style="background: #EAC600; background: color(display-p3 0.8933 0.7827 0.0000);" title=""></div>
 <div class="sw" style="background: #C9E4BE; background: color(display-p3 0.8089 0.8903 0.7566);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0070FF; background: color(display-p3 0.0000 0.4259 0.9962);" title=""></div>
 <div class="sw" style="background: #6E7077; background: color(display-p3 0.4323 0.4395 0.4644);" title=""></div>
 <div class="sw" style="background: #675B11; background: color(display-p3 0.3949 0.3569 0.1280);" title=""></div>
 <div class="sw" style="background: #A2BFFF; background: color(display-p3 0.6589 0.7463 0.9874);" title=""></div>
 <div class="sw" style="background: #E1C400; background: color(display-p3 0.8646 0.7741 0.0000);" title=""></div>
 <div class="sw" style="background: #EBE1BC; background: color(display-p3 0.9139 0.8821 0.7512);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #007AA0; background: color(display-p3 0.1197 0.4698 0.6134);" title=""></div>
 <div class="sw" style="background: #786F71; background: color(display-p3 0.4646 0.4356 0.4426);" title=""></div>
 <div class="sw" style="background: #E10035; background: color(display-p3 0.8075 0.1484 0.2338);" title=""></div>
 <div class="sw" style="background: #B2C1CF; background: color(display-p3 0.7102 0.7564 0.8060);" title=""></div>
 <div class="sw" style="background: #FFB2A7; background: color(display-p3 1.0000 0.7157 0.6673);" title=""></div>
 <div class="sw" style="background: #00F5E4; background: color(display-p3 0.0000 0.9447 0.8913);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.1%;"></span><span class="l-dot" style="left: 77.9%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.56 &nbsp; mean 33.70<br>expected ΔE min 28.75 &nbsp; mean 44.10<br>L values [0.55, 0.55, 0.551, 0.779, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.138</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #882FF4; background: color(display-p3 0.4928 0.2092 0.9198);" title="L=0.55"></div><div class="sw" style="background: #4A7D74; background: color(display-p3 0.3375 0.4835 0.4544);" title="L=0.55"></div><div class="sw" style="background: #AA5900; background: color(display-p3 0.6263 0.3672 0.1015);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2734 0.7910 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9643 0.7806 0.1989);" title="L=0.85"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7898 0.8204 0.7615);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #882FF4; background: color(display-p3 0.4928 0.2092 0.9198);" title="L=0.55"></div><div class="sw" style="background: #4A7D74; background: color(display-p3 0.3375 0.4835 0.4544);" title="L=0.55"></div><div class="sw" style="background: #AA5900; background: color(display-p3 0.6263 0.3672 0.1015);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2734 0.7910 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9643 0.7806 0.1989);" title="L=0.85"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7898 0.8204 0.7615);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #882FF4; background: color(display-p3 0.4928 0.2092 0.9198);" title="L=0.55"></div><div class="sw" style="background: #4A7D74; background: color(display-p3 0.3375 0.4835 0.4544);" title="L=0.55"></div><div class="sw" style="background: #AA5900; background: color(display-p3 0.6263 0.3672 0.1015);" title="L=0.55"></div><div class="sw" style="background: #00CDFE; background: color(display-p3 0.2734 0.7910 0.9754);" title="L=0.78"></div><div class="sw" style="background: #FFC500; background: color(display-p3 0.9643 0.7806 0.1989);" title="L=0.85"></div><div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7898 0.8204 0.7615);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #882FF4; background: color(display-p3 0.4928 0.2092 0.9198);" title=""></div>
 <div class="sw" style="background: #4A7D74; background: color(display-p3 0.3375 0.4835 0.4544);" title=""></div>
 <div class="sw" style="background: #AA5900; background: color(display-p3 0.6263 0.3672 0.1015);" title=""></div>
 <div class="sw" style="background: #00CDFE; background: color(display-p3 0.2734 0.7910 0.9754);" title=""></div>
 <div class="sw" style="background: #FFC500; background: color(display-p3 0.9643 0.7806 0.1989);" title=""></div>
 <div class="sw" style="background: #C8D2C1; background: color(display-p3 0.7898 0.8204 0.7615);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005DF1; background: color(display-p3 0.0819 0.3561 0.9115);" title=""></div>
 <div class="sw" style="background: #697474; background: color(display-p3 0.4204 0.4538 0.4557);" title=""></div>
 <div class="sw" style="background: #8E6F00; background: color(display-p3 0.5377 0.4400 0.1062);" title=""></div>
 <div class="sw" style="background: #7FBAFE; background: color(display-p3 0.5474 0.7217 0.9734);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9230 0.8168 0.2256);" title=""></div>
 <div class="sw" style="background: #CFCFC1; background: color(display-p3 0.8132 0.8114 0.7629);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0065F0; background: color(display-p3 0.0000 0.3866 0.9072);" title=""></div>
 <div class="sw" style="background: #707175; background: color(display-p3 0.4387 0.4422 0.4556);" title=""></div>
 <div class="sw" style="background: #857600; background: color(display-p3 0.5131 0.4645 0.1172);" title=""></div>
 <div class="sw" style="background: #90B1FD; background: color(display-p3 0.5905 0.6916 0.9708);" title=""></div>
 <div class="sw" style="background: #EED300; background: color(display-p3 0.9148 0.8321 0.2452);" title=""></div>
 <div class="sw" style="background: #D2CEC1; background: color(display-p3 0.8195 0.8085 0.7635);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EF6; background: color(display-p3 0.0194 0.3608 0.9312);" title=""></div>
 <div class="sw" style="background: #6E7874; background: color(display-p3 0.4392 0.4695 0.4549);" title=""></div>
 <div class="sw" style="background: #856300; background: color(display-p3 0.5005 0.3926 0.0522);" title=""></div>
 <div class="sw" style="background: #94C7FF; background: color(display-p3 0.6208 0.7741 0.9834);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8921 0.7792 0.1072);" title=""></div>
 <div class="sw" style="background: #D0CFC0; background: color(display-p3 0.8161 0.8136 0.7599);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0069F9; background: color(display-p3 0.0000 0.3984 0.9403);" title=""></div>
 <div class="sw" style="background: #787773; background: color(display-p3 0.4714 0.4677 0.4541);" title=""></div>
 <div class="sw" style="background: #726300; background: color(display-p3 0.4378 0.3910 0.0250);" title=""></div>
 <div class="sw" style="background: #AFC7FF; background: color(display-p3 0.7058 0.7780 0.9870);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8593 0.7711 0.0000);" title=""></div>
 <div class="sw" style="background: #D3CFC0; background: color(display-p3 0.8256 0.8117 0.7584);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6A6994; background: color(display-p3 0.4163 0.4111 0.5670);" title=""></div>
 <div class="sw" style="background: #397E7A; background: color(display-p3 0.2943 0.4891 0.4759);" title=""></div>
 <div class="sw" style="background: #BC464B; background: color(display-p3 0.6816 0.3060 0.3077);" title=""></div>
 <div class="sw" style="background: #00DCDD; background: color(display-p3 0.0000 0.8465 0.8572);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7096 0.6649);" title=""></div>
 <div class="sw" style="background: #C8D0CD; background: color(display-p3 0.7899 0.8144 0.8029);" title=""></div>
 </div></div>
 </div>
 </div>
 <h2>N = 8 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 48 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 18.80 / 20.53 / 22.88 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 16.40 / 18.25 / 19.06 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 64.1%;"></span><span class="l-dot" style="left: 69.9%;"></span><span class="l-dot" style="left: 78.1%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.31 &nbsp; mean 29.33<br>expected ΔE min 22.75 &nbsp; mean 42.61<br>L values [0.55, 0.55, 0.55, 0.641, 0.699, 0.781, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 5 &nbsp;·&nbsp; mean chroma 0.139</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #7438FF; background: color(display-p3 0.4241 0.2316 0.9725);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5051 0.3969 0.5233);" title="L=0.55"></div><div class="sw" style="background: #C4382D; background: color(display-p3 0.7108 0.2633 0.2085);" title="L=0.55"></div><div class="sw" style="background: #898F82; background: color(display-p3 0.5412 0.5601 0.5133);" title="L=0.64"></div><div class="sw" style="background: #679BFE; background: color(display-p3 0.4494 0.6028 0.9696);" title="L=0.70"></div><div class="sw" style="background: #F5A500; background: color(display-p3 0.9141 0.6617 0.2084);" title="L=0.78"></div><div class="sw" style="background: #00F0E9; background: color(display-p3 0.2777 0.9271 0.9082);" title="L=0.85"></div><div class="sw" style="background: #B7DAAA; background: color(display-p3 0.7432 0.8504 0.6829);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #7438FF; background: color(display-p3 0.4241 0.2316 0.9725);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5051 0.3969 0.5233);" title="L=0.55"></div><div class="sw" style="background: #C4382D; background: color(display-p3 0.7108 0.2633 0.2085);" title="L=0.55"></div><div class="sw" style="background: #898F82; background: color(display-p3 0.5412 0.5601 0.5133);" title="L=0.64"></div><div class="sw" style="background: #679BFE; background: color(display-p3 0.4494 0.6028 0.9696);" title="L=0.70"></div><div class="sw" style="background: #F5A500; background: color(display-p3 0.9141 0.6617 0.2084);" title="L=0.78"></div><div class="sw" style="background: #00F0E9; background: color(display-p3 0.2777 0.9271 0.9082);" title="L=0.85"></div><div class="sw" style="background: #B7DAAA; background: color(display-p3 0.7432 0.8504 0.6829);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #7438FF; background: color(display-p3 0.4241 0.2316 0.9725);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5051 0.3969 0.5233);" title="L=0.55"></div><div class="sw" style="background: #C4382D; background: color(display-p3 0.7108 0.2633 0.2085);" title="L=0.55"></div><div class="sw" style="background: #898F82; background: color(display-p3 0.5412 0.5601 0.5133);" title="L=0.64"></div><div class="sw" style="background: #679BFE; background: color(display-p3 0.4494 0.6028 0.9696);" title="L=0.70"></div><div class="sw" style="background: #F5A500; background: color(display-p3 0.9141 0.6617 0.2084);" title="L=0.78"></div><div class="sw" style="background: #00F0E9; background: color(display-p3 0.2777 0.9271 0.9082);" title="L=0.85"></div><div class="sw" style="background: #B7DAAA; background: color(display-p3 0.7432 0.8504 0.6829);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #7438FF; background: color(display-p3 0.4241 0.2316 0.9725);" title=""></div>
 <div class="sw" style="background: #866488; background: color(display-p3 0.5051 0.3969 0.5233);" title=""></div>
 <div class="sw" style="background: #C4382D; background: color(display-p3 0.7108 0.2633 0.2085);" title=""></div>
 <div class="sw" style="background: #898F82; background: color(display-p3 0.5412 0.5601 0.5133);" title=""></div>
 <div class="sw" style="background: #679BFE; background: color(display-p3 0.4494 0.6028 0.9696);" title=""></div>
 <div class="sw" style="background: #F5A500; background: color(display-p3 0.9141 0.6617 0.2084);" title=""></div>
 <div class="sw" style="background: #00F0E9; background: color(display-p3 0.2777 0.9271 0.9082);" title=""></div>
 <div class="sw" style="background: #B7DAAA; background: color(display-p3 0.7432 0.8504 0.6829);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005CFF; background: color(display-p3 0.0000 0.3504 0.9641);" title=""></div>
 <div class="sw" style="background: #706E87; background: color(display-p3 0.4377 0.4300 0.5207);" title=""></div>
 <div class="sw" style="background: #956A27; background: color(display-p3 0.5578 0.4232 0.2031);" title=""></div>
 <div class="sw" style="background: #8E8D82; background: color(display-p3 0.5571 0.5542 0.5144);" title=""></div>
 <div class="sw" style="background: #6098FD; background: color(display-p3 0.4260 0.5916 0.9644);" title=""></div>
 <div class="sw" style="background: #DBB700; background: color(display-p3 0.8366 0.7216 0.2230);" title=""></div>
 <div class="sw" style="background: #A8D6EB; background: color(display-p3 0.6956 0.8326 0.9106);" title=""></div>
 <div class="sw" style="background: #D1D2AB; background: color(display-p3 0.8203 0.8218 0.6874);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0063FE; background: color(display-p3 0.0000 0.3738 0.9594);" title=""></div>
 <div class="sw" style="background: #697186; background: color(display-p3 0.4171 0.4406 0.5197);" title=""></div>
 <div class="sw" style="background: #847727; background: color(display-p3 0.5097 0.4669 0.2077);" title=""></div>
 <div class="sw" style="background: #908D82; background: color(display-p3 0.5615 0.5523 0.5149);" title=""></div>
 <div class="sw" style="background: #5B96FC; background: color(display-p3 0.4116 0.5833 0.9609);" title=""></div>
 <div class="sw" style="background: #D4BD00; background: color(display-p3 0.8175 0.7442 0.2379);" title=""></div>
 <div class="sw" style="background: #C0CBEB; background: color(display-p3 0.7599 0.7937 0.9097);" title=""></div>
 <div class="sw" style="background: #D8CFAC; background: color(display-p3 0.8398 0.8119 0.6893);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3742 0.9850);" title=""></div>
 <div class="sw" style="background: #6D6B88; background: color(display-p3 0.4247 0.4190 0.5257);" title=""></div>
 <div class="sw" style="background: #865528; background: color(display-p3 0.4994 0.3409 0.1907);" title=""></div>
 <div class="sw" style="background: #8F8E81; background: color(display-p3 0.5587 0.5553 0.5119);" title=""></div>
 <div class="sw" style="background: #6CA1FF; background: color(display-p3 0.4701 0.6251 0.9794);" title=""></div>
 <div class="sw" style="background: #D2AA00; background: color(display-p3 0.7978 0.6743 0.1479);" title=""></div>
 <div class="sw" style="background: #BCE3EA; background: color(display-p3 0.7680 0.8873 0.9122);" title=""></div>
 <div class="sw" style="background: #D4D4A8; background: color(display-p3 0.8312 0.8304 0.6781);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006DFF; background: color(display-p3 0.0000 0.4138 0.9945);" title=""></div>
 <div class="sw" style="background: #616D89; background: color(display-p3 0.3892 0.4242 0.5283);" title=""></div>
 <div class="sw" style="background: #61582A; background: color(display-p3 0.3755 0.3454 0.1902);" title=""></div>
 <div class="sw" style="background: #918D81; background: color(display-p3 0.5649 0.5538 0.5107);" title=""></div>
 <div class="sw" style="background: #70A4FF; background: color(display-p3 0.4841 0.6385 0.9859);" title=""></div>
 <div class="sw" style="background: #C2AA00; background: color(display-p3 0.7441 0.6689 0.1057);" title=""></div>
 <div class="sw" style="background: #DFE1E9; background: color(display-p3 0.8756 0.8835 0.9115);" title=""></div>
 <div class="sw" style="background: #DED2A7; background: color(display-p3 0.8609 0.8251 0.6733);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #33749D; background: color(display-p3 0.2667 0.4485 0.6031);" title=""></div>
 <div class="sw" style="background: #886770; background: color(display-p3 0.5132 0.4091 0.4402);" title=""></div>
 <div class="sw" style="background: #D80037; background: color(display-p3 0.7775 0.1508 0.2369);" title=""></div>
 <div class="sw" style="background: #8A8E8B; background: color(display-p3 0.5426 0.5550 0.5463);" title=""></div>
 <div class="sw" style="background: #00B1C0; background: color(display-p3 0.2524 0.6843 0.7445);" title=""></div>
 <div class="sw" style="background: #FF908C; background: color(display-p3 0.9852 0.5898 0.5646);" title=""></div>
 <div class="sw" style="background: #00F9EE; background: color(display-p3 0.0000 0.9549 0.9251);" title=""></div>
 <div class="sw" style="background: #B6D6CD; background: color(display-p3 0.7375 0.8364 0.8041);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 60.4%;"></span><span class="l-dot" style="left: 63.9%;"></span><span class="l-dot" style="left: 70.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.13 &nbsp; mean 26.71<br>expected ΔE min 20.70 &nbsp; mean 43.62<br>L values [0.55, 0.55, 0.604, 0.639, 0.7, 0.85, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.134</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #7339FF; background: color(display-p3 0.4200 0.2370 0.9709);" title="L=0.55"></div><div class="sw" style="background: #75735D; background: color(display-p3 0.4563 0.4499 0.3737);" title="L=0.55"></div><div class="sw" style="background: #AD6693; background: color(display-p3 0.6407 0.4136 0.5671);" title="L=0.60"></div><div class="sw" style="background: #749B1B; background: color(display-p3 0.4870 0.6049 0.2124);" title="L=0.64"></div><div class="sw" style="background: #5A9EFF; background: color(display-p3 0.4163 0.6138 0.9748);" title="L=0.70"></div><div class="sw" style="background: #CBCBE1; background: color(display-p3 0.7974 0.7976 0.8760);" title="L=0.85"></div><div class="sw" style="background: #EBC5AE; background: color(display-p3 0.8967 0.7780 0.6940);" title="L=0.85"></div><div class="sw" style="background: #71F100; background: color(display-p3 0.5766 0.9350 0.2249);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #7339FF; background: color(display-p3 0.4200 0.2370 0.9709);" title="L=0.55"></div><div class="sw" style="background: #75735D; background: color(display-p3 0.4563 0.4499 0.3737);" title="L=0.55"></div><div class="sw" style="background: #AD6693; background: color(display-p3 0.6407 0.4136 0.5671);" title="L=0.60"></div><div class="sw" style="background: #749B1B; background: color(display-p3 0.4870 0.6049 0.2124);" title="L=0.64"></div><div class="sw" style="background: #5A9EFF; background: color(display-p3 0.4163 0.6138 0.9748);" title="L=0.70"></div><div class="sw" style="background: #CBCBE1; background: color(display-p3 0.7974 0.7976 0.8760);" title="L=0.85"></div><div class="sw" style="background: #EBC5AE; background: color(display-p3 0.8967 0.7780 0.6940);" title="L=0.85"></div><div class="sw" style="background: #71F100; background: color(display-p3 0.5766 0.9350 0.2249);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #7339FF; background: color(display-p3 0.4200 0.2370 0.9709);" title="L=0.55"></div><div class="sw" style="background: #75735D; background: color(display-p3 0.4563 0.4499 0.3737);" title="L=0.55"></div><div class="sw" style="background: #AD6693; background: color(display-p3 0.6407 0.4136 0.5671);" title="L=0.60"></div><div class="sw" style="background: #749B1B; background: color(display-p3 0.4870 0.6049 0.2124);" title="L=0.64"></div><div class="sw" style="background: #5A9EFF; background: color(display-p3 0.4163 0.6138 0.9748);" title="L=0.70"></div><div class="sw" style="background: #CBCBE1; background: color(display-p3 0.7974 0.7976 0.8760);" title="L=0.85"></div><div class="sw" style="background: #EBC5AE; background: color(display-p3 0.8967 0.7780 0.6940);" title="L=0.85"></div><div class="sw" style="background: #71F100; background: color(display-p3 0.5766 0.9350 0.2249);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #7339FF; background: color(display-p3 0.4200 0.2370 0.9709);" title=""></div>
 <div class="sw" style="background: #75735D; background: color(display-p3 0.4563 0.4499 0.3737);" title=""></div>
 <div class="sw" style="background: #AD6693; background: color(display-p3 0.6407 0.4136 0.5671);" title=""></div>
 <div class="sw" style="background: #749B1B; background: color(display-p3 0.4870 0.6049 0.2124);" title=""></div>
 <div class="sw" style="background: #5A9EFF; background: color(display-p3 0.4163 0.6138 0.9748);" title=""></div>
 <div class="sw" style="background: #CBCBE1; background: color(display-p3 0.7974 0.7976 0.8760);" title=""></div>
 <div class="sw" style="background: #EBC5AE; background: color(display-p3 0.8967 0.7780 0.6940);" title=""></div>
 <div class="sw" style="background: #71F100; background: color(display-p3 0.5766 0.9350 0.2249);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005CFF; background: color(display-p3 0.0000 0.3515 0.9625);" title=""></div>
 <div class="sw" style="background: #77725E; background: color(display-p3 0.4632 0.4490 0.3753);" title=""></div>
 <div class="sw" style="background: #897B91; background: color(display-p3 0.5265 0.4842 0.5634);" title=""></div>
 <div class="sw" style="background: #979126; background: color(display-p3 0.5869 0.5710 0.2306);" title=""></div>
 <div class="sw" style="background: #5C99FF; background: color(display-p3 0.4170 0.5952 0.9697);" title=""></div>
 <div class="sw" style="background: #C7CCE1; background: color(display-p3 0.7849 0.8005 0.8745);" title=""></div>
 <div class="sw" style="background: #DCCDAE; background: color(display-p3 0.8530 0.8048 0.6950);" title=""></div>
 <div class="sw" style="background: #D7DA00; background: color(display-p3 0.8462 0.8533 0.2732);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0063FE; background: color(display-p3 0.0000 0.3741 0.9579);" title=""></div>
 <div class="sw" style="background: #78725E; background: color(display-p3 0.4656 0.4491 0.3763);" title=""></div>
 <div class="sw" style="background: #7C8191; background: color(display-p3 0.4906 0.5064 0.5625);" title=""></div>
 <div class="sw" style="background: #9F8E2A; background: color(display-p3 0.6113 0.5596 0.2387);" title=""></div>
 <div class="sw" style="background: #5A96FE; background: color(display-p3 0.4089 0.5839 0.9662);" title=""></div>
 <div class="sw" style="background: #C6CCE1; background: color(display-p3 0.7809 0.8010 0.8736);" title=""></div>
 <div class="sw" style="background: #D8D0AE; background: color(display-p3 0.8421 0.8150 0.6965);" title=""></div>
 <div class="sw" style="background: #EAD118; background: color(display-p3 0.9027 0.8234 0.2903);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3759 0.9834);" title=""></div>
 <div class="sw" style="background: #76725C; background: color(display-p3 0.4608 0.4459 0.3708);" title=""></div>
 <div class="sw" style="background: #817393; background: color(display-p3 0.4964 0.4545 0.5687);" title=""></div>
 <div class="sw" style="background: #99930A; background: color(display-p3 0.5962 0.5772 0.1873);" title=""></div>
 <div class="sw" style="background: #6BA3FF; background: color(display-p3 0.4685 0.6325 0.9847);" title=""></div>
 <div class="sw" style="background: #C8CDE2; background: color(display-p3 0.7869 0.8032 0.8783);" title=""></div>
 <div class="sw" style="background: #D8C8AD; background: color(display-p3 0.8347 0.7855 0.6892);" title=""></div>
 <div class="sw" style="background: #E0E000; background: color(display-p3 0.8789 0.8791 0.1594);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006DFF; background: color(display-p3 0.0000 0.4151 0.9929);" title=""></div>
 <div class="sw" style="background: #77715C; background: color(display-p3 0.4620 0.4439 0.3687);" title=""></div>
 <div class="sw" style="background: #6A7694; background: color(display-p3 0.4248 0.4616 0.5719);" title=""></div>
 <div class="sw" style="background: #A49000; background: color(display-p3 0.6302 0.5686 0.1615);" title=""></div>
 <div class="sw" style="background: #73A6FF; background: color(display-p3 0.4930 0.6455 0.9911);" title=""></div>
 <div class="sw" style="background: #C7CEE2; background: color(display-p3 0.7835 0.8057 0.8801);" title=""></div>
 <div class="sw" style="background: #CFC8AC; background: color(display-p3 0.8083 0.7842 0.6871);" title=""></div>
 <div class="sw" style="background: #FADB00; background: color(display-p3 0.9617 0.8640 0.0250);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #2F749E; background: color(display-p3 0.2584 0.4505 0.6034);" title=""></div>
 <div class="sw" style="background: #78706D; background: color(display-p3 0.4666 0.4390 0.4279);" title=""></div>
 <div class="sw" style="background: #B56676; background: color(display-p3 0.6691 0.4167 0.4657);" title=""></div>
 <div class="sw" style="background: #799484; background: color(display-p3 0.4959 0.5759 0.5229);" title=""></div>
 <div class="sw" style="background: #00B5C3; background: color(display-p3 0.1382 0.6958 0.7528);" title=""></div>
 <div class="sw" style="background: #C7CFD2; background: color(display-p3 0.7862 0.8100 0.8231);" title=""></div>
 <div class="sw" style="background: #F6BEBF; background: color(display-p3 0.9311 0.7550 0.7516);" title=""></div>
 <div class="sw" style="background: #6AE8CC; background: color(display-p3 0.5478 0.8974 0.8031);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 63.5%;"></span><span class="l-dot" style="left: 71.2%;"></span><span class="l-dot" style="left: 78.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.06 &nbsp; mean 31.07<br>expected ΔE min 19.48 &nbsp; mean 39.38<br>L values [0.55, 0.55, 0.55, 0.635, 0.712, 0.78, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.118</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #6F6E88; background: color(display-p3 0.4359 0.4334 0.5257);" title="L=0.55"></div><div class="sw" style="background: #836C5D; background: color(display-p3 0.5001 0.4277 0.3740);" title="L=0.55"></div><div class="sw" style="background: #4C50FF; background: color(display-p3 0.3005 0.3131 0.9741);" title="L=0.55"></div><div class="sw" style="background: #D76607; background: color(display-p3 0.7865 0.4234 0.1643);" title="L=0.64"></div><div class="sw" style="background: #00ADFF; background: color(display-p3 0.2794 0.6676 0.9730);" title="L=0.71"></div><div class="sw" style="background: #9EC495; background: color(display-p3 0.6480 0.7649 0.6023);" title="L=0.78"></div><div class="sw" style="background: #D3CAD9; background: color(display-p3 0.8214 0.7918 0.8460);" title="L=0.85"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9617 0.7812 0.2264);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #6F6E88; background: color(display-p3 0.4359 0.4334 0.5257);" title="L=0.55"></div><div class="sw" style="background: #836C5D; background: color(display-p3 0.5001 0.4277 0.3740);" title="L=0.55"></div><div class="sw" style="background: #4C50FF; background: color(display-p3 0.3005 0.3131 0.9741);" title="L=0.55"></div><div class="sw" style="background: #D76607; background: color(display-p3 0.7865 0.4234 0.1643);" title="L=0.64"></div><div class="sw" style="background: #00ADFF; background: color(display-p3 0.2794 0.6676 0.9730);" title="L=0.71"></div><div class="sw" style="background: #9EC495; background: color(display-p3 0.6480 0.7649 0.6023);" title="L=0.78"></div><div class="sw" style="background: #D3CAD9; background: color(display-p3 0.8214 0.7918 0.8460);" title="L=0.85"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9617 0.7812 0.2264);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #6F6E88; background: color(display-p3 0.4359 0.4334 0.5257);" title="L=0.55"></div><div class="sw" style="background: #836C5D; background: color(display-p3 0.5001 0.4277 0.3740);" title="L=0.55"></div><div class="sw" style="background: #4C50FF; background: color(display-p3 0.3005 0.3131 0.9741);" title="L=0.55"></div><div class="sw" style="background: #D76607; background: color(display-p3 0.7865 0.4234 0.1643);" title="L=0.64"></div><div class="sw" style="background: #00ADFF; background: color(display-p3 0.2794 0.6676 0.9730);" title="L=0.71"></div><div class="sw" style="background: #9EC495; background: color(display-p3 0.6480 0.7649 0.6023);" title="L=0.78"></div><div class="sw" style="background: #D3CAD9; background: color(display-p3 0.8214 0.7918 0.8460);" title="L=0.85"></div><div class="sw" style="background: #FEC500; background: color(display-p3 0.9617 0.7812 0.2264);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #6F6E88; background: color(display-p3 0.4359 0.4334 0.5257);" title=""></div>
 <div class="sw" style="background: #836C5D; background: color(display-p3 0.5001 0.4277 0.3740);" title=""></div>
 <div class="sw" style="background: #4C50FF; background: color(display-p3 0.3005 0.3131 0.9741);" title=""></div>
 <div class="sw" style="background: #D76607; background: color(display-p3 0.7865 0.4234 0.1643);" title=""></div>
 <div class="sw" style="background: #00ADFF; background: color(display-p3 0.2794 0.6676 0.9730);" title=""></div>
 <div class="sw" style="background: #9EC495; background: color(display-p3 0.6480 0.7649 0.6023);" title=""></div>
 <div class="sw" style="background: #D3CAD9; background: color(display-p3 0.8214 0.7918 0.8460);" title=""></div>
 <div class="sw" style="background: #FEC500; background: color(display-p3 0.9617 0.7812 0.2264);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #6A7088; background: color(display-p3 0.4188 0.4377 0.5240);" title=""></div>
 <div class="sw" style="background: #7A715D; background: color(display-p3 0.4737 0.4440 0.3747);" title=""></div>
 <div class="sw" style="background: #0060FF; background: color(display-p3 0.0000 0.3648 0.9662);" title=""></div>
 <div class="sw" style="background: #AF8600; background: color(display-p3 0.6602 0.5321 0.1653);" title=""></div>
 <div class="sw" style="background: #5AA0FE; background: color(display-p3 0.4187 0.6214 0.9689);" title=""></div>
 <div class="sw" style="background: #BABB97; background: color(display-p3 0.7299 0.7347 0.6069);" title=""></div>
 <div class="sw" style="background: #CCCCD8; background: color(display-p3 0.7991 0.8008 0.8448);" title=""></div>
 <div class="sw" style="background: #F0CF00; background: color(display-p3 0.9212 0.8167 0.2495);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #687087; background: color(display-p3 0.4132 0.4386 0.5231);" title=""></div>
 <div class="sw" style="background: #78735E; background: color(display-p3 0.4672 0.4503 0.3756);" title=""></div>
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3720 0.9616);" title=""></div>
 <div class="sw" style="background: #A29000; background: color(display-p3 0.6239 0.5670 0.1758);" title=""></div>
 <div class="sw" style="background: #649AFD; background: color(display-p3 0.4392 0.5995 0.9655);" title=""></div>
 <div class="sw" style="background: #C1B898; background: color(display-p3 0.7502 0.7241 0.6087);" title=""></div>
 <div class="sw" style="background: #CACDD8; background: color(display-p3 0.7928 0.8037 0.8443);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9132 0.8317 0.2670);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #6A7189; background: color(display-p3 0.4209 0.4407 0.5283);" title=""></div>
 <div class="sw" style="background: #786E5D; background: color(display-p3 0.4626 0.4322 0.3710);" title=""></div>
 <div class="sw" style="background: #006AFF; background: color(display-p3 0.0000 0.4075 0.9867);" title=""></div>
 <div class="sw" style="background: #A27500; background: color(display-p3 0.6094 0.4658 0.1219);" title=""></div>
 <div class="sw" style="background: #70ACFF; background: color(display-p3 0.4920 0.6700 0.9826);" title=""></div>
 <div class="sw" style="background: #BDBE94; background: color(display-p3 0.7421 0.7445 0.5978);" title=""></div>
 <div class="sw" style="background: #CBCCD9; background: color(display-p3 0.7962 0.7987 0.8473);" title=""></div>
 <div class="sw" style="background: #E9C600; background: color(display-p3 0.8908 0.7797 0.1547);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #687189; background: color(display-p3 0.4159 0.4438 0.5303);" title=""></div>
 <div class="sw" style="background: #736E5C; background: color(display-p3 0.4465 0.4313 0.3697);" title=""></div>
 <div class="sw" style="background: #0074FF; background: color(display-p3 0.0000 0.4412 0.9958);" title=""></div>
 <div class="sw" style="background: #877600; background: color(display-p3 0.5177 0.4654 0.1068);" title=""></div>
 <div class="sw" style="background: #85AEFF; background: color(display-p3 0.5537 0.6796 0.9882);" title=""></div>
 <div class="sw" style="background: #C7BC93; background: color(display-p3 0.7735 0.7393 0.5931);" title=""></div>
 <div class="sw" style="background: #C8CCDA; background: color(display-p3 0.7866 0.8005 0.8486);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8586 0.7718 0.0888);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6A7377; background: color(display-p3 0.4225 0.4486 0.4647);" title=""></div>
 <div class="sw" style="background: #8A6868; background: color(display-p3 0.5212 0.4133 0.4110);" title=""></div>
 <div class="sw" style="background: #0081A3; background: color(display-p3 0.0000 0.4955 0.6256);" title=""></div>
 <div class="sw" style="background: #EC4B57; background: color(display-p3 0.8566 0.3412 0.3588);" title=""></div>
 <div class="sw" style="background: #00C2CA; background: color(display-p3 0.0000 0.7431 0.7823);" title=""></div>
 <div class="sw" style="background: #9BC1B7; background: color(display-p3 0.6389 0.7523 0.7204);" title=""></div>
 <div class="sw" style="background: #D3CBCE; background: color(display-p3 0.8214 0.7978 0.8090);" title=""></div>
 <div class="sw" style="background: #FFB1A7; background: color(display-p3 1.0000 0.7116 0.6677);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 61.4%;"></span><span class="l-dot" style="left: 70.9%;"></span><span class="l-dot" style="left: 77.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.05 &nbsp; mean 29.94<br>expected ΔE min 23.97 &nbsp; mean 41.91<br>L values [0.55, 0.55, 0.55, 0.614, 0.709, 0.77, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 5 &nbsp;·&nbsp; mean chroma 0.125</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #5C49FF; background: color(display-p3 0.3482 0.2875 0.9747);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5062 0.3964 0.5227);" title="L=0.55"></div><div class="sw" style="background: #6C7660; background: color(display-p3 0.4296 0.4602 0.3857);" title="L=0.55"></div><div class="sw" style="background: #DB5200; background: color(display-p3 0.7949 0.3589 0.1310);" title="L=0.61"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2839 0.6613 0.9728);" title="L=0.71"></div><div class="sw" style="background: #9CC090; background: color(display-p3 0.6393 0.7505 0.5835);" title="L=0.77"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9654 0.7792 0.2222);" title="L=0.85"></div><div class="sw" style="background: #D4C9D8; background: color(display-p3 0.8231 0.7914 0.8441);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #5C49FF; background: color(display-p3 0.3482 0.2875 0.9747);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5062 0.3964 0.5227);" title="L=0.55"></div><div class="sw" style="background: #6C7660; background: color(display-p3 0.4296 0.4602 0.3857);" title="L=0.55"></div><div class="sw" style="background: #DB5200; background: color(display-p3 0.7949 0.3589 0.1310);" title="L=0.61"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2839 0.6613 0.9728);" title="L=0.71"></div><div class="sw" style="background: #9CC090; background: color(display-p3 0.6393 0.7505 0.5835);" title="L=0.77"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9654 0.7792 0.2222);" title="L=0.85"></div><div class="sw" style="background: #D4C9D8; background: color(display-p3 0.8231 0.7914 0.8441);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #5C49FF; background: color(display-p3 0.3482 0.2875 0.9747);" title="L=0.55"></div><div class="sw" style="background: #866488; background: color(display-p3 0.5062 0.3964 0.5227);" title="L=0.55"></div><div class="sw" style="background: #6C7660; background: color(display-p3 0.4296 0.4602 0.3857);" title="L=0.55"></div><div class="sw" style="background: #DB5200; background: color(display-p3 0.7949 0.3589 0.1310);" title="L=0.61"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2839 0.6613 0.9728);" title="L=0.71"></div><div class="sw" style="background: #9CC090; background: color(display-p3 0.6393 0.7505 0.5835);" title="L=0.77"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9654 0.7792 0.2222);" title="L=0.85"></div><div class="sw" style="background: #D4C9D8; background: color(display-p3 0.8231 0.7914 0.8441);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #5C49FF; background: color(display-p3 0.3482 0.2875 0.9747);" title=""></div>
 <div class="sw" style="background: #866488; background: color(display-p3 0.5062 0.3964 0.5227);" title=""></div>
 <div class="sw" style="background: #6C7660; background: color(display-p3 0.4296 0.4602 0.3857);" title=""></div>
 <div class="sw" style="background: #DB5200; background: color(display-p3 0.7949 0.3589 0.1310);" title=""></div>
 <div class="sw" style="background: #00ABFF; background: color(display-p3 0.2839 0.6613 0.9728);" title=""></div>
 <div class="sw" style="background: #9CC090; background: color(display-p3 0.6393 0.7505 0.5835);" title=""></div>
 <div class="sw" style="background: #FFC400; background: color(display-p3 0.9654 0.7792 0.2222);" title=""></div>
 <div class="sw" style="background: #D4C9D8; background: color(display-p3 0.8231 0.7914 0.8441);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005EFF; background: color(display-p3 0.0000 0.3595 0.9666);" title=""></div>
 <div class="sw" style="background: #706E87; background: color(display-p3 0.4382 0.4299 0.5201);" title=""></div>
 <div class="sw" style="background: #747361; background: color(display-p3 0.4549 0.4509 0.3875);" title=""></div>
 <div class="sw" style="background: #AC7E00; background: color(display-p3 0.6455 0.5018 0.1271);" title=""></div>
 <div class="sw" style="background: #589FFE; background: color(display-p3 0.4130 0.6167 0.9687);" title=""></div>
 <div class="sw" style="background: #B7B892; background: color(display-p3 0.7186 0.7213 0.5882);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9223 0.8163 0.2456);" title=""></div>
 <div class="sw" style="background: #CCCCD8; background: color(display-p3 0.8001 0.8008 0.8429);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3723 0.9620);" title=""></div>
 <div class="sw" style="background: #697186; background: color(display-p3 0.4174 0.4407 0.5191);" title=""></div>
 <div class="sw" style="background: #777261; background: color(display-p3 0.4617 0.4479 0.3884);" title=""></div>
 <div class="sw" style="background: #9C8A00; background: color(display-p3 0.6006 0.5443 0.1394);" title=""></div>
 <div class="sw" style="background: #6199FD; background: color(display-p3 0.4317 0.5954 0.9653);" title=""></div>
 <div class="sw" style="background: #BEB593; background: color(display-p3 0.7383 0.7112 0.5900);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9136 0.8319 0.2633);" title=""></div>
 <div class="sw" style="background: #CACDD8; background: color(display-p3 0.7936 0.8039 0.8424);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0068FF; background: color(display-p3 0.0000 0.3963 0.9873);" title=""></div>
 <div class="sw" style="background: #6D6B88; background: color(display-p3 0.4250 0.4187 0.5251);" title=""></div>
 <div class="sw" style="background: #757360; background: color(display-p3 0.4575 0.4526 0.3834);" title=""></div>
 <div class="sw" style="background: #9D6900; background: color(display-p3 0.5865 0.4209 0.0764);" title=""></div>
 <div class="sw" style="background: #6EABFF; background: color(display-p3 0.4859 0.6649 0.9826);" title=""></div>
 <div class="sw" style="background: #BABA8F; background: color(display-p3 0.7300 0.7304 0.5787);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8912 0.7784 0.1480);" title=""></div>
 <div class="sw" style="background: #CBCCD9; background: color(display-p3 0.7968 0.7983 0.8454);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0071FF; background: color(display-p3 0.0000 0.4320 0.9965);" title=""></div>
 <div class="sw" style="background: #616C89; background: color(display-p3 0.3891 0.4238 0.5277);" title=""></div>
 <div class="sw" style="background: #78735F; background: color(display-p3 0.4672 0.4504 0.3814);" title=""></div>
 <div class="sw" style="background: #7B6B00; background: color(display-p3 0.4718 0.4225 0.0610);" title=""></div>
 <div class="sw" style="background: #82ADFF; background: color(display-p3 0.5458 0.6749 0.9882);" title=""></div>
 <div class="sw" style="background: #C4B98E; background: color(display-p3 0.7602 0.7252 0.5738);" title=""></div>
 <div class="sw" style="background: #DFC300; background: color(display-p3 0.8575 0.7706 0.0774);" title=""></div>
 <div class="sw" style="background: #C8CCD9; background: color(display-p3 0.7868 0.8002 0.8466);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #007DA1; background: color(display-p3 0.0000 0.4802 0.6184);" title=""></div>
 <div class="sw" style="background: #886770; background: color(display-p3 0.5146 0.4084 0.4396);" title=""></div>
 <div class="sw" style="background: #6D7470; background: color(display-p3 0.4315 0.4524 0.4389);" title=""></div>
 <div class="sw" style="background: #F12A46; background: color(display-p3 0.8691 0.2529 0.2988);" title=""></div>
 <div class="sw" style="background: #00C0C9; background: color(display-p3 0.0000 0.7378 0.7786);" title=""></div>
 <div class="sw" style="background: #9ABDB3; background: color(display-p3 0.6322 0.7371 0.7049);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7088 0.6655);" title=""></div>
 <div class="sw" style="background: #D4CBCE; background: color(display-p3 0.8238 0.7969 0.8080);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 60.9%;"></span><span class="l-dot" style="left: 63.2%;"></span><span class="l-dot" style="left: 70.9%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.05 &nbsp; mean 26.21<br>expected ΔE min 22.19 &nbsp; mean 43.92<br>L values [0.55, 0.55, 0.609, 0.632, 0.709, 0.85, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.142</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #76725E; background: color(display-p3 0.4589 0.4481 0.3780);" title="L=0.55"></div><div class="sw" style="background: #7339FF; background: color(display-p3 0.4216 0.2372 0.9692);" title="L=0.55"></div><div class="sw" style="background: #B06795; background: color(display-p3 0.6497 0.4185 0.5745);" title="L=0.61"></div><div class="sw" style="background: #74991E; background: color(display-p3 0.4855 0.5943 0.2152);" title="L=0.63"></div><div class="sw" style="background: #6C9EFF; background: color(display-p3 0.4659 0.6160 0.9747);" title="L=0.71"></div><div class="sw" style="background: #00F7AC; background: color(display-p3 0.2965 0.9537 0.6942);" title="L=0.85"></div><div class="sw" style="background: #E0D400; background: color(display-p3 0.8694 0.8313 0.2026);" title="L=0.85"></div><div class="sw" style="background: #C9CDDE; background: color(display-p3 0.7902 0.8030 0.8648);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #76725E; background: color(display-p3 0.4589 0.4481 0.3780);" title="L=0.55"></div><div class="sw" style="background: #7339FF; background: color(display-p3 0.4216 0.2372 0.9692);" title="L=0.55"></div><div class="sw" style="background: #B06795; background: color(display-p3 0.6497 0.4185 0.5745);" title="L=0.61"></div><div class="sw" style="background: #74991E; background: color(display-p3 0.4855 0.5943 0.2152);" title="L=0.63"></div><div class="sw" style="background: #6C9EFF; background: color(display-p3 0.4659 0.6160 0.9747);" title="L=0.71"></div><div class="sw" style="background: #00F7AC; background: color(display-p3 0.2965 0.9537 0.6942);" title="L=0.85"></div><div class="sw" style="background: #E0D400; background: color(display-p3 0.8694 0.8313 0.2026);" title="L=0.85"></div><div class="sw" style="background: #C9CDDE; background: color(display-p3 0.7902 0.8030 0.8648);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #76725E; background: color(display-p3 0.4589 0.4481 0.3780);" title="L=0.55"></div><div class="sw" style="background: #7339FF; background: color(display-p3 0.4216 0.2372 0.9692);" title="L=0.55"></div><div class="sw" style="background: #B06795; background: color(display-p3 0.6497 0.4185 0.5745);" title="L=0.61"></div><div class="sw" style="background: #74991E; background: color(display-p3 0.4855 0.5943 0.2152);" title="L=0.63"></div><div class="sw" style="background: #6C9EFF; background: color(display-p3 0.4659 0.6160 0.9747);" title="L=0.71"></div><div class="sw" style="background: #00F7AC; background: color(display-p3 0.2965 0.9537 0.6942);" title="L=0.85"></div><div class="sw" style="background: #E0D400; background: color(display-p3 0.8694 0.8313 0.2026);" title="L=0.85"></div><div class="sw" style="background: #C9CDDE; background: color(display-p3 0.7902 0.8030 0.8648);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #76725E; background: color(display-p3 0.4589 0.4481 0.3780);" title=""></div>
 <div class="sw" style="background: #7339FF; background: color(display-p3 0.4216 0.2372 0.9692);" title=""></div>
 <div class="sw" style="background: #B06795; background: color(display-p3 0.6497 0.4185 0.5745);" title=""></div>
 <div class="sw" style="background: #74991E; background: color(display-p3 0.4855 0.5943 0.2152);" title=""></div>
 <div class="sw" style="background: #6C9EFF; background: color(display-p3 0.4659 0.6160 0.9747);" title=""></div>
 <div class="sw" style="background: #00F7AC; background: color(display-p3 0.2965 0.9537 0.6942);" title=""></div>
 <div class="sw" style="background: #E0D400; background: color(display-p3 0.8694 0.8313 0.2026);" title=""></div>
 <div class="sw" style="background: #C9CDDE; background: color(display-p3 0.7902 0.8030 0.8648);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #77725F; background: color(display-p3 0.4630 0.4484 0.3795);" title=""></div>
 <div class="sw" style="background: #005CFE; background: color(display-p3 0.0000 0.3518 0.9608);" title=""></div>
 <div class="sw" style="background: #8A7D93; background: color(display-p3 0.5336 0.4905 0.5708);" title=""></div>
 <div class="sw" style="background: #958F28; background: color(display-p3 0.5793 0.5624 0.2323);" title=""></div>
 <div class="sw" style="background: #669CFE; background: color(display-p3 0.4457 0.6046 0.9696);" title=""></div>
 <div class="sw" style="background: #BCD9B0; background: color(display-p3 0.7584 0.8491 0.7037);" title=""></div>
 <div class="sw" style="background: #E9D200; background: color(display-p3 0.9002 0.8277 0.2374);" title=""></div>
 <div class="sw" style="background: #C8CDDE; background: color(display-p3 0.7865 0.8024 0.8637);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #77725F; background: color(display-p3 0.4646 0.4489 0.3805);" title=""></div>
 <div class="sw" style="background: #0063FD; background: color(display-p3 0.0000 0.3745 0.9561);" title=""></div>
 <div class="sw" style="background: #7E8393; background: color(display-p3 0.4971 0.5131 0.5699);" title=""></div>
 <div class="sw" style="background: #9C8C2B; background: color(display-p3 0.6025 0.5518 0.2400);" title=""></div>
 <div class="sw" style="background: #629AFE; background: color(display-p3 0.4327 0.5963 0.9661);" title=""></div>
 <div class="sw" style="background: #D5CEB1; background: color(display-p3 0.8310 0.8074 0.7057);" title=""></div>
 <div class="sw" style="background: #EDD200; background: color(display-p3 0.9108 0.8290 0.2565);" title=""></div>
 <div class="sw" style="background: #C7CDDE; background: color(display-p3 0.7848 0.8017 0.8630);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #76715E; background: color(display-p3 0.4601 0.4449 0.3753);" title=""></div>
 <div class="sw" style="background: #0062FF; background: color(display-p3 0.0000 0.3758 0.9816);" title=""></div>
 <div class="sw" style="background: #837595; background: color(display-p3 0.5030 0.4602 0.5761);" title=""></div>
 <div class="sw" style="background: #979110; background: color(display-p3 0.5876 0.5678 0.1916);" title=""></div>
 <div class="sw" style="background: #72A4FF; background: color(display-p3 0.4878 0.6373 0.9844);" title=""></div>
 <div class="sw" style="background: #CDE6AA; background: color(display-p3 0.8220 0.8988 0.6907);" title=""></div>
 <div class="sw" style="background: #E6CE00; background: color(display-p3 0.8878 0.8109 0.1174);" title=""></div>
 <div class="sw" style="background: #C8CEDF; background: color(display-p3 0.7898 0.8061 0.8669);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #76715D; background: color(display-p3 0.4600 0.4430 0.3735);" title=""></div>
 <div class="sw" style="background: #006DFF; background: color(display-p3 0.0000 0.4149 0.9911);" title=""></div>
 <div class="sw" style="background: #6B7896; background: color(display-p3 0.4301 0.4675 0.5794);" title=""></div>
 <div class="sw" style="background: #A18E00; background: color(display-p3 0.6196 0.5595 0.1678);" title=""></div>
 <div class="sw" style="background: #75A7FF; background: color(display-p3 0.5019 0.6503 0.9908);" title=""></div>
 <div class="sw" style="background: #F1E2A7; background: color(display-p3 0.9352 0.8886 0.6824);" title=""></div>
 <div class="sw" style="background: #E8CB00; background: color(display-p3 0.8918 0.8004 0.0000);" title=""></div>
 <div class="sw" style="background: #C8CEDF; background: color(display-p3 0.7903 0.8080 0.8682);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #796F6D; background: color(display-p3 0.4696 0.4375 0.4276);" title=""></div>
 <div class="sw" style="background: #31749D; background: color(display-p3 0.2630 0.4498 0.6024);" title=""></div>
 <div class="sw" style="background: #B86878; background: color(display-p3 0.6785 0.4217 0.4715);" title=""></div>
 <div class="sw" style="background: #7A9182; background: color(display-p3 0.4954 0.5657 0.5144);" title=""></div>
 <div class="sw" style="background: #00B4C3; background: color(display-p3 0.2841 0.6952 0.7537);" title=""></div>
 <div class="sw" style="background: #00F8E3; background: color(display-p3 0.0000 0.9533 0.8877);" title=""></div>
 <div class="sw" style="background: #F2C3B2; background: color(display-p3 0.9204 0.7727 0.7101);" title=""></div>
 <div class="sw" style="background: #C4D0D2; background: color(display-p3 0.7780 0.8137 0.8231);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 63.3%;"></span><span class="l-dot" style="left: 72.6%;"></span><span class="l-dot" style="left: 76.2%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 19.00 &nbsp; mean 25.64<br>expected ΔE min 21.71 &nbsp; mean 48.07<br>L values [0.55, 0.55, 0.55, 0.633, 0.726, 0.762, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.16</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #557D5D; background: color(display-p3 0.3677 0.4849 0.3738);" title="L=0.55"></div><div class="sw" style="background: #915E86; background: color(display-p3 0.5401 0.3757 0.5157);" title="L=0.55"></div><div class="sw" style="background: #7B32FF; background: color(display-p3 0.4492 0.2137 0.9646);" title="L=0.55"></div><div class="sw" style="background: #8B9206; background: color(display-p3 0.5493 0.5717 0.1786);" title="L=0.63"></div><div class="sw" style="background: #9D97FF; background: color(display-p3 0.6134 0.5945 0.9717);" title="L=0.73"></div><div class="sw" style="background: #FF7EA0; background: color(display-p3 0.9689 0.5245 0.6281);" title="L=0.76"></div><div class="sw" style="background: #00F2DB; background: color(display-p3 0.2804 0.9347 0.8566);" title="L=0.85"></div><div class="sw" style="background: #B4E300; background: color(display-p3 0.7428 0.8833 0.2501);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #557D5D; background: color(display-p3 0.3677 0.4849 0.3738);" title="L=0.55"></div><div class="sw" style="background: #915E86; background: color(display-p3 0.5401 0.3757 0.5157);" title="L=0.55"></div><div class="sw" style="background: #7B32FF; background: color(display-p3 0.4492 0.2137 0.9646);" title="L=0.55"></div><div class="sw" style="background: #8B9206; background: color(display-p3 0.5493 0.5717 0.1786);" title="L=0.63"></div><div class="sw" style="background: #9D97FF; background: color(display-p3 0.6134 0.5945 0.9717);" title="L=0.73"></div><div class="sw" style="background: #FF7EA0; background: color(display-p3 0.9689 0.5245 0.6281);" title="L=0.76"></div><div class="sw" style="background: #00F2DB; background: color(display-p3 0.2804 0.9347 0.8566);" title="L=0.85"></div><div class="sw" style="background: #B4E300; background: color(display-p3 0.7428 0.8833 0.2501);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #557D5D; background: color(display-p3 0.3677 0.4849 0.3738);" title="L=0.55"></div><div class="sw" style="background: #915E86; background: color(display-p3 0.5401 0.3757 0.5157);" title="L=0.55"></div><div class="sw" style="background: #7B32FF; background: color(display-p3 0.4492 0.2137 0.9646);" title="L=0.55"></div><div class="sw" style="background: #8B9206; background: color(display-p3 0.5493 0.5717 0.1786);" title="L=0.63"></div><div class="sw" style="background: #9D97FF; background: color(display-p3 0.6134 0.5945 0.9717);" title="L=0.73"></div><div class="sw" style="background: #FF7EA0; background: color(display-p3 0.9689 0.5245 0.6281);" title="L=0.76"></div><div class="sw" style="background: #00F2DB; background: color(display-p3 0.2804 0.9347 0.8566);" title="L=0.85"></div><div class="sw" style="background: #B4E300; background: color(display-p3 0.7428 0.8833 0.2501);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #557D5D; background: color(display-p3 0.3677 0.4849 0.3738);" title=""></div>
 <div class="sw" style="background: #915E86; background: color(display-p3 0.5401 0.3757 0.5157);" title=""></div>
 <div class="sw" style="background: #7B32FF; background: color(display-p3 0.4492 0.2137 0.9646);" title=""></div>
 <div class="sw" style="background: #8B9206; background: color(display-p3 0.5493 0.5717 0.1786);" title=""></div>
 <div class="sw" style="background: #9D97FF; background: color(display-p3 0.6134 0.5945 0.9717);" title=""></div>
 <div class="sw" style="background: #FF7EA0; background: color(display-p3 0.9689 0.5245 0.6281);" title=""></div>
 <div class="sw" style="background: #00F2DB; background: color(display-p3 0.2804 0.9347 0.8566);" title=""></div>
 <div class="sw" style="background: #B4E300; background: color(display-p3 0.7428 0.8833 0.2501);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #71755E; background: color(display-p3 0.4451 0.4574 0.3771);" title=""></div>
 <div class="sw" style="background: #746C85; background: color(display-p3 0.4503 0.4263 0.5126);" title=""></div>
 <div class="sw" style="background: #005BFD; background: color(display-p3 0.0000 0.3492 0.9561);" title=""></div>
 <div class="sw" style="background: #9A8E16; background: color(display-p3 0.5949 0.5579 0.1969);" title=""></div>
 <div class="sw" style="background: #7D9FFD; background: color(display-p3 0.5176 0.6179 0.9659);" title=""></div>
 <div class="sw" style="background: #CFA99D; background: color(display-p3 0.7867 0.6665 0.6233);" title=""></div>
 <div class="sw" style="background: #AED7DD; background: color(display-p3 0.7133 0.8373 0.8605);" title=""></div>
 <div class="sw" style="background: #E0D611; background: color(display-p3 0.8718 0.8396 0.2854);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #77725E; background: color(display-p3 0.4632 0.4474 0.3782);" title=""></div>
 <div class="sw" style="background: #6A7184; background: color(display-p3 0.4222 0.4424 0.5117);" title=""></div>
 <div class="sw" style="background: #0063FC; background: color(display-p3 0.0000 0.3761 0.9514);" title=""></div>
 <div class="sw" style="background: #9E8D1B; background: color(display-p3 0.6080 0.5545 0.2063);" title=""></div>
 <div class="sw" style="background: #71A0FC; background: color(display-p3 0.4825 0.6225 0.9626);" title=""></div>
 <div class="sw" style="background: #BBB59D; background: color(display-p3 0.7300 0.7100 0.6239);" title=""></div>
 <div class="sw" style="background: #C6CCDD; background: color(display-p3 0.7802 0.7974 0.8602);" title=""></div>
 <div class="sw" style="background: #EBD220; background: color(display-p3 0.9043 0.8255 0.3010);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #74775C; background: color(display-p3 0.4581 0.4682 0.3712);" title=""></div>
 <div class="sw" style="background: #6F6786; background: color(display-p3 0.4291 0.4067 0.5178);" title=""></div>
 <div class="sw" style="background: #0060FF; background: color(display-p3 0.0000 0.3672 0.9769);" title=""></div>
 <div class="sw" style="background: #998D00; background: color(display-p3 0.5927 0.5529 0.1462);" title=""></div>
 <div class="sw" style="background: #80A2FF; background: color(display-p3 0.5291 0.6319 0.9807);" title=""></div>
 <div class="sw" style="background: #C0969F; background: color(display-p3 0.7262 0.5958 0.6244);" title=""></div>
 <div class="sw" style="background: #C1E4DB; background: color(display-p3 0.7832 0.8907 0.8591);" title=""></div>
 <div class="sw" style="background: #E3D700; background: color(display-p3 0.8813 0.8448 0.1935);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #7D765B; background: color(display-p3 0.4869 0.4644 0.3679);" title=""></div>
 <div class="sw" style="background: #5E6A87; background: color(display-p3 0.3763 0.4128 0.5206);" title=""></div>
 <div class="sw" style="background: #006BFF; background: color(display-p3 0.0000 0.4075 0.9864);" title=""></div>
 <div class="sw" style="background: #9E8A00; background: color(display-p3 0.6065 0.5454 0.1152);" title=""></div>
 <div class="sw" style="background: #74A6FF; background: color(display-p3 0.4975 0.6466 0.9874);" title=""></div>
 <div class="sw" style="background: #989AA1; background: color(display-p3 0.5968 0.6035 0.6271);" title=""></div>
 <div class="sw" style="background: #E4E2DA; background: color(display-p3 0.8927 0.8851 0.8568);" title=""></div>
 <div class="sw" style="background: #F1D300; background: color(display-p3 0.9249 0.8322 0.1241);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #507B74; background: color(display-p3 0.3505 0.4787 0.4550);" title=""></div>
 <div class="sw" style="background: #96606C; background: color(display-p3 0.5580 0.3843 0.4238);" title=""></div>
 <div class="sw" style="background: #4A709B; background: color(display-p3 0.3232 0.4358 0.5945);" title=""></div>
 <div class="sw" style="background: #95887C; background: color(display-p3 0.5758 0.5365 0.4908);" title=""></div>
 <div class="sw" style="background: #82ACBF; background: color(display-p3 0.5440 0.6683 0.7399);" title=""></div>
 <div class="sw" style="background: #FF6F8A; background: color(display-p3 1.0000 0.4819 0.5528);" title=""></div>
 <div class="sw" style="background: #00F8EB; background: color(display-p3 0.0000 0.9548 0.9153);" title=""></div>
 <div class="sw" style="background: #BED6C0; background: color(display-p3 0.7642 0.8373 0.7595);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 57.0%;"></span><span class="l-dot" style="left: 62.7%;"></span><span class="l-dot" style="left: 70.3%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 18.91 &nbsp; mean 26.79<br>expected ΔE min 21.93 &nbsp; mean 43.14<br>L values [0.55, 0.55, 0.57, 0.627, 0.703, 0.85, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.127</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #7A33FF; background: color(display-p3 0.4440 0.2166 0.9672);" title="L=0.55"></div><div class="sw" style="background: #527D60; background: color(display-p3 0.3588 0.4864 0.3852);" title="L=0.55"></div><div class="sw" style="background: #92668D; background: color(display-p3 0.5482 0.4080 0.5434);" title="L=0.57"></div><div class="sw" style="background: #869114; background: color(display-p3 0.5349 0.5676 0.1931);" title="L=0.63"></div><div class="sw" style="background: #1AA7FF; background: color(display-p3 0.3080 0.6459 0.9729);" title="L=0.70"></div><div class="sw" style="background: #AADEAA; background: color(display-p3 0.7071 0.8637 0.6842);" title="L=0.85"></div><div class="sw" style="background: #F5CA00; background: color(display-p3 0.9351 0.7972 0.2053);" title="L=0.85"></div><div class="sw" style="background: #D1CADB; background: color(display-p3 0.8152 0.7935 0.8534);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #7A33FF; background: color(display-p3 0.4440 0.2166 0.9672);" title="L=0.55"></div><div class="sw" style="background: #527D60; background: color(display-p3 0.3588 0.4864 0.3852);" title="L=0.55"></div><div class="sw" style="background: #92668D; background: color(display-p3 0.5482 0.4080 0.5434);" title="L=0.57"></div><div class="sw" style="background: #869114; background: color(display-p3 0.5349 0.5676 0.1931);" title="L=0.63"></div><div class="sw" style="background: #1AA7FF; background: color(display-p3 0.3080 0.6459 0.9729);" title="L=0.70"></div><div class="sw" style="background: #AADEAA; background: color(display-p3 0.7071 0.8637 0.6842);" title="L=0.85"></div><div class="sw" style="background: #F5CA00; background: color(display-p3 0.9351 0.7972 0.2053);" title="L=0.85"></div><div class="sw" style="background: #D1CADB; background: color(display-p3 0.8152 0.7935 0.8534);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #7A33FF; background: color(display-p3 0.4440 0.2166 0.9672);" title="L=0.55"></div><div class="sw" style="background: #527D60; background: color(display-p3 0.3588 0.4864 0.3852);" title="L=0.55"></div><div class="sw" style="background: #92668D; background: color(display-p3 0.5482 0.4080 0.5434);" title="L=0.57"></div><div class="sw" style="background: #869114; background: color(display-p3 0.5349 0.5676 0.1931);" title="L=0.63"></div><div class="sw" style="background: #1AA7FF; background: color(display-p3 0.3080 0.6459 0.9729);" title="L=0.70"></div><div class="sw" style="background: #AADEAA; background: color(display-p3 0.7071 0.8637 0.6842);" title="L=0.85"></div><div class="sw" style="background: #F5CA00; background: color(display-p3 0.9351 0.7972 0.2053);" title="L=0.85"></div><div class="sw" style="background: #D1CADB; background: color(display-p3 0.8152 0.7935 0.8534);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #7A33FF; background: color(display-p3 0.4440 0.2166 0.9672);" title=""></div>
 <div class="sw" style="background: #527D60; background: color(display-p3 0.3588 0.4864 0.3852);" title=""></div>
 <div class="sw" style="background: #92668D; background: color(display-p3 0.5482 0.4080 0.5434);" title=""></div>
 <div class="sw" style="background: #869114; background: color(display-p3 0.5349 0.5676 0.1931);" title=""></div>
 <div class="sw" style="background: #1AA7FF; background: color(display-p3 0.3080 0.6459 0.9729);" title=""></div>
 <div class="sw" style="background: #AADEAA; background: color(display-p3 0.7071 0.8637 0.6842);" title=""></div>
 <div class="sw" style="background: #F5CA00; background: color(display-p3 0.9351 0.7972 0.2053);" title=""></div>
 <div class="sw" style="background: #D1CADB; background: color(display-p3 0.8152 0.7935 0.8534);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #005BFE; background: color(display-p3 0.0000 0.3491 0.9587);" title=""></div>
 <div class="sw" style="background: #707561; background: color(display-p3 0.4411 0.4574 0.3883);" title=""></div>
 <div class="sw" style="background: #78738C; background: color(display-p3 0.4672 0.4506 0.5404);" title=""></div>
 <div class="sw" style="background: #978C1E; background: color(display-p3 0.5853 0.5517 0.2096);" title=""></div>
 <div class="sw" style="background: #569CFE; background: color(display-p3 0.4040 0.6067 0.9685);" title=""></div>
 <div class="sw" style="background: #CFD3AC; background: color(display-p3 0.8129 0.8250 0.6894);" title=""></div>
 <div class="sw" style="background: #EED000; background: color(display-p3 0.9155 0.8202 0.2339);" title=""></div>
 <div class="sw" style="background: #CBCCDB; background: color(display-p3 0.7956 0.8008 0.8522);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0063FD; background: color(display-p3 0.0000 0.3754 0.9541);" title=""></div>
 <div class="sw" style="background: #767262; background: color(display-p3 0.4600 0.4467 0.3892);" title=""></div>
 <div class="sw" style="background: #6F778B; background: color(display-p3 0.4423 0.4643 0.5394);" title=""></div>
 <div class="sw" style="background: #9C8B22; background: color(display-p3 0.5993 0.5474 0.2180);" title=""></div>
 <div class="sw" style="background: #5D97FD; background: color(display-p3 0.4166 0.5875 0.9651);" title=""></div>
 <div class="sw" style="background: #D7CFAD; background: color(display-p3 0.8386 0.8112 0.6913);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9132 0.8310 0.2529);" title=""></div>
 <div class="sw" style="background: #C9CDDA; background: color(display-p3 0.7899 0.8030 0.8515);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #0060FF; background: color(display-p3 0.0000 0.3684 0.9796);" title=""></div>
 <div class="sw" style="background: #73785F; background: color(display-p3 0.4556 0.4694 0.3831);" title=""></div>
 <div class="sw" style="background: #736F8D; background: color(display-p3 0.4496 0.4350 0.5456);" title=""></div>
 <div class="sw" style="background: #978B00; background: color(display-p3 0.5844 0.5483 0.1653);" title=""></div>
 <div class="sw" style="background: #6BA8FF; background: color(display-p3 0.4740 0.6531 0.9828);" title=""></div>
 <div class="sw" style="background: #D3D6A9; background: color(display-p3 0.8299 0.8390 0.6796);" title=""></div>
 <div class="sw" style="background: #E8C800; background: color(display-p3 0.8905 0.7894 0.1203);" title=""></div>
 <div class="sw" style="background: #CACCDB; background: color(display-p3 0.7939 0.7999 0.8550);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006CFF; background: color(display-p3 0.0000 0.4087 0.9891);" title=""></div>
 <div class="sw" style="background: #7D775E; background: color(display-p3 0.4862 0.4658 0.3801);" title=""></div>
 <div class="sw" style="background: #65718E; background: color(display-p3 0.4045 0.4407 0.5484);" title=""></div>
 <div class="sw" style="background: #9C8900; background: color(display-p3 0.6003 0.5408 0.1396);" title=""></div>
 <div class="sw" style="background: #7DABFF; background: color(display-p3 0.5270 0.6640 0.9887);" title=""></div>
 <div class="sw" style="background: #E0D4A7; background: color(display-p3 0.8702 0.8330 0.6744);" title=""></div>
 <div class="sw" style="background: #E2C600; background: color(display-p3 0.8696 0.7806 0.0035);" title=""></div>
 <div class="sw" style="background: #C8CDDC; background: color(display-p3 0.7861 0.8019 0.8564);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #46719C; background: color(display-p3 0.3117 0.4386 0.5967);" title=""></div>
 <div class="sw" style="background: #4A7C75; background: color(display-p3 0.3366 0.4820 0.4590);" title=""></div>
 <div class="sw" style="background: #966974; background: color(display-p3 0.5620 0.4184 0.4542);" title=""></div>
 <div class="sw" style="background: #90887B; background: color(display-p3 0.5589 0.5342 0.4890);" title=""></div>
 <div class="sw" style="background: #00BDC7; background: color(display-p3 0.0000 0.7248 0.7700);" title=""></div>
 <div class="sw" style="background: #A5DBD0; background: color(display-p3 0.6895 0.8516 0.8147);" title=""></div>
 <div class="sw" style="background: #FFB7AA; background: color(display-p3 0.9989 0.7307 0.6801);" title=""></div>
 <div class="sw" style="background: #D0CCCF; background: color(display-p3 0.8123 0.8011 0.8126);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 58.4%;"></span><span class="l-dot" style="left: 63.8%;"></span><span class="l-dot" style="left: 70.8%;"></span><span class="l-dot" style="left: 81.3%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 18.85 &nbsp; mean 28.73<br>expected ΔE min 20.46 &nbsp; mean 39.25<br>L values [0.55, 0.55, 0.584, 0.638, 0.708, 0.813, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.119</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #806E5C; background: color(display-p3 0.4912 0.4330 0.3704);" title="L=0.55"></div><div class="sw" style="background: #842EF9; background: color(display-p3 0.4789 0.2039 0.9412);" title="L=0.55"></div><div class="sw" style="background: #717C91; background: color(display-p3 0.4499 0.4841 0.5606);" title="L=0.58"></div><div class="sw" style="background: #D16C11; background: color(display-p3 0.7689 0.4461 0.1794);" title="L=0.64"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2929 0.6586 0.9750);" title="L=0.71"></div><div class="sw" style="background: #A5CF9F; background: color(display-p3 0.6797 0.8085 0.6407);" title="L=0.81"></div><div class="sw" style="background: #FDC500; background: color(display-p3 0.9588 0.7831 0.2233);" title="L=0.85"></div><div class="sw" style="background: #D3CADA; background: color(display-p3 0.8201 0.7915 0.8512);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #806E5C; background: color(display-p3 0.4912 0.4330 0.3704);" title="L=0.55"></div><div class="sw" style="background: #842EF9; background: color(display-p3 0.4789 0.2039 0.9412);" title="L=0.55"></div><div class="sw" style="background: #717C91; background: color(display-p3 0.4499 0.4841 0.5606);" title="L=0.58"></div><div class="sw" style="background: #D16C11; background: color(display-p3 0.7689 0.4461 0.1794);" title="L=0.64"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2929 0.6586 0.9750);" title="L=0.71"></div><div class="sw" style="background: #A5CF9F; background: color(display-p3 0.6797 0.8085 0.6407);" title="L=0.81"></div><div class="sw" style="background: #FDC500; background: color(display-p3 0.9588 0.7831 0.2233);" title="L=0.85"></div><div class="sw" style="background: #D3CADA; background: color(display-p3 0.8201 0.7915 0.8512);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #806E5C; background: color(display-p3 0.4912 0.4330 0.3704);" title="L=0.55"></div><div class="sw" style="background: #842EF9; background: color(display-p3 0.4789 0.2039 0.9412);" title="L=0.55"></div><div class="sw" style="background: #717C91; background: color(display-p3 0.4499 0.4841 0.5606);" title="L=0.58"></div><div class="sw" style="background: #D16C11; background: color(display-p3 0.7689 0.4461 0.1794);" title="L=0.64"></div><div class="sw" style="background: #00ABFF; background: color(display-p3 0.2929 0.6586 0.9750);" title="L=0.71"></div><div class="sw" style="background: #A5CF9F; background: color(display-p3 0.6797 0.8085 0.6407);" title="L=0.81"></div><div class="sw" style="background: #FDC500; background: color(display-p3 0.9588 0.7831 0.2233);" title="L=0.85"></div><div class="sw" style="background: #D3CADA; background: color(display-p3 0.8201 0.7915 0.8512);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #806E5C; background: color(display-p3 0.4912 0.4330 0.3704);" title=""></div>
 <div class="sw" style="background: #842EF9; background: color(display-p3 0.4789 0.2039 0.9412);" title=""></div>
 <div class="sw" style="background: #717C91; background: color(display-p3 0.4499 0.4841 0.5606);" title=""></div>
 <div class="sw" style="background: #D16C11; background: color(display-p3 0.7689 0.4461 0.1794);" title=""></div>
 <div class="sw" style="background: #00ABFF; background: color(display-p3 0.2929 0.6586 0.9750);" title=""></div>
 <div class="sw" style="background: #A5CF9F; background: color(display-p3 0.6797 0.8085 0.6407);" title=""></div>
 <div class="sw" style="background: #FDC500; background: color(display-p3 0.9588 0.7831 0.2233);" title=""></div>
 <div class="sw" style="background: #D3CADA; background: color(display-p3 0.8201 0.7915 0.8512);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7A715C; background: color(display-p3 0.4722 0.4453 0.3713);" title=""></div>
 <div class="sw" style="background: #005CF7; background: color(display-p3 0.0000 0.3519 0.9328);" title=""></div>
 <div class="sw" style="background: #727B91; background: color(display-p3 0.4533 0.4796 0.5594);" title=""></div>
 <div class="sw" style="background: #AD880A; background: color(display-p3 0.6568 0.5384 0.1822);" title=""></div>
 <div class="sw" style="background: #589FFF; background: color(display-p3 0.4120 0.6155 0.9707);" title=""></div>
 <div class="sw" style="background: #C4C6A1; background: color(display-p3 0.7687 0.7757 0.6455);" title=""></div>
 <div class="sw" style="background: #F0CF00; background: color(display-p3 0.9206 0.8171 0.2471);" title=""></div>
 <div class="sw" style="background: #CBCCDA; background: color(display-p3 0.7974 0.8005 0.8500);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #78735D; background: color(display-p3 0.4677 0.4502 0.3724);" title=""></div>
 <div class="sw" style="background: #0064F6; background: color(display-p3 0.0000 0.3818 0.9283);" title=""></div>
 <div class="sw" style="background: #727A90; background: color(display-p3 0.4533 0.4772 0.5584);" title=""></div>
 <div class="sw" style="background: #A2900E; background: color(display-p3 0.6254 0.5692 0.1918);" title=""></div>
 <div class="sw" style="background: #6199FE; background: color(display-p3 0.4290 0.5948 0.9673);" title=""></div>
 <div class="sw" style="background: #CBC3A2; background: color(display-p3 0.7907 0.7641 0.6473);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9132 0.8316 0.2647);" title=""></div>
 <div class="sw" style="background: #C9CDDA; background: color(display-p3 0.7909 0.8033 0.8494);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #786F5C; background: color(display-p3 0.4629 0.4353 0.3672);" title=""></div>
 <div class="sw" style="background: #005EFC; background: color(display-p3 0.0000 0.3614 0.9530);" title=""></div>
 <div class="sw" style="background: #747C91; background: color(display-p3 0.4604 0.4866 0.5632);" title=""></div>
 <div class="sw" style="background: #A27900; background: color(display-p3 0.6108 0.4799 0.1423);" title=""></div>
 <div class="sw" style="background: #6EABFF; background: color(display-p3 0.4841 0.6632 0.9848);" title=""></div>
 <div class="sw" style="background: #C7C99E; background: color(display-p3 0.7824 0.7868 0.6362);" title=""></div>
 <div class="sw" style="background: #E9C600; background: color(display-p3 0.8908 0.7808 0.1498);" title=""></div>
 <div class="sw" style="background: #CACCDB; background: color(display-p3 0.7947 0.7986 0.8528);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #746F5B; background: color(display-p3 0.4508 0.4341 0.3656);" title=""></div>
 <div class="sw" style="background: #0069FF; background: color(display-p3 0.0000 0.4007 0.9623);" title=""></div>
 <div class="sw" style="background: #757D92; background: color(display-p3 0.4652 0.4888 0.5648);" title=""></div>
 <div class="sw" style="background: #8A7900; background: color(display-p3 0.5314 0.4786 0.1277);" title=""></div>
 <div class="sw" style="background: #81ADFF; background: color(display-p3 0.5420 0.6735 0.9905);" title=""></div>
 <div class="sw" style="background: #D2C79C; background: color(display-p3 0.8165 0.7814 0.6314);" title=""></div>
 <div class="sw" style="background: #E0C400; background: color(display-p3 0.8599 0.7728 0.0795);" title=""></div>
 <div class="sw" style="background: #C7CCDB; background: color(display-p3 0.7851 0.8007 0.8541);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #876A69; background: color(display-p3 0.5105 0.4189 0.4140);" title=""></div>
 <div class="sw" style="background: #606B97; background: color(display-p3 0.3862 0.4194 0.5785);" title=""></div>
 <div class="sw" style="background: #698083; background: color(display-p3 0.4282 0.4992 0.5099);" title=""></div>
 <div class="sw" style="background: #E6555D; background: color(display-p3 0.8355 0.3730 0.3806);" title=""></div>
 <div class="sw" style="background: #00C0C9; background: color(display-p3 0.0000 0.7359 0.7780);" title=""></div>
 <div class="sw" style="background: #A2CCC2; background: color(display-p3 0.6681 0.7961 0.7626);" title=""></div>
 <div class="sw" style="background: #FFB2A7; background: color(display-p3 1.0000 0.7137 0.6690);" title=""></div>
 <div class="sw" style="background: #D2CBCF; background: color(display-p3 0.8191 0.7985 0.8105);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 62.4%;"></span><span class="l-dot" style="left: 72.0%;"></span><span class="l-dot" style="left: 81.4%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 18.85 &nbsp; mean 25.78<br>expected ΔE min 20.05 &nbsp; mean 42.60<br>L values [0.55, 0.55, 0.55, 0.624, 0.72, 0.814, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 5 &nbsp;·&nbsp; mean chroma 0.133</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #6F7460; background: color(display-p3 0.4404 0.4557 0.3848);" title="L=0.55"></div><div class="sw" style="background: #905E87; background: color(display-p3 0.5361 0.3775 0.5198);" title="L=0.55"></div><div class="sw" style="background: #7636FF; background: color(display-p3 0.4310 0.2258 0.9714);" title="L=0.55"></div><div class="sw" style="background: #549D1C; background: color(display-p3 0.3998 0.6090 0.2115);" title="L=0.62"></div><div class="sw" style="background: #B688FF; background: color(display-p3 0.6864 0.5410 0.9714);" title="L=0.72"></div><div class="sw" style="background: #FFA79F; background: color(display-p3 0.9528 0.6706 0.6353);" title="L=0.81"></div><div class="sw" style="background: #C4CEE1; background: color(display-p3 0.7761 0.8072 0.8756);" title="L=0.85"></div><div class="sw" style="background: #D4D800; background: color(display-p3 0.8357 0.8466 0.2147);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #6F7460; background: color(display-p3 0.4404 0.4557 0.3848);" title="L=0.55"></div><div class="sw" style="background: #905E87; background: color(display-p3 0.5361 0.3775 0.5198);" title="L=0.55"></div><div class="sw" style="background: #7636FF; background: color(display-p3 0.4310 0.2258 0.9714);" title="L=0.55"></div><div class="sw" style="background: #549D1C; background: color(display-p3 0.3998 0.6090 0.2115);" title="L=0.62"></div><div class="sw" style="background: #B688FF; background: color(display-p3 0.6864 0.5410 0.9714);" title="L=0.72"></div><div class="sw" style="background: #FFA79F; background: color(display-p3 0.9528 0.6706 0.6353);" title="L=0.81"></div><div class="sw" style="background: #C4CEE1; background: color(display-p3 0.7761 0.8072 0.8756);" title="L=0.85"></div><div class="sw" style="background: #D4D800; background: color(display-p3 0.8357 0.8466 0.2147);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #6F7460; background: color(display-p3 0.4404 0.4557 0.3848);" title="L=0.55"></div><div class="sw" style="background: #905E87; background: color(display-p3 0.5361 0.3775 0.5198);" title="L=0.55"></div><div class="sw" style="background: #7636FF; background: color(display-p3 0.4310 0.2258 0.9714);" title="L=0.55"></div><div class="sw" style="background: #549D1C; background: color(display-p3 0.3998 0.6090 0.2115);" title="L=0.62"></div><div class="sw" style="background: #B688FF; background: color(display-p3 0.6864 0.5410 0.9714);" title="L=0.72"></div><div class="sw" style="background: #FFA79F; background: color(display-p3 0.9528 0.6706 0.6353);" title="L=0.81"></div><div class="sw" style="background: #C4CEE1; background: color(display-p3 0.7761 0.8072 0.8756);" title="L=0.85"></div><div class="sw" style="background: #D4D800; background: color(display-p3 0.8357 0.8466 0.2147);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #6F7460; background: color(display-p3 0.4404 0.4557 0.3848);" title=""></div>
 <div class="sw" style="background: #905E87; background: color(display-p3 0.5361 0.3775 0.5198);" title=""></div>
 <div class="sw" style="background: #7636FF; background: color(display-p3 0.4310 0.2258 0.9714);" title=""></div>
 <div class="sw" style="background: #549D1C; background: color(display-p3 0.3998 0.6090 0.2115);" title=""></div>
 <div class="sw" style="background: #B688FF; background: color(display-p3 0.6864 0.5410 0.9714);" title=""></div>
 <div class="sw" style="background: #FFA79F; background: color(display-p3 0.9528 0.6706 0.6353);" title=""></div>
 <div class="sw" style="background: #C4CEE1; background: color(display-p3 0.7761 0.8072 0.8756);" title=""></div>
 <div class="sw" style="background: #D4D800; background: color(display-p3 0.8357 0.8466 0.2147);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #757361; background: color(display-p3 0.4574 0.4498 0.3865);" title=""></div>
 <div class="sw" style="background: #736C86; background: color(display-p3 0.4478 0.4264 0.5167);" title=""></div>
 <div class="sw" style="background: #005CFF; background: color(display-p3 0.0000 0.3497 0.9630);" title=""></div>
 <div class="sw" style="background: #8E8F28; background: color(display-p3 0.5568 0.5594 0.2312);" title=""></div>
 <div class="sw" style="background: #839AFD; background: color(display-p3 0.5305 0.6004 0.9648);" title=""></div>
 <div class="sw" style="background: #DABE9E; background: color(display-p3 0.8371 0.7474 0.6340);" title=""></div>
 <div class="sw" style="background: #C6CDE1; background: color(display-p3 0.7801 0.8028 0.8744);" title=""></div>
 <div class="sw" style="background: #E7D300; background: color(display-p3 0.8922 0.8311 0.2500);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #777261; background: color(display-p3 0.4622 0.4481 0.3873);" title=""></div>
 <div class="sw" style="background: #6A7185; background: color(display-p3 0.4202 0.4419 0.5157);" title=""></div>
 <div class="sw" style="background: #0063FE; background: color(display-p3 0.0000 0.3742 0.9583);" title=""></div>
 <div class="sw" style="background: #998A2C; background: color(display-p3 0.5910 0.5415 0.2388);" title=""></div>
 <div class="sw" style="background: #6E9FFC; background: color(display-p3 0.4728 0.6165 0.9613);" title=""></div>
 <div class="sw" style="background: #CFC59E; background: color(display-p3 0.8046 0.7738 0.6356);" title=""></div>
 <div class="sw" style="background: #C6CCE1; background: color(display-p3 0.7803 0.8006 0.8736);" title=""></div>
 <div class="sw" style="background: #ECD200; background: color(display-p3 0.9090 0.8280 0.2680);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #757360; background: color(display-p3 0.4581 0.4498 0.3825);" title=""></div>
 <div class="sw" style="background: #6E6887; background: color(display-p3 0.4275 0.4079 0.5220);" title=""></div>
 <div class="sw" style="background: #0061FF; background: color(display-p3 0.0000 0.3720 0.9839);" title=""></div>
 <div class="sw" style="background: #93930D; background: color(display-p3 0.5761 0.5747 0.1888);" title=""></div>
 <div class="sw" style="background: #809AFF; background: color(display-p3 0.5215 0.5994 0.9805);" title=""></div>
 <div class="sw" style="background: #D0B29E; background: color(display-p3 0.7969 0.7031 0.6294);" title=""></div>
 <div class="sw" style="background: #C7CFE2; background: color(display-p3 0.7863 0.8092 0.8780);" title=""></div>
 <div class="sw" style="background: #E5D100; background: color(display-p3 0.8860 0.8207 0.1391);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #77725F; background: color(display-p3 0.4641 0.4477 0.3805);" title=""></div>
 <div class="sw" style="background: #5E6A88; background: color(display-p3 0.3762 0.4140 0.5249);" title=""></div>
 <div class="sw" style="background: #006CFF; background: color(display-p3 0.0000 0.4120 0.9934);" title=""></div>
 <div class="sw" style="background: #A38F00; background: color(display-p3 0.6265 0.5654 0.1626);" title=""></div>
 <div class="sw" style="background: #639FFF; background: color(display-p3 0.4432 0.6175 0.9878);" title=""></div>
 <div class="sw" style="background: #BAB49E; background: color(display-p3 0.7239 0.7048 0.6289);" title=""></div>
 <div class="sw" style="background: #C8CFE2; background: color(display-p3 0.7908 0.8110 0.8795);" title=""></div>
 <div class="sw" style="background: #EBCD00; background: color(display-p3 0.9015 0.8096 0.0229);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #71726F; background: color(display-p3 0.4454 0.4472 0.4352);" title=""></div>
 <div class="sw" style="background: #94606D; background: color(display-p3 0.5526 0.3873 0.4266);" title=""></div>
 <div class="sw" style="background: #3A739D; background: color(display-p3 0.2827 0.4451 0.6012);" title=""></div>
 <div class="sw" style="background: #519786; background: color(display-p3 0.3859 0.5851 0.5270);" title=""></div>
 <div class="sw" style="background: #A89EB8; background: color(display-p3 0.6510 0.6197 0.7120);" title=""></div>
 <div class="sw" style="background: #FF9CA5; background: color(display-p3 1.0000 0.6344 0.6561);" title=""></div>
 <div class="sw" style="background: #BDD2D4; background: color(display-p3 0.7579 0.8204 0.8297);" title=""></div>
 <div class="sw" style="background: #E5C9B6; background: color(display-p3 0.8795 0.7918 0.7245);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 62.2%;"></span><span class="l-dot" style="left: 65.4%;"></span><span class="l-dot" style="left: 70.3%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 18.82 &nbsp; mean 25.66<br>expected ΔE min 22.05 &nbsp; mean 42.81<br>L values [0.55, 0.55, 0.622, 0.654, 0.703, 0.85, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.127</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #AC4390; background: color(display-p3 0.6262 0.2879 0.5503);" title="L=0.55"></div><div class="sw" style="background: #428062; background: color(display-p3 0.3196 0.4973 0.3913);" title="L=0.55"></div><div class="sw" style="background: #809118; background: color(display-p3 0.5146 0.5662 0.1980);" title="L=0.62"></div><div class="sw" style="background: #9571FF; background: color(display-p3 0.5636 0.4494 0.9738);" title="L=0.65"></div><div class="sw" style="background: #B296A4; background: color(display-p3 0.6801 0.5929 0.6405);" title="L=0.70"></div><div class="sw" style="background: #BED7AC; background: color(display-p3 0.7636 0.8414 0.6903);" title="L=0.85"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9663 0.7787 0.2200);" title="L=0.85"></div><div class="sw" style="background: #00E8FC; background: color(display-p3 0.4082 0.8972 0.9757);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #AC4390; background: color(display-p3 0.6262 0.2879 0.5503);" title="L=0.55"></div><div class="sw" style="background: #428062; background: color(display-p3 0.3196 0.4973 0.3913);" title="L=0.55"></div><div class="sw" style="background: #809118; background: color(display-p3 0.5146 0.5662 0.1980);" title="L=0.62"></div><div class="sw" style="background: #9571FF; background: color(display-p3 0.5636 0.4494 0.9738);" title="L=0.65"></div><div class="sw" style="background: #B296A4; background: color(display-p3 0.6801 0.5929 0.6405);" title="L=0.70"></div><div class="sw" style="background: #BED7AC; background: color(display-p3 0.7636 0.8414 0.6903);" title="L=0.85"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9663 0.7787 0.2200);" title="L=0.85"></div><div class="sw" style="background: #00E8FC; background: color(display-p3 0.4082 0.8972 0.9757);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #AC4390; background: color(display-p3 0.6262 0.2879 0.5503);" title="L=0.55"></div><div class="sw" style="background: #428062; background: color(display-p3 0.3196 0.4973 0.3913);" title="L=0.55"></div><div class="sw" style="background: #809118; background: color(display-p3 0.5146 0.5662 0.1980);" title="L=0.62"></div><div class="sw" style="background: #9571FF; background: color(display-p3 0.5636 0.4494 0.9738);" title="L=0.65"></div><div class="sw" style="background: #B296A4; background: color(display-p3 0.6801 0.5929 0.6405);" title="L=0.70"></div><div class="sw" style="background: #BED7AC; background: color(display-p3 0.7636 0.8414 0.6903);" title="L=0.85"></div><div class="sw" style="background: #FFC400; background: color(display-p3 0.9663 0.7787 0.2200);" title="L=0.85"></div><div class="sw" style="background: #00E8FC; background: color(display-p3 0.4082 0.8972 0.9757);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #AC4390; background: color(display-p3 0.6262 0.2879 0.5503);" title=""></div>
 <div class="sw" style="background: #428062; background: color(display-p3 0.3196 0.4973 0.3913);" title=""></div>
 <div class="sw" style="background: #809118; background: color(display-p3 0.5146 0.5662 0.1980);" title=""></div>
 <div class="sw" style="background: #9571FF; background: color(display-p3 0.5636 0.4494 0.9738);" title=""></div>
 <div class="sw" style="background: #B296A4; background: color(display-p3 0.6801 0.5929 0.6405);" title=""></div>
 <div class="sw" style="background: #BED7AC; background: color(display-p3 0.7636 0.8414 0.6903);" title=""></div>
 <div class="sw" style="background: #FFC400; background: color(display-p3 0.9663 0.7787 0.2200);" title=""></div>
 <div class="sw" style="background: #00E8FC; background: color(display-p3 0.4082 0.8972 0.9757);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7A688E; background: color(display-p3 0.4677 0.4097 0.5451);" title=""></div>
 <div class="sw" style="background: #6D7663; background: color(display-p3 0.4333 0.4600 0.3947);" title=""></div>
 <div class="sw" style="background: #948B21; background: color(display-p3 0.5749 0.5462 0.2142);" title=""></div>
 <div class="sw" style="background: #5383FF; background: color(display-p3 0.3675 0.5094 0.9665);" title=""></div>
 <div class="sw" style="background: #A29DA3; background: color(display-p3 0.6334 0.6162 0.6392);" title=""></div>
 <div class="sw" style="background: #D2D1AD; background: color(display-p3 0.8230 0.8193 0.6942);" title=""></div>
 <div class="sw" style="background: #F1CF00; background: color(display-p3 0.9226 0.8162 0.2436);" title=""></div>
 <div class="sw" style="background: #A5D3FD; background: color(display-p3 0.6818 0.8206 0.9757);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #67718D; background: color(display-p3 0.4125 0.4434 0.5437);" title=""></div>
 <div class="sw" style="background: #757263; background: color(display-p3 0.4577 0.4459 0.3956);" title=""></div>
 <div class="sw" style="background: #998925; background: color(display-p3 0.5910 0.5404 0.2222);" title=""></div>
 <div class="sw" style="background: #2987FE; background: color(display-p3 0.2749 0.5238 0.9625);" title=""></div>
 <div class="sw" style="background: #9E9FA3; background: color(display-p3 0.6204 0.6243 0.6389);" title=""></div>
 <div class="sw" style="background: #D7CFAE; background: color(display-p3 0.8385 0.8119 0.6959);" title=""></div>
 <div class="sw" style="background: #EDD300; background: color(display-p3 0.9138 0.8319 0.2615);" title=""></div>
 <div class="sw" style="background: #B7CAFD; background: color(display-p3 0.7305 0.7886 0.9740);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #6F5C91; background: color(display-p3 0.4236 0.3635 0.5531);" title=""></div>
 <div class="sw" style="background: #727A61; background: color(display-p3 0.4536 0.4767 0.3895);" title=""></div>
 <div class="sw" style="background: #958B05; background: color(display-p3 0.5764 0.5453 0.1723);" title=""></div>
 <div class="sw" style="background: #5386FF; background: color(display-p3 0.3716 0.5205 0.9845);" title=""></div>
 <div class="sw" style="background: #A09AA4; background: color(display-p3 0.6219 0.6056 0.6409);" title=""></div>
 <div class="sw" style="background: #D4D2AB; background: color(display-p3 0.8304 0.8248 0.6858);" title=""></div>
 <div class="sw" style="background: #E9C500; background: color(display-p3 0.8913 0.7781 0.1444);" title=""></div>
 <div class="sw" style="background: #B6DFFD; background: color(display-p3 0.7465 0.8702 0.9815);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #486192; background: color(display-p3 0.3019 0.3761 0.5578);" title=""></div>
 <div class="sw" style="background: #7F7860; background: color(display-p3 0.4932 0.4727 0.3864);" title=""></div>
 <div class="sw" style="background: #9B8800; background: color(display-p3 0.5963 0.5377 0.1482);" title=""></div>
 <div class="sw" style="background: #1D8DFF; background: color(display-p3 0.2655 0.5441 0.9927);" title=""></div>
 <div class="sw" style="background: #989BA5; background: color(display-p3 0.5978 0.6077 0.6421);" title=""></div>
 <div class="sw" style="background: #DBD1AA; background: color(display-p3 0.8533 0.8202 0.6815);" title=""></div>
 <div class="sw" style="background: #DFC300; background: color(display-p3 0.8573 0.7703 0.0709);" title=""></div>
 <div class="sw" style="background: #D3DEFD; background: color(display-p3 0.8353 0.8700 0.9831);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #B64563; background: color(display-p3 0.6602 0.3008 0.3897);" title=""></div>
 <div class="sw" style="background: #308078; background: color(display-p3 0.2785 0.4949 0.4689);" title=""></div>
 <div class="sw" style="background: #88887B; background: color(display-p3 0.5348 0.5347 0.4885);" title=""></div>
 <div class="sw" style="background: #7790AE; background: color(display-p3 0.4865 0.5631 0.6726);" title=""></div>
 <div class="sw" style="background: #B6969B; background: color(display-p3 0.6940 0.5926 0.6073);" title=""></div>
 <div class="sw" style="background: #BFD4CB; background: color(display-p3 0.7634 0.8272 0.7990);" title=""></div>
 <div class="sw" style="background: #FFB0A6; background: color(display-p3 1.0000 0.7081 0.6649);" title=""></div>
 <div class="sw" style="background: #00F3EE; background: color(display-p3 0.0000 0.9355 0.9259);" title=""></div>
 </div></div>
 </div>
 </div>
 </body></html>
diff --git a/phase_b_preview_breathing.html b/phase_b_preview_breathing.html
 <!doctype html><html><head><meta charset='utf-8'>
 <title>qolour Phase B — cluster preview</title>
 <style>
 body { font-family: -apple-system, ui-sans-serif, sans-serif; background: #0f0f14; color: #e8e8ee; padding: 24px; max-width: 1100px; margin: 0 auto; }
 h1 { font-weight: 300; letter-spacing: -0.02em; font-size: 28px; }
 h2 { font-weight: 400; margin-top: 40px; border-bottom: 1px solid #333; padding-bottom: 6px; }
 h3 { font-weight: 500; margin-top: 24px; color: #b8b8c2; font-size: 16px; }
 .cluster { margin-bottom: 40px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); }
 .cluster-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
 .title { font-weight: 600; font-size: 15px; }
 .meta { font-family: ui-monospace, monospace; font-size: 11px; color: #888; line-height: 1.5; }
 .subtitle { font-size: 11px; color: #999; font-family: ui-monospace, monospace; line-height: 1.6; text-align: right; }
 .bg-panels { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
 .bg-panel { padding: 14px 10px; border-radius: 6px; }
 .bg-dark { background: #0b0b0f; }
 .bg-mid { background: #606065; }
 .bg-light { background: #f2f2f0; }
 .bg-label { font-size: 10px; font-family: ui-monospace, monospace; margin-bottom: 6px; opacity: 0.65; }
 .bg-dark .bg-label { color: #8a8a92; }
 .bg-mid .bg-label { color: #1a1a1a; }
 .bg-light .bg-label { color: #555; }
 .swatches { display: flex; gap: 2px; flex-wrap: wrap; }
 .sw { width: 44px; height: 44px; border-radius: 4px; }
 .cvd-grid { margin-top: 8px; padding: 10px 12px; background: rgba(0,0,0,0.25); border-radius: 6px; }
 .cvd-title { font-size: 10px; color: #777; margin-bottom: 6px; font-family: ui-monospace, monospace; }
 .cvd-row { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; }
 .cvd-label { flex: 0 0 100px; font-size: 10px; color: #888; font-family: ui-monospace, monospace; }
 .cvd-row .sw { width: 32px; height: 26px; border-radius: 3px; }
 .l-bar { display: inline-block; height: 6px; margin: 0 2px; border-radius: 2px; background: linear-gradient(to right, #222, #888, #fafaf8); position: relative; width: 160px; vertical-align: middle; }
 .l-dot { position: absolute; top: -3px; width: 4px; height: 12px; background: #c0c0ff; border-radius: 2px; transform: translateX(-50%); }
 </style></head><body>
 <h1>qolour Phase B — converged clusters (breathing-hexagon loss)</h1>
 <p class='meta'>Gradient descent on Lagrangian with CIEDE2000 metric, population-weighted Machado simulation, linear-P3 softplus barrier. No L-monotonicity or yellow-blue bias terms — Phase B is a clean test of whether non-monotone-L critical points exist.</p>
 <p class='meta'>Each cluster is shown with: (top) the palette sorted by L in Display P3 swatches, (below) the same palette under each CVD simulation so you can see what the viewer actually experiences, plus headline numbers. Your visual judgment is the final verdict on aesthetic superiority.</p>
 <h2>N = 6 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 40 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 22.64 / 28.99 / 32.06 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 7.06 / 13.87 / 16.13 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.28 (0.55–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 70.5%;"></span><span class="l-dot" style="left: 70.8%;"></span><span class="l-dot" style="left: 83.1%;"></span></span></div><div class="subtitle">conservative ΔE min 16.77 &nbsp; mean 28.53<br>expected ΔE min 29.60 &nbsp; mean 56.84<br>L values [0.55, 0.55, 0.55, 0.705, 0.708, 0.831]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.2</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #C44000; background: color(display-p3 0.7090 0.2888 0.0000);" title="L=0.55"></div><div class="sw" style="background: #009368; background: color(display-p3 0.0000 0.5635 0.4156);" title="L=0.55"></div><div class="sw" style="background: #7D4DD8; background: color(display-p3 0.4651 0.3121 0.8194);" title="L=0.55"></div><div class="sw" style="background: #00AFFF; background: color(display-p3 0.0000 0.6734 0.9969);" title="L=0.70"></div><div class="sw" style="background: #FC60A6; background: color(display-p3 0.9158 0.4158 0.6456);" title="L=0.71"></div><div class="sw" style="background: #C7D400; background: color(display-p3 0.7906 0.8312 0.1881);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #C44000; background: color(display-p3 0.7090 0.2888 0.0000);" title="L=0.55"></div><div class="sw" style="background: #009368; background: color(display-p3 0.0000 0.5635 0.4156);" title="L=0.55"></div><div class="sw" style="background: #7D4DD8; background: color(display-p3 0.4651 0.3121 0.8194);" title="L=0.55"></div><div class="sw" style="background: #00AFFF; background: color(display-p3 0.0000 0.6734 0.9969);" title="L=0.70"></div><div class="sw" style="background: #FC60A6; background: color(display-p3 0.9158 0.4158 0.6456);" title="L=0.71"></div><div class="sw" style="background: #C7D400; background: color(display-p3 0.7906 0.8312 0.1881);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #C44000; background: color(display-p3 0.7090 0.2888 0.0000);" title="L=0.55"></div><div class="sw" style="background: #009368; background: color(display-p3 0.0000 0.5635 0.4156);" title="L=0.55"></div><div class="sw" style="background: #7D4DD8; background: color(display-p3 0.4651 0.3121 0.8194);" title="L=0.55"></div><div class="sw" style="background: #00AFFF; background: color(display-p3 0.0000 0.6734 0.9969);" title="L=0.70"></div><div class="sw" style="background: #FC60A6; background: color(display-p3 0.9158 0.4158 0.6456);" title="L=0.71"></div><div class="sw" style="background: #C7D400; background: color(display-p3 0.7906 0.8312 0.1881);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #C44000; background: color(display-p3 0.7090 0.2888 0.0000);" title=""></div>
 <div class="sw" style="background: #009368; background: color(display-p3 0.0000 0.5635 0.4156);" title=""></div>
 <div class="sw" style="background: #7D4DD8; background: color(display-p3 0.4651 0.3121 0.8194);" title=""></div>
 <div class="sw" style="background: #00AFFF; background: color(display-p3 0.0000 0.6734 0.9969);" title=""></div>
 <div class="sw" style="background: #FC60A6; background: color(display-p3 0.9158 0.4158 0.6456);" title=""></div>
 <div class="sw" style="background: #C7D400; background: color(display-p3 0.7906 0.8312 0.1881);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #996C00; background: color(display-p3 0.5719 0.4304 0.0000);" title=""></div>
 <div class="sw" style="background: #5B7B6A; background: color(display-p3 0.3841 0.4788 0.4216);" title=""></div>
 <div class="sw" style="background: #3464D7; background: color(display-p3 0.2486 0.3863 0.8127);" title=""></div>
 <div class="sw" style="background: #439FFF; background: color(display-p3 0.3619 0.6147 0.9927);" title=""></div>
 <div class="sw" style="background: #BB95A4; background: color(display-p3 0.7094 0.5913 0.6392);" title=""></div>
 <div class="sw" style="background: #DFCE00; background: color(display-p3 0.8625 0.8090 0.2277);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #8A7800; background: color(display-p3 0.5307 0.4715 0.0000);" title=""></div>
 <div class="sw" style="background: #73716B; background: color(display-p3 0.4482 0.4431 0.4224);" title=""></div>
 <div class="sw" style="background: #0069D6; background: color(display-p3 0.1069 0.4041 0.8091);" title=""></div>
 <div class="sw" style="background: #5597FF; background: color(display-p3 0.3964 0.5869 0.9891);" title=""></div>
 <div class="sw" style="background: #A4A3A3; background: color(display-p3 0.6411 0.6406 0.6387);" title=""></div>
 <div class="sw" style="background: #E5CC00; background: color(display-p3 0.8828 0.8033 0.2467);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #8B5700; background: color(display-p3 0.5158 0.3494 0.0000);" title=""></div>
 <div class="sw" style="background: #6C8667; background: color(display-p3 0.4449 0.5222 0.4153);" title=""></div>
 <div class="sw" style="background: #3165DB; background: color(display-p3 0.2440 0.3926 0.8289);" title=""></div>
 <div class="sw" style="background: #64ADFF; background: color(display-p3 0.4612 0.6724 1.0000);" title=""></div>
 <div class="sw" style="background: #AA81A7; background: color(display-p3 0.6433 0.5133 0.6451);" title=""></div>
 <div class="sw" style="background: #DECC00; background: color(display-p3 0.8600 0.8026 0.1003);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #6B5900; background: color(display-p3 0.4074 0.3499 0.0000);" title=""></div>
 <div class="sw" style="background: #8B8365; background: color(display-p3 0.5399 0.5154 0.4106);" title=""></div>
 <div class="sw" style="background: #006CDD; background: color(display-p3 0.0174 0.4169 0.8364);" title=""></div>
 <div class="sw" style="background: #81AFFF; background: color(display-p3 0.5437 0.6826 1.0000);" title=""></div>
 <div class="sw" style="background: #7986A9; background: color(display-p3 0.4844 0.5258 0.6498);" title=""></div>
 <div class="sw" style="background: #E6C900; background: color(display-p3 0.8821 0.7913 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #D9002C; background: color(display-p3 0.7798 0.1570 0.2035);" title=""></div>
 <div class="sw" style="background: #009587; background: color(display-p3 0.0000 0.5705 0.5264);" title=""></div>
 <div class="sw" style="background: #656E8C; background: color(display-p3 0.4026 0.4297 0.5396);" title=""></div>
 <div class="sw" style="background: #00C6CE; background: color(display-p3 0.0000 0.7564 0.7959);" title=""></div>
 <div class="sw" style="background: #FF547C; background: color(display-p3 0.9797 0.3860 0.4947);" title=""></div>
 <div class="sw" style="background: #D6C6B3; background: color(display-p3 0.8290 0.7794 0.7101);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.19 (0.55–0.74)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.5%;"></span><span class="l-dot" style="left: 57.4%;"></span><span class="l-dot" style="left: 71.3%;"></span><span class="l-dot" style="left: 74.2%;"></span></span></div><div class="subtitle">conservative ΔE min 15.76 &nbsp; mean 27.20<br>expected ΔE min 23.92 &nbsp; mean 54.93<br>L values [0.55, 0.55, 0.565, 0.574, 0.713, 0.742]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.207</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #C12485; background: color(display-p3 0.6948 0.2047 0.5101);" title="L=0.55"></div><div class="sw" style="background: #7F7600; background: color(display-p3 0.4923 0.4644 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00985E; background: color(display-p3 0.0000 0.5839 0.3840);" title="L=0.56"></div><div class="sw" style="background: #7958E9; background: color(display-p3 0.4543 0.3513 0.8834);" title="L=0.57"></div><div class="sw" style="background: #00B6FF; background: color(display-p3 0.0000 0.6983 0.9943);" title="L=0.71"></div><div class="sw" style="background: #FF7900; background: color(display-p3 0.9878 0.5079 0.1628);" title="L=0.74"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #C12485; background: color(display-p3 0.6948 0.2047 0.5101);" title="L=0.55"></div><div class="sw" style="background: #7F7600; background: color(display-p3 0.4923 0.4644 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00985E; background: color(display-p3 0.0000 0.5839 0.3840);" title="L=0.56"></div><div class="sw" style="background: #7958E9; background: color(display-p3 0.4543 0.3513 0.8834);" title="L=0.57"></div><div class="sw" style="background: #00B6FF; background: color(display-p3 0.0000 0.6983 0.9943);" title="L=0.71"></div><div class="sw" style="background: #FF7900; background: color(display-p3 0.9878 0.5079 0.1628);" title="L=0.74"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #C12485; background: color(display-p3 0.6948 0.2047 0.5101);" title="L=0.55"></div><div class="sw" style="background: #7F7600; background: color(display-p3 0.4923 0.4644 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00985E; background: color(display-p3 0.0000 0.5839 0.3840);" title="L=0.56"></div><div class="sw" style="background: #7958E9; background: color(display-p3 0.4543 0.3513 0.8834);" title="L=0.57"></div><div class="sw" style="background: #00B6FF; background: color(display-p3 0.0000 0.6983 0.9943);" title="L=0.71"></div><div class="sw" style="background: #FF7900; background: color(display-p3 0.9878 0.5079 0.1628);" title="L=0.74"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #C12485; background: color(display-p3 0.6948 0.2047 0.5101);" title=""></div>
 <div class="sw" style="background: #7F7600; background: color(display-p3 0.4923 0.4644 0.0000);" title=""></div>
 <div class="sw" style="background: #00985E; background: color(display-p3 0.0000 0.5839 0.3840);" title=""></div>
 <div class="sw" style="background: #7958E9; background: color(display-p3 0.4543 0.3513 0.8834);" title=""></div>
 <div class="sw" style="background: #00B6FF; background: color(display-p3 0.0000 0.6983 0.9943);" title=""></div>
 <div class="sw" style="background: #FF7900; background: color(display-p3 0.9878 0.5079 0.1628);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #866682; background: color(display-p3 0.5042 0.4033 0.5038);" title=""></div>
 <div class="sw" style="background: #867500; background: color(display-p3 0.5160 0.4614 0.0000);" title=""></div>
 <div class="sw" style="background: #648061; background: color(display-p3 0.4149 0.4983 0.3920);" title=""></div>
 <div class="sw" style="background: #266BE7; background: color(display-p3 0.2260 0.4123 0.8764);" title=""></div>
 <div class="sw" style="background: #47A3FF; background: color(display-p3 0.3752 0.6301 0.9906);" title=""></div>
 <div class="sw" style="background: #DAA500; background: color(display-p3 0.8223 0.6559 0.1628);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #6E7381; background: color(display-p3 0.4363 0.4509 0.5027);" title=""></div>
 <div class="sw" style="background: #897500; background: color(display-p3 0.5240 0.4623 0.0000);" title=""></div>
 <div class="sw" style="background: #7B7662; background: color(display-p3 0.4785 0.4626 0.3935);" title=""></div>
 <div class="sw" style="background: #006FE6; background: color(display-p3 0.0232 0.4260 0.8725);" title=""></div>
 <div class="sw" style="background: #5D9AFF; background: color(display-p3 0.4212 0.5985 0.9872);" title=""></div>
 <div class="sw" style="background: #C9B200; background: color(display-p3 0.7740 0.7024 0.1802);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #765286; background: color(display-p3 0.4429 0.3274 0.5114);" title=""></div>
 <div class="sw" style="background: #847200; background: color(display-p3 0.5068 0.4485 0.0000);" title=""></div>
 <div class="sw" style="background: #748A5D; background: color(display-p3 0.4721 0.5403 0.3817);" title=""></div>
 <div class="sw" style="background: #296FEC; background: color(display-p3 0.2390 0.4277 0.8938);" title=""></div>
 <div class="sw" style="background: #69B2FF; background: color(display-p3 0.4801 0.6911 1.0000);" title=""></div>
 <div class="sw" style="background: #CA8E00; background: color(display-p3 0.7558 0.5675 0.0805);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #405887; background: color(display-p3 0.2711 0.3430 0.5164);" title=""></div>
 <div class="sw" style="background: #866F00; background: color(display-p3 0.5102 0.4404 0.0000);" title=""></div>
 <div class="sw" style="background: #92875A; background: color(display-p3 0.5664 0.5323 0.3747);" title=""></div>
 <div class="sw" style="background: #0076EE; background: color(display-p3 0.0393 0.4529 0.9017);" title=""></div>
 <div class="sw" style="background: #8AB4FF; background: color(display-p3 0.5744 0.6998 1.0000);" title=""></div>
 <div class="sw" style="background: #A59000; background: color(display-p3 0.6333 0.5676 0.0407);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #CF1853; background: color(display-p3 0.7454 0.1883 0.3308);" title=""></div>
 <div class="sw" style="background: #8D695C; background: color(display-p3 0.5303 0.4188 0.3678);" title=""></div>
 <div class="sw" style="background: #009989; background: color(display-p3 0.0000 0.5858 0.5352);" title=""></div>
 <div class="sw" style="background: #537B99; background: color(display-p3 0.3580 0.4771 0.5879);" title=""></div>
 <div class="sw" style="background: #00CBD1; background: color(display-p3 0.0000 0.7773 0.8092);" title=""></div>
 <div class="sw" style="background: #FF5366; background: color(display-p3 1.0000 0.3956 0.4258);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.23 (0.55–0.78)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.2%;"></span><span class="l-dot" style="left: 69.4%;"></span><span class="l-dot" style="left: 78.3%;"></span></span></div><div class="subtitle">conservative ΔE min 15.72 &nbsp; mean 26.31<br>expected ΔE min 25.61 &nbsp; mean 54.06<br>L values [0.55, 0.55, 0.55, 0.562, 0.694, 0.783]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.192</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #5C8100; background: color(display-p3 0.3922 0.5015 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00927C; background: color(display-p3 0.0000 0.5576 0.4872);" title="L=0.55"></div><div class="sw" style="background: #8A4ACC; background: color(display-p3 0.5072 0.3038 0.7736);" title="L=0.55"></div><div class="sw" style="background: #CA2E68; background: color(display-p3 0.7276 0.2384 0.4078);" title="L=0.56"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.2088 0.6377 0.9990);" title="L=0.69"></div><div class="sw" style="background: #FF9700; background: color(display-p3 0.9853 0.6163 0.1387);" title="L=0.78"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #5C8100; background: color(display-p3 0.3922 0.5015 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00927C; background: color(display-p3 0.0000 0.5576 0.4872);" title="L=0.55"></div><div class="sw" style="background: #8A4ACC; background: color(display-p3 0.5072 0.3038 0.7736);" title="L=0.55"></div><div class="sw" style="background: #CA2E68; background: color(display-p3 0.7276 0.2384 0.4078);" title="L=0.56"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.2088 0.6377 0.9990);" title="L=0.69"></div><div class="sw" style="background: #FF9700; background: color(display-p3 0.9853 0.6163 0.1387);" title="L=0.78"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #5C8100; background: color(display-p3 0.3922 0.5015 0.0000);" title="L=0.55"></div><div class="sw" style="background: #00927C; background: color(display-p3 0.0000 0.5576 0.4872);" title="L=0.55"></div><div class="sw" style="background: #8A4ACC; background: color(display-p3 0.5072 0.3038 0.7736);" title="L=0.55"></div><div class="sw" style="background: #CA2E68; background: color(display-p3 0.7276 0.2384 0.4078);" title="L=0.56"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.2088 0.6377 0.9990);" title="L=0.69"></div><div class="sw" style="background: #FF9700; background: color(display-p3 0.9853 0.6163 0.1387);" title="L=0.78"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #5C8100; background: color(display-p3 0.3922 0.5015 0.0000);" title=""></div>
 <div class="sw" style="background: #00927C; background: color(display-p3 0.0000 0.5576 0.4872);" title=""></div>
 <div class="sw" style="background: #8A4ACC; background: color(display-p3 0.5072 0.3038 0.7736);" title=""></div>
 <div class="sw" style="background: #CA2E68; background: color(display-p3 0.7276 0.2384 0.4078);" title=""></div>
 <div class="sw" style="background: #00A5FF; background: color(display-p3 0.2088 0.6377 0.9990);" title=""></div>
 <div class="sw" style="background: #FF9700; background: color(display-p3 0.9853 0.6163 0.1387);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7E7700; background: color(display-p3 0.4901 0.4691 0.0000);" title=""></div>
 <div class="sw" style="background: #537A7E; background: color(display-p3 0.3591 0.4742 0.4907);" title=""></div>
 <div class="sw" style="background: #4A64CA; background: color(display-p3 0.3108 0.3905 0.7672);" title=""></div>
 <div class="sw" style="background: #926B65; background: color(display-p3 0.5496 0.4260 0.4019);" title=""></div>
 <div class="sw" style="background: #4099FF; background: color(display-p3 0.3473 0.5938 0.9942);" title=""></div>
 <div class="sw" style="background: #E3B500; background: color(display-p3 0.8615 0.7164 0.1525);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #867400; background: color(display-p3 0.5137 0.4584 0.0000);" title=""></div>
 <div class="sw" style="background: #6B707E; background: color(display-p3 0.4237 0.4384 0.4905);" title=""></div>
 <div class="sw" style="background: #206BC9; background: color(display-p3 0.2150 0.4124 0.7639);" title=""></div>
 <div class="sw" style="background: #7E7964; background: color(display-p3 0.4900 0.4737 0.4023);" title=""></div>
 <div class="sw" style="background: #4A94FF; background: color(display-p3 0.3632 0.5719 0.9905);" title=""></div>
 <div class="sw" style="background: #D7BF00; background: color(display-p3 0.8280 0.7510 0.1749);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #807900; background: color(display-p3 0.4977 0.4737 0.0000);" title=""></div>
 <div class="sw" style="background: #66867C; background: color(display-p3 0.4262 0.5203 0.4892);" title=""></div>
 <div class="sw" style="background: #4463CE; background: color(display-p3 0.2920 0.3851 0.7821);" title=""></div>
 <div class="sw" style="background: #835568; background: color(display-p3 0.4874 0.3429 0.4045);" title=""></div>
 <div class="sw" style="background: #5EA7FF; background: color(display-p3 0.4365 0.6463 1.0000);" title=""></div>
 <div class="sw" style="background: #D6A300; background: color(display-p3 0.8078 0.6485 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #8A7600; background: color(display-p3 0.5297 0.4647 0.0000);" title=""></div>
 <div class="sw" style="background: #86837B; background: color(display-p3 0.5229 0.5154 0.4871);" title=""></div>
 <div class="sw" style="background: #006AD0; background: color(display-p3 0.1285 0.4074 0.7892);" title=""></div>
 <div class="sw" style="background: #555A69; background: color(display-p3 0.3364 0.3534 0.4081);" title=""></div>
 <div class="sw" style="background: #74A9FF; background: color(display-p3 0.4997 0.6586 1.0000);" title=""></div>
 <div class="sw" style="background: #BCA400; background: color(display-p3 0.7210 0.6450 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #647868; background: color(display-p3 0.4064 0.4696 0.4129);" title=""></div>
 <div class="sw" style="background: #00968B; background: color(display-p3 0.0000 0.5736 0.5402);" title=""></div>
 <div class="sw" style="background: #7D6685; background: color(display-p3 0.4756 0.4045 0.5118);" title=""></div>
 <div class="sw" style="background: #DB0148; background: color(display-p3 0.7887 0.1674 0.2946);" title=""></div>
 <div class="sw" style="background: #00BEC9; background: color(display-p3 0.0000 0.7264 0.7770);" title=""></div>
 <div class="sw" style="background: #FF7B7F; background: color(display-p3 1.0000 0.5251 0.5182);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.29 (0.55–0.84)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 59.9%;"></span><span class="l-dot" style="left: 61.5%;"></span><span class="l-dot" style="left: 64.4%;"></span><span class="l-dot" style="left: 75.6%;"></span><span class="l-dot" style="left: 84.5%;"></span></span></div><div class="subtitle">conservative ΔE min 15.47 &nbsp; mean 29.64<br>expected ΔE min 24.40 &nbsp; mean 53.93<br>L values [0.55, 0.599, 0.615, 0.644, 0.756, 0.845]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.199</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #B82F94; background: color(display-p3 0.6634 0.2310 0.5663);" title="L=0.55"></div><div class="sw" style="background: #6F69F3; background: color(display-p3 0.4296 0.4111 0.9204);" title="L=0.60"></div><div class="sw" style="background: #00A658; background: color(display-p3 0.0000 0.6379 0.3728);" title="L=0.61"></div><div class="sw" style="background: #EC5400; background: color(display-p3 0.8582 0.3717 0.1389);" title="L=0.64"></div><div class="sw" style="background: #00C9FF; background: color(display-p3 0.0000 0.7722 0.9927);" title="L=0.76"></div><div class="sw" style="background: #EBCD00; background: color(display-p3 0.9008 0.8078 0.0914);" title="L=0.84"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #B82F94; background: color(display-p3 0.6634 0.2310 0.5663);" title="L=0.55"></div><div class="sw" style="background: #6F69F3; background: color(display-p3 0.4296 0.4111 0.9204);" title="L=0.60"></div><div class="sw" style="background: #00A658; background: color(display-p3 0.0000 0.6379 0.3728);" title="L=0.61"></div><div class="sw" style="background: #EC5400; background: color(display-p3 0.8582 0.3717 0.1389);" title="L=0.64"></div><div class="sw" style="background: #00C9FF; background: color(display-p3 0.0000 0.7722 0.9927);" title="L=0.76"></div><div class="sw" style="background: #EBCD00; background: color(display-p3 0.9008 0.8078 0.0914);" title="L=0.84"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #B82F94; background: color(display-p3 0.6634 0.2310 0.5663);" title="L=0.55"></div><div class="sw" style="background: #6F69F3; background: color(display-p3 0.4296 0.4111 0.9204);" title="L=0.60"></div><div class="sw" style="background: #00A658; background: color(display-p3 0.0000 0.6379 0.3728);" title="L=0.61"></div><div class="sw" style="background: #EC5400; background: color(display-p3 0.8582 0.3717 0.1389);" title="L=0.64"></div><div class="sw" style="background: #00C9FF; background: color(display-p3 0.0000 0.7722 0.9927);" title="L=0.76"></div><div class="sw" style="background: #EBCD00; background: color(display-p3 0.9008 0.8078 0.0914);" title="L=0.84"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #B82F94; background: color(display-p3 0.6634 0.2310 0.5663);" title=""></div>
 <div class="sw" style="background: #6F69F3; background: color(display-p3 0.4296 0.4111 0.9204);" title=""></div>
 <div class="sw" style="background: #00A658; background: color(display-p3 0.0000 0.6379 0.3728);" title=""></div>
 <div class="sw" style="background: #EC5400; background: color(display-p3 0.8582 0.3717 0.1389);" title=""></div>
 <div class="sw" style="background: #00C9FF; background: color(display-p3 0.0000 0.7722 0.9927);" title=""></div>
 <div class="sw" style="background: #EBCD00; background: color(display-p3 0.9008 0.8078 0.0914);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7D6592; background: color(display-p3 0.4762 0.4015 0.5602);" title=""></div>
 <div class="sw" style="background: #2474F1; background: color(display-p3 0.2362 0.4477 0.9136);" title=""></div>
 <div class="sw" style="background: #7A8E5C; background: color(display-p3 0.4936 0.5561 0.3834);" title=""></div>
 <div class="sw" style="background: #B88600; background: color(display-p3 0.6925 0.5346 0.1331);" title=""></div>
 <div class="sw" style="background: #67B3FF; background: color(display-p3 0.4743 0.6933 0.9903);" title=""></div>
 <div class="sw" style="background: #EBD000; background: color(display-p3 0.9050 0.8180 0.1515);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #667291; background: color(display-p3 0.4079 0.4441 0.5586);" title=""></div>
 <div class="sw" style="background: #0076F0; background: color(display-p3 0.1067 0.4542 0.9096);" title=""></div>
 <div class="sw" style="background: #8E855E; background: color(display-p3 0.5518 0.5231 0.3861);" title=""></div>
 <div class="sw" style="background: #A79400; background: color(display-p3 0.6422 0.5821 0.1467);" title=""></div>
 <div class="sw" style="background: #7EA9FF; background: color(display-p3 0.5284 0.6583 0.9873);" title=""></div>
 <div class="sw" style="background: #ECD100; background: color(display-p3 0.9091 0.8244 0.1814);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #6F5695; background: color(display-p3 0.4211 0.3402 0.5694);" title=""></div>
 <div class="sw" style="background: #317AF6; background: color(display-p3 0.2705 0.4721 0.9311);" title=""></div>
 <div class="sw" style="background: #879856; background: color(display-p3 0.5419 0.5933 0.3671);" title=""></div>
 <div class="sw" style="background: #A86F00; background: color(display-p3 0.6273 0.4440 0.0777);" title=""></div>
 <div class="sw" style="background: #83C2FF; background: color(display-p3 0.5686 0.7544 1.0000);" title=""></div>
 <div class="sw" style="background: #E7C900; background: color(display-p3 0.8855 0.7933 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #3A5C97; background: color(display-p3 0.2565 0.3567 0.5748);" title=""></div>
 <div class="sw" style="background: #0080F8; background: color(display-p3 0.1856 0.4951 0.9390);" title=""></div>
 <div class="sw" style="background: #A39452; background: color(display-p3 0.6297 0.5843 0.3570);" title=""></div>
 <div class="sw" style="background: #827100; background: color(display-p3 0.4982 0.4463 0.0619);" title=""></div>
 <div class="sw" style="background: #A5C3FF; background: color(display-p3 0.6698 0.7594 1.0000);" title=""></div>
 <div class="sw" style="background: #E4C700; background: color(display-p3 0.8766 0.7833 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #C3335E; background: color(display-p3 0.7037 0.2480 0.3718);" title=""></div>
 <div class="sw" style="background: #2E89A4; background: color(display-p3 0.2865 0.5301 0.6305);" title=""></div>
 <div class="sw" style="background: #00A593; background: color(display-p3 0.0000 0.6324 0.5752);" title=""></div>
 <div class="sw" style="background: #FF2248; background: color(display-p3 0.9386 0.2492 0.3086);" title=""></div>
 <div class="sw" style="background: #00DBDC; background: color(display-p3 0.0000 0.8376 0.8525);" title=""></div>
 <div class="sw" style="background: #FFBBAB; background: color(display-p3 0.9602 0.7430 0.6839);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 58.9%;"></span><span class="l-dot" style="left: 68.4%;"></span><span class="l-dot" style="left: 69.8%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 15.37 &nbsp; mean 29.63<br>expected ΔE min 28.99 &nbsp; mean 59.32<br>L values [0.55, 0.589, 0.684, 0.698, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.218</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #7A49E4; background: color(display-p3 0.4517 0.2961 0.8627);" title="L=0.55"></div><div class="sw" style="background: #DA4100; background: color(display-p3 0.7879 0.3028 0.0000);" title="L=0.59"></div><div class="sw" style="background: #00AAFF; background: color(display-p3 0.0000 0.6526 0.9942);" title="L=0.68"></div><div class="sw" style="background: #FC54AB; background: color(display-p3 0.9153 0.3778 0.6609);" title="L=0.70"></div><div class="sw" style="background: #00F9BB; background: color(display-p3 0.1478 0.9595 0.7471);" title="L=0.85"></div><div class="sw" style="background: #D4D900; background: color(display-p3 0.8353 0.8501 0.0059);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #7A49E4; background: color(display-p3 0.4517 0.2961 0.8627);" title="L=0.55"></div><div class="sw" style="background: #DA4100; background: color(display-p3 0.7879 0.3028 0.0000);" title="L=0.59"></div><div class="sw" style="background: #00AAFF; background: color(display-p3 0.0000 0.6526 0.9942);" title="L=0.68"></div><div class="sw" style="background: #FC54AB; background: color(display-p3 0.9153 0.3778 0.6609);" title="L=0.70"></div><div class="sw" style="background: #00F9BB; background: color(display-p3 0.1478 0.9595 0.7471);" title="L=0.85"></div><div class="sw" style="background: #D4D900; background: color(display-p3 0.8353 0.8501 0.0059);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #7A49E4; background: color(display-p3 0.4517 0.2961 0.8627);" title="L=0.55"></div><div class="sw" style="background: #DA4100; background: color(display-p3 0.7879 0.3028 0.0000);" title="L=0.59"></div><div class="sw" style="background: #00AAFF; background: color(display-p3 0.0000 0.6526 0.9942);" title="L=0.68"></div><div class="sw" style="background: #FC54AB; background: color(display-p3 0.9153 0.3778 0.6609);" title="L=0.70"></div><div class="sw" style="background: #00F9BB; background: color(display-p3 0.1478 0.9595 0.7471);" title="L=0.85"></div><div class="sw" style="background: #D4D900; background: color(display-p3 0.8353 0.8501 0.0059);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #7A49E4; background: color(display-p3 0.4517 0.2961 0.8627);" title=""></div>
 <div class="sw" style="background: #DA4100; background: color(display-p3 0.7879 0.3028 0.0000);" title=""></div>
 <div class="sw" style="background: #00AAFF; background: color(display-p3 0.0000 0.6526 0.9942);" title=""></div>
 <div class="sw" style="background: #FC54AB; background: color(display-p3 0.9153 0.3778 0.6609);" title=""></div>
 <div class="sw" style="background: #00F9BB; background: color(display-p3 0.1478 0.9595 0.7471);" title=""></div>
 <div class="sw" style="background: #D4D900; background: color(display-p3 0.8353 0.8501 0.0059);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #1562E2; background: color(display-p3 0.1820 0.3778 0.8555);" title=""></div>
 <div class="sw" style="background: #A87600; background: color(display-p3 0.6305 0.4713 0.0000);" title=""></div>
 <div class="sw" style="background: #2298FF; background: color(display-p3 0.2919 0.5889 0.9899);" title=""></div>
 <div class="sw" style="background: #B791A8; background: color(display-p3 0.6953 0.5745 0.6539);" title=""></div>
 <div class="sw" style="background: #B5DABF; background: color(display-p3 0.7384 0.8490 0.7551);" title=""></div>
 <div class="sw" style="background: #E8D400; background: color(display-p3 0.8969 0.8329 0.1251);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0067E1; background: color(display-p3 0.0000 0.3964 0.8516);" title=""></div>
 <div class="sw" style="background: #988400; background: color(display-p3 0.5826 0.5186 0.0000);" title=""></div>
 <div class="sw" style="background: #4190FF; background: color(display-p3 0.3366 0.5585 0.9861);" title=""></div>
 <div class="sw" style="background: #9EA0A7; background: color(display-p3 0.6208 0.6276 0.6530);" title=""></div>
 <div class="sw" style="background: #D1CDC0; background: color(display-p3 0.8160 0.8042 0.7563);" title=""></div>
 <div class="sw" style="background: #EED200; background: color(display-p3 0.9151 0.8293 0.1617);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #1365E7; background: color(display-p3 0.1843 0.3890 0.8730);" title=""></div>
 <div class="sw" style="background: #995E00; background: color(display-p3 0.5667 0.3776 0.0000);" title=""></div>
 <div class="sw" style="background: #55A8FF; background: color(display-p3 0.4155 0.6517 1.0000);" title=""></div>
 <div class="sw" style="background: #A67CAC; background: color(display-p3 0.6253 0.4911 0.6613);" title=""></div>
 <div class="sw" style="background: #C9E7BA; background: color(display-p3 0.8103 0.9041 0.7458);" title=""></div>
 <div class="sw" style="background: #E7D100; background: color(display-p3 0.8907 0.8223 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006DE9; background: color(display-p3 0.0000 0.4170 0.8811);" title=""></div>
 <div class="sw" style="background: #736000; background: color(display-p3 0.4402 0.3790 0.0000);" title=""></div>
 <div class="sw" style="background: #77AAFF; background: color(display-p3 0.5102 0.6627 1.0000);" title=""></div>
 <div class="sw" style="background: #6F82AE; background: color(display-p3 0.4484 0.5059 0.6667);" title=""></div>
 <div class="sw" style="background: #F0E4B8; background: color(display-p3 0.9316 0.8947 0.7392);" title=""></div>
 <div class="sw" style="background: #EDCE00; background: color(display-p3 0.9079 0.8104 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #597091; background: color(display-p3 0.3676 0.4364 0.5578);" title=""></div>
 <div class="sw" style="background: #F1002C; background: color(display-p3 0.8664 0.1384 0.2111);" title=""></div>
 <div class="sw" style="background: #00C2CB; background: color(display-p3 0.0000 0.7416 0.7835);" title=""></div>
 <div class="sw" style="background: #FF4979; background: color(display-p3 0.9793 0.3522 0.4812);" title=""></div>
 <div class="sw" style="background: #00FCE8; background: color(display-p3 0.0000 0.9661 0.9048);" title=""></div>
 <div class="sw" style="background: #E5C9B5; background: color(display-p3 0.8811 0.7921 0.7197);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 68.8%;"></span><span class="l-dot" style="left: 70.8%;"></span><span class="l-dot" style="left: 76.4%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 15.29 &nbsp; mean 28.31<br>expected ΔE min 30.68 &nbsp; mean 56.89<br>L values [0.55, 0.55, 0.688, 0.708, 0.764, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.202</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #BF4700; background: color(display-p3 0.6946 0.3093 0.0000);" title="L=0.55"></div><div class="sw" style="background: #8848D3; background: color(display-p3 0.4996 0.2967 0.7978);" title="L=0.55"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.1240 0.6349 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5D98; background: color(display-p3 0.9315 0.4097 0.5927);" title="L=0.71"></div><div class="sw" style="background: #9FC400; background: color(display-p3 0.6538 0.7649 0.1431);" title="L=0.76"></div><div class="sw" style="background: #00F6D6; background: color(display-p3 0.1266 0.9484 0.8407);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #BF4700; background: color(display-p3 0.6946 0.3093 0.0000);" title="L=0.55"></div><div class="sw" style="background: #8848D3; background: color(display-p3 0.4996 0.2967 0.7978);" title="L=0.55"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.1240 0.6349 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5D98; background: color(display-p3 0.9315 0.4097 0.5927);" title="L=0.71"></div><div class="sw" style="background: #9FC400; background: color(display-p3 0.6538 0.7649 0.1431);" title="L=0.76"></div><div class="sw" style="background: #00F6D6; background: color(display-p3 0.1266 0.9484 0.8407);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #BF4700; background: color(display-p3 0.6946 0.3093 0.0000);" title="L=0.55"></div><div class="sw" style="background: #8848D3; background: color(display-p3 0.4996 0.2967 0.7978);" title="L=0.55"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.1240 0.6349 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5D98; background: color(display-p3 0.9315 0.4097 0.5927);" title="L=0.71"></div><div class="sw" style="background: #9FC400; background: color(display-p3 0.6538 0.7649 0.1431);" title="L=0.76"></div><div class="sw" style="background: #00F6D6; background: color(display-p3 0.1266 0.9484 0.8407);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #BF4700; background: color(display-p3 0.6946 0.3093 0.0000);" title=""></div>
 <div class="sw" style="background: #8848D3; background: color(display-p3 0.4996 0.2967 0.7978);" title=""></div>
 <div class="sw" style="background: #00A5FF; background: color(display-p3 0.1240 0.6349 1.0000);" title=""></div>
 <div class="sw" style="background: #FF5D98; background: color(display-p3 0.9315 0.4097 0.5927);" title=""></div>
 <div class="sw" style="background: #9FC400; background: color(display-p3 0.6538 0.7649 0.1431);" title=""></div>
 <div class="sw" style="background: #00F6D6; background: color(display-p3 0.1266 0.9484 0.8407);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #986D00; background: color(display-p3 0.5690 0.4335 0.0000);" title=""></div>
 <div class="sw" style="background: #4263D1; background: color(display-p3 0.2868 0.3863 0.7911);" title=""></div>
 <div class="sw" style="background: #3598FF; background: color(display-p3 0.3220 0.5872 0.9961);" title=""></div>
 <div class="sw" style="background: #C09695; background: color(display-p3 0.7253 0.5928 0.5864);" title=""></div>
 <div class="sw" style="background: #C4B900; background: color(display-p3 0.7616 0.7286 0.1878);" title=""></div>
 <div class="sw" style="background: #ADD8D8; background: color(display-p3 0.7110 0.8420 0.8456);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #8B7700; background: color(display-p3 0.5321 0.4710 0.0000);" title=""></div>
 <div class="sw" style="background: #006AD0; background: color(display-p3 0.1698 0.4085 0.7876);" title=""></div>
 <div class="sw" style="background: #4292FF; background: color(display-p3 0.3425 0.5636 0.9924);" title=""></div>
 <div class="sw" style="background: #A9A494; background: color(display-p3 0.6581 0.6442 0.5865);" title=""></div>
 <div class="sw" style="background: #CDB600; background: color(display-p3 0.7891 0.7171 0.2064);" title=""></div>
 <div class="sw" style="background: #C8CCD9; background: color(display-p3 0.7855 0.7983 0.8455);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #8B5900; background: color(display-p3 0.5166 0.3591 0.0000);" title=""></div>
 <div class="sw" style="background: #3C63D5; background: color(display-p3 0.2694 0.3838 0.8068);" title=""></div>
 <div class="sw" style="background: #58A6FF; background: color(display-p3 0.4215 0.6425 1.0000);" title=""></div>
 <div class="sw" style="background: #AE8098; background: color(display-p3 0.6564 0.5081 0.5900);" title=""></div>
 <div class="sw" style="background: #C6BA00; background: color(display-p3 0.7682 0.7314 0.0382);" title=""></div>
 <div class="sw" style="background: #C1E6D6; background: color(display-p3 0.7871 0.8993 0.8428);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #6E5B00; background: color(display-p3 0.4195 0.3584 0.0000);" title=""></div>
 <div class="sw" style="background: #006AD7; background: color(display-p3 0.0485 0.4079 0.8142);" title=""></div>
 <div class="sw" style="background: #71A9FF; background: color(display-p3 0.4916 0.6550 1.0000);" title=""></div>
 <div class="sw" style="background: #7D8599; background: color(display-p3 0.4961 0.5192 0.5941);" title=""></div>
 <div class="sw" style="background: #D2B700; background: color(display-p3 0.8043 0.7201 0.0000);" title=""></div>
 <div class="sw" style="background: #E8E3D5; background: color(display-p3 0.9065 0.8926 0.8396);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #D41930; background: color(display-p3 0.7639 0.1938 0.2182);" title=""></div>
 <div class="sw" style="background: #786887; background: color(display-p3 0.4595 0.4091 0.5222);" title=""></div>
 <div class="sw" style="background: #00BEC9; background: color(display-p3 0.0000 0.7258 0.7764);" title=""></div>
 <div class="sw" style="background: #FF4A74; background: color(display-p3 1.0000 0.3605 0.4680);" title=""></div>
 <div class="sw" style="background: #AAB9A5; background: color(display-p3 0.6766 0.7220 0.6521);" title=""></div>
 <div class="sw" style="background: #00FCEC; background: color(display-p3 0.0000 0.9670 0.9209);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.6%;"></span><span class="l-dot" style="left: 68.1%;"></span><span class="l-dot" style="left: 69.3%;"></span><span class="l-dot" style="left: 85.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 15.29 &nbsp; mean 33.47<br>expected ΔE min 23.45 &nbsp; mean 60.28<br>L values [0.55, 0.566, 0.681, 0.693, 0.85, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.241</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #C50097; background: color(display-p3 0.7084 0.1259 0.5766);" title="L=0.55"></div><div class="sw" style="background: #6951FE; background: color(display-p3 0.3963 0.3200 0.9585);" title="L=0.57"></div><div class="sw" style="background: #FF4B00; background: color(display-p3 0.9608 0.3574 0.0000);" title="L=0.68"></div><div class="sw" style="background: #00B5FF; background: color(display-p3 0.0000 0.6937 0.9903);" title="L=0.69"></div><div class="sw" style="background: #F0CF00; background: color(display-p3 0.9186 0.8153 0.0000);" title="L=0.85"></div><div class="sw" style="background: #00FB99; background: color(display-p3 0.2076 0.9679 0.6331);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #C50097; background: color(display-p3 0.7084 0.1259 0.5766);" title="L=0.55"></div><div class="sw" style="background: #6951FE; background: color(display-p3 0.3963 0.3200 0.9585);" title="L=0.57"></div><div class="sw" style="background: #FF4B00; background: color(display-p3 0.9608 0.3574 0.0000);" title="L=0.68"></div><div class="sw" style="background: #00B5FF; background: color(display-p3 0.0000 0.6937 0.9903);" title="L=0.69"></div><div class="sw" style="background: #F0CF00; background: color(display-p3 0.9186 0.8153 0.0000);" title="L=0.85"></div><div class="sw" style="background: #00FB99; background: color(display-p3 0.2076 0.9679 0.6331);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #C50097; background: color(display-p3 0.7084 0.1259 0.5766);" title="L=0.55"></div><div class="sw" style="background: #6951FE; background: color(display-p3 0.3963 0.3200 0.9585);" title="L=0.57"></div><div class="sw" style="background: #FF4B00; background: color(display-p3 0.9608 0.3574 0.0000);" title="L=0.68"></div><div class="sw" style="background: #00B5FF; background: color(display-p3 0.0000 0.6937 0.9903);" title="L=0.69"></div><div class="sw" style="background: #F0CF00; background: color(display-p3 0.9186 0.8153 0.0000);" title="L=0.85"></div><div class="sw" style="background: #00FB99; background: color(display-p3 0.2076 0.9679 0.6331);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #C50097; background: color(display-p3 0.7084 0.1259 0.5766);" title=""></div>
 <div class="sw" style="background: #6951FE; background: color(display-p3 0.3963 0.3200 0.9585);" title=""></div>
 <div class="sw" style="background: #FF4B00; background: color(display-p3 0.9608 0.3574 0.0000);" title=""></div>
 <div class="sw" style="background: #00B5FF; background: color(display-p3 0.0000 0.6937 0.9903);" title=""></div>
 <div class="sw" style="background: #F0CF00; background: color(display-p3 0.9186 0.8153 0.0000);" title=""></div>
 <div class="sw" style="background: #00FB99; background: color(display-p3 0.2076 0.9679 0.6331);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #826394; background: color(display-p3 0.4904 0.3922 0.5694);" title=""></div>
 <div class="sw" style="background: #0065FC; background: color(display-p3 0.0000 0.3872 0.9507);" title=""></div>
 <div class="sw" style="background: #CB9000; background: color(display-p3 0.7625 0.5728 0.0000);" title=""></div>
 <div class="sw" style="background: #1D9EFF; background: color(display-p3 0.2949 0.6104 0.9868);" title=""></div>
 <div class="sw" style="background: #F1D200; background: color(display-p3 0.9235 0.8267 0.0000);" title=""></div>
 <div class="sw" style="background: #BEDB9F; background: color(display-p3 0.7663 0.8552 0.6458);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #657294; background: color(display-p3 0.4073 0.4462 0.5677);" title=""></div>
 <div class="sw" style="background: #0069FA; background: color(display-p3 0.0000 0.4002 0.9462);" title=""></div>
 <div class="sw" style="background: #B6A000; background: color(display-p3 0.7011 0.6317 0.0000);" title=""></div>
 <div class="sw" style="background: #4C93FF; background: color(display-p3 0.3688 0.5715 0.9832);" title=""></div>
 <div class="sw" style="background: #F2D400; background: color(display-p3 0.9281 0.8338 0.0000);" title=""></div>
 <div class="sw" style="background: #DACEA0; background: color(display-p3 0.8454 0.8102 0.6489);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #714D98; background: color(display-p3 0.4219 0.3084 0.5798);" title=""></div>
 <div class="sw" style="background: #006CFF; background: color(display-p3 0.0000 0.4162 0.9705);" title=""></div>
 <div class="sw" style="background: #B87200; background: color(display-p3 0.6840 0.4580 0.0000);" title=""></div>
 <div class="sw" style="background: #5AB0FF; background: color(display-p3 0.4383 0.6809 1.0000);" title=""></div>
 <div class="sw" style="background: #EBCB00; background: color(display-p3 0.9019 0.7989 0.0000);" title=""></div>
 <div class="sw" style="background: #D0E897; background: color(display-p3 0.8330 0.9071 0.6270);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #24559A; background: color(display-p3 0.1914 0.3303 0.5860);" title=""></div>
 <div class="sw" style="background: #0075FF; background: color(display-p3 0.0000 0.4482 0.9794);" title=""></div>
 <div class="sw" style="background: #887500; background: color(display-p3 0.5225 0.4618 0.0000);" title=""></div>
 <div class="sw" style="background: #86B1FF; background: color(display-p3 0.5591 0.6893 1.0000);" title=""></div>
 <div class="sw" style="background: #E9C800; background: color(display-p3 0.8921 0.7877 0.0000);" title=""></div>
 <div class="sw" style="background: #F7E493; background: color(display-p3 0.9542 0.8950 0.6153);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #D30056; background: color(display-p3 0.7566 0.1498 0.3434);" title=""></div>
 <div class="sw" style="background: #007FA1; background: color(display-p3 0.1977 0.4885 0.6185);" title=""></div>
 <div class="sw" style="background: #FF003C; background: color(display-p3 1.0000 0.1602 0.2772);" title=""></div>
 <div class="sw" style="background: #00CCD1; background: color(display-p3 0.0000 0.7770 0.8054);" title=""></div>
 <div class="sw" style="background: #FFBAA8; background: color(display-p3 0.9842 0.7420 0.6741);" title=""></div>
 <div class="sw" style="background: #00FAE3; background: color(display-p3 0.0000 0.9623 0.8859);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 68.2%;"></span><span class="l-dot" style="left: 68.6%;"></span><span class="l-dot" style="left: 78.5%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 15.18 &nbsp; mean 28.54<br>expected ΔE min 29.12 &nbsp; mean 57.25<br>L values [0.55, 0.55, 0.682, 0.686, 0.785, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.204</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #8648D5; background: color(display-p3 0.4943 0.2962 0.8065);" title="L=0.55"></div><div class="sw" style="background: #C14400; background: color(display-p3 0.7006 0.3021 0.0000);" title="L=0.55"></div><div class="sw" style="background: #F75393; background: color(display-p3 0.8969 0.3740 0.5727);" title="L=0.68"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.0688 0.6350 0.9998);" title="L=0.69"></div><div class="sw" style="background: #A9CA00; background: color(display-p3 0.6885 0.7893 0.1522);" title="L=0.79"></div><div class="sw" style="background: #00F7D3; background: color(display-p3 0.1187 0.9501 0.8307);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #8648D5; background: color(display-p3 0.4943 0.2962 0.8065);" title="L=0.55"></div><div class="sw" style="background: #C14400; background: color(display-p3 0.7006 0.3021 0.0000);" title="L=0.55"></div><div class="sw" style="background: #F75393; background: color(display-p3 0.8969 0.3740 0.5727);" title="L=0.68"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.0688 0.6350 0.9998);" title="L=0.69"></div><div class="sw" style="background: #A9CA00; background: color(display-p3 0.6885 0.7893 0.1522);" title="L=0.79"></div><div class="sw" style="background: #00F7D3; background: color(display-p3 0.1187 0.9501 0.8307);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #8648D5; background: color(display-p3 0.4943 0.2962 0.8065);" title="L=0.55"></div><div class="sw" style="background: #C14400; background: color(display-p3 0.7006 0.3021 0.0000);" title="L=0.55"></div><div class="sw" style="background: #F75393; background: color(display-p3 0.8969 0.3740 0.5727);" title="L=0.68"></div><div class="sw" style="background: #00A5FF; background: color(display-p3 0.0688 0.6350 0.9998);" title="L=0.69"></div><div class="sw" style="background: #A9CA00; background: color(display-p3 0.6885 0.7893 0.1522);" title="L=0.79"></div><div class="sw" style="background: #00F7D3; background: color(display-p3 0.1187 0.9501 0.8307);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #8648D5; background: color(display-p3 0.4943 0.2962 0.8065);" title=""></div>
 <div class="sw" style="background: #C14400; background: color(display-p3 0.7006 0.3021 0.0000);" title=""></div>
 <div class="sw" style="background: #F75393; background: color(display-p3 0.8969 0.3740 0.5727);" title=""></div>
 <div class="sw" style="background: #00A5FF; background: color(display-p3 0.0688 0.6350 0.9998);" title=""></div>
 <div class="sw" style="background: #A9CA00; background: color(display-p3 0.6885 0.7893 0.1522);" title=""></div>
 <div class="sw" style="background: #00F7D3; background: color(display-p3 0.1187 0.9501 0.8307);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #3E63D3; background: color(display-p3 0.2761 0.3852 0.7997);" title=""></div>
 <div class="sw" style="background: #986D00; background: color(display-p3 0.5709 0.4326 0.0000);" title=""></div>
 <div class="sw" style="background: #B78E90; background: color(display-p3 0.6919 0.5615 0.5663);" title=""></div>
 <div class="sw" style="background: #3197FF; background: color(display-p3 0.3149 0.5856 0.9950);" title=""></div>
 <div class="sw" style="background: #CCC000; background: color(display-p3 0.7917 0.7547 0.1970);" title=""></div>
 <div class="sw" style="background: #AED8D6; background: color(display-p3 0.7139 0.8430 0.8359);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #006AD2; background: color(display-p3 0.1491 0.4070 0.7962);" title=""></div>
 <div class="sw" style="background: #8B7800; background: color(display-p3 0.5326 0.4714 0.0000);" title=""></div>
 <div class="sw" style="background: #A09C8F; background: color(display-p3 0.6243 0.6130 0.5663);" title=""></div>
 <div class="sw" style="background: #4191FF; background: color(display-p3 0.3379 0.5612 0.9912);" title=""></div>
 <div class="sw" style="background: #D5BD00; background: color(display-p3 0.8184 0.7439 0.2161);" title=""></div>
 <div class="sw" style="background: #C9CCD6; background: color(display-p3 0.7891 0.7990 0.8359);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #3863D7; background: color(display-p3 0.2603 0.3842 0.8157);" title=""></div>
 <div class="sw" style="background: #8B5800; background: color(display-p3 0.5171 0.3555 0.0000);" title=""></div>
 <div class="sw" style="background: #A67893; background: color(display-p3 0.6234 0.4764 0.5705);" title=""></div>
 <div class="sw" style="background: #57A6FF; background: color(display-p3 0.4179 0.6418 1.0000);" title=""></div>
 <div class="sw" style="background: #CDC000; background: color(display-p3 0.7969 0.7560 0.0474);" title=""></div>
 <div class="sw" style="background: #C2E7D3; background: color(display-p3 0.7898 0.9002 0.8324);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006AD9; background: color(display-p3 0.0054 0.4089 0.8231);" title=""></div>
 <div class="sw" style="background: #6D5A00; background: color(display-p3 0.4160 0.3551 0.0000);" title=""></div>
 <div class="sw" style="background: #747D95; background: color(display-p3 0.4606 0.4881 0.5747);" title=""></div>
 <div class="sw" style="background: #71A8FF; background: color(display-p3 0.4910 0.6543 1.0000);" title=""></div>
 <div class="sw" style="background: #D9BD00; background: color(display-p3 0.8312 0.7445 0.0000);" title=""></div>
 <div class="sw" style="background: #E9E4D2; background: color(display-p3 0.9098 0.8932 0.8289);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #756989; background: color(display-p3 0.4498 0.4124 0.5268);" title=""></div>
 <div class="sw" style="background: #D60F2E; background: color(display-p3 0.7708 0.1796 0.2103);" title=""></div>
 <div class="sw" style="background: #FF406D; background: color(display-p3 0.9650 0.3254 0.4396);" title=""></div>
 <div class="sw" style="background: #00BEC9; background: color(display-p3 0.0000 0.7261 0.7761);" title=""></div>
 <div class="sw" style="background: #B4BEAA; background: color(display-p3 0.7145 0.7442 0.6732);" title=""></div>
 <div class="sw" style="background: #00FCEC; background: color(display-p3 0.0000 0.9674 0.9194);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.7%;"></span><span class="l-dot" style="left: 68.6%;"></span><span class="l-dot" style="left: 70.8%;"></span><span class="l-dot" style="left: 79.5%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 15.09 &nbsp; mean 28.31<br>expected ΔE min 30.68 &nbsp; mean 57.03<br>L values [0.55, 0.567, 0.686, 0.708, 0.795, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.203</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #8848D4; background: color(display-p3 0.4989 0.2951 0.8015);" title="L=0.55"></div><div class="sw" style="background: #C64C00; background: color(display-p3 0.7195 0.3278 0.0000);" title="L=0.57"></div><div class="sw" style="background: #00A4FF; background: color(display-p3 0.1014 0.6325 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5C98; background: color(display-p3 0.9332 0.4073 0.5947);" title="L=0.71"></div><div class="sw" style="background: #AACE00; background: color(display-p3 0.6933 0.8038 0.1861);" title="L=0.79"></div><div class="sw" style="background: #00F6D5; background: color(display-p3 0.1111 0.9493 0.8387);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #8848D4; background: color(display-p3 0.4989 0.2951 0.8015);" title="L=0.55"></div><div class="sw" style="background: #C64C00; background: color(display-p3 0.7195 0.3278 0.0000);" title="L=0.57"></div><div class="sw" style="background: #00A4FF; background: color(display-p3 0.1014 0.6325 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5C98; background: color(display-p3 0.9332 0.4073 0.5947);" title="L=0.71"></div><div class="sw" style="background: #AACE00; background: color(display-p3 0.6933 0.8038 0.1861);" title="L=0.79"></div><div class="sw" style="background: #00F6D5; background: color(display-p3 0.1111 0.9493 0.8387);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #8848D4; background: color(display-p3 0.4989 0.2951 0.8015);" title="L=0.55"></div><div class="sw" style="background: #C64C00; background: color(display-p3 0.7195 0.3278 0.0000);" title="L=0.57"></div><div class="sw" style="background: #00A4FF; background: color(display-p3 0.1014 0.6325 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FF5C98; background: color(display-p3 0.9332 0.4073 0.5947);" title="L=0.71"></div><div class="sw" style="background: #AACE00; background: color(display-p3 0.6933 0.8038 0.1861);" title="L=0.79"></div><div class="sw" style="background: #00F6D5; background: color(display-p3 0.1111 0.9493 0.8387);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #8848D4; background: color(display-p3 0.4989 0.2951 0.8015);" title=""></div>
 <div class="sw" style="background: #C64C00; background: color(display-p3 0.7195 0.3278 0.0000);" title=""></div>
 <div class="sw" style="background: #00A4FF; background: color(display-p3 0.1014 0.6325 1.0000);" title=""></div>
 <div class="sw" style="background: #FF5C98; background: color(display-p3 0.9332 0.4073 0.5947);" title=""></div>
 <div class="sw" style="background: #AACE00; background: color(display-p3 0.6933 0.8038 0.1861);" title=""></div>
 <div class="sw" style="background: #00F6D5; background: color(display-p3 0.1111 0.9493 0.8387);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #4163D2; background: color(display-p3 0.2831 0.3856 0.7947);" title=""></div>
 <div class="sw" style="background: #9D7200; background: color(display-p3 0.5912 0.4530 0.0000);" title=""></div>
 <div class="sw" style="background: #3297FF; background: color(display-p3 0.3149 0.5845 0.9957);" title=""></div>
 <div class="sw" style="background: #C09595; background: color(display-p3 0.7256 0.5925 0.5883);" title=""></div>
 <div class="sw" style="background: #CEC300; background: color(display-p3 0.8021 0.7671 0.2250);" title=""></div>
 <div class="sw" style="background: #ADD8D8; background: color(display-p3 0.7113 0.8424 0.8436);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #006AD1; background: color(display-p3 0.1616 0.4079 0.7912);" title=""></div>
 <div class="sw" style="background: #907C00; background: color(display-p3 0.5537 0.4911 0.0000);" title=""></div>
 <div class="sw" style="background: #4091FF; background: color(display-p3 0.3359 0.5607 0.9919);" title=""></div>
 <div class="sw" style="background: #A8A494; background: color(display-p3 0.6578 0.6443 0.5884);" title=""></div>
 <div class="sw" style="background: #D8C000; background: color(display-p3 0.8300 0.7556 0.2420);" title=""></div>
 <div class="sw" style="background: #C8CCD8; background: color(display-p3 0.7863 0.7984 0.8436);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #3A63D6; background: color(display-p3 0.2657 0.3833 0.8106);" title=""></div>
 <div class="sw" style="background: #905E00; background: color(display-p3 0.5378 0.3776 0.0000);" title=""></div>
 <div class="sw" style="background: #57A5FF; background: color(display-p3 0.4166 0.6402 1.0000);" title=""></div>
 <div class="sw" style="background: #AE7F98; background: color(display-p3 0.6562 0.5071 0.5921);" title=""></div>
 <div class="sw" style="background: #D0C400; background: color(display-p3 0.8084 0.7696 0.1135);" title=""></div>
 <div class="sw" style="background: #C2E7D5; background: color(display-p3 0.7876 0.8999 0.8406);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #006AD8; background: color(display-p3 0.0245 0.4078 0.8180);" title=""></div>
 <div class="sw" style="background: #735F00; background: color(display-p3 0.4393 0.3767 0.0000);" title=""></div>
 <div class="sw" style="background: #70A8FF; background: color(display-p3 0.4877 0.6528 1.0000);" title=""></div>
 <div class="sw" style="background: #7D849A; background: color(display-p3 0.4942 0.5184 0.5962);" title=""></div>
 <div class="sw" style="background: #DCC000; background: color(display-p3 0.8449 0.7580 0.0000);" title=""></div>
 <div class="sw" style="background: #E8E4D4; background: color(display-p3 0.9077 0.8931 0.8373);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #776888; background: color(display-p3 0.4577 0.4095 0.5237);" title=""></div>
 <div class="sw" style="background: #DB2035; background: color(display-p3 0.7906 0.2132 0.2359);" title=""></div>
 <div class="sw" style="background: #00BDC9; background: color(display-p3 0.0000 0.7241 0.7750);" title=""></div>
 <div class="sw" style="background: #FF4974; background: color(display-p3 1.0000 0.3580 0.4674);" title=""></div>
 <div class="sw" style="background: #B4C2AE; background: color(display-p3 0.7176 0.7592 0.6875);" title=""></div>
 <div class="sw" style="background: #00FCEC; background: color(display-p3 0.0000 0.9677 0.9211);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.30 (0.55–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 55.0%;"></span><span class="l-dot" style="left: 56.4%;"></span><span class="l-dot" style="left: 64.7%;"></span><span class="l-dot" style="left: 68.8%;"></span><span class="l-dot" style="left: 80.0%;"></span><span class="l-dot" style="left: 85.0%;"></span></span></div><div class="subtitle">conservative ΔE min 14.97 &nbsp; mean 28.20<br>expected ΔE min 28.63 &nbsp; mean 54.52<br>L values [0.55, 0.564, 0.647, 0.688, 0.8, 0.85]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.191</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #9148C5; background: color(display-p3 0.5305 0.2968 0.7484);" title="L=0.55"></div><div class="sw" style="background: #528800; background: color(display-p3 0.3707 0.5287 0.0000);" title="L=0.56"></div><div class="sw" style="background: #E94E77; background: color(display-p3 0.8458 0.3508 0.4702);" title="L=0.65"></div><div class="sw" style="background: #00A0FF; background: color(display-p3 0.2675 0.6168 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FFA200; background: color(display-p3 0.9892 0.6540 0.1390);" title="L=0.80"></div><div class="sw" style="background: #00F4E5; background: color(display-p3 0.1649 0.9384 0.8945);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #9148C5; background: color(display-p3 0.5305 0.2968 0.7484);" title="L=0.55"></div><div class="sw" style="background: #528800; background: color(display-p3 0.3707 0.5287 0.0000);" title="L=0.56"></div><div class="sw" style="background: #E94E77; background: color(display-p3 0.8458 0.3508 0.4702);" title="L=0.65"></div><div class="sw" style="background: #00A0FF; background: color(display-p3 0.2675 0.6168 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FFA200; background: color(display-p3 0.9892 0.6540 0.1390);" title="L=0.80"></div><div class="sw" style="background: #00F4E5; background: color(display-p3 0.1649 0.9384 0.8945);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #9148C5; background: color(display-p3 0.5305 0.2968 0.7484);" title="L=0.55"></div><div class="sw" style="background: #528800; background: color(display-p3 0.3707 0.5287 0.0000);" title="L=0.56"></div><div class="sw" style="background: #E94E77; background: color(display-p3 0.8458 0.3508 0.4702);" title="L=0.65"></div><div class="sw" style="background: #00A0FF; background: color(display-p3 0.2675 0.6168 1.0000);" title="L=0.69"></div><div class="sw" style="background: #FFA200; background: color(display-p3 0.9892 0.6540 0.1390);" title="L=0.80"></div><div class="sw" style="background: #00F4E5; background: color(display-p3 0.1649 0.9384 0.8945);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #9148C5; background: color(display-p3 0.5305 0.2968 0.7484);" title=""></div>
 <div class="sw" style="background: #528800; background: color(display-p3 0.3707 0.5287 0.0000);" title=""></div>
 <div class="sw" style="background: #E94E77; background: color(display-p3 0.8458 0.3508 0.4702);" title=""></div>
 <div class="sw" style="background: #00A0FF; background: color(display-p3 0.2675 0.6168 1.0000);" title=""></div>
 <div class="sw" style="background: #FFA200; background: color(display-p3 0.9892 0.6540 0.1390);" title=""></div>
 <div class="sw" style="background: #00F4E5; background: color(display-p3 0.1649 0.9384 0.8945);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #5365C3; background: color(display-p3 0.3393 0.3922 0.7420);" title=""></div>
 <div class="sw" style="background: #807C00; background: color(display-p3 0.4983 0.4877 0.0000);" title=""></div>
 <div class="sw" style="background: #AF8474; background: color(display-p3 0.6591 0.5260 0.4646);" title=""></div>
 <div class="sw" style="background: #3E96FF; background: color(display-p3 0.3386 0.5817 0.9950);" title=""></div>
 <div class="sw" style="background: #E7BB00; background: color(display-p3 0.8796 0.7408 0.1576);" title=""></div>
 <div class="sw" style="background: #A7D7E7; background: color(display-p3 0.6944 0.8366 0.8977);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #316CC3; background: color(display-p3 0.2530 0.4168 0.7389);" title=""></div>
 <div class="sw" style="background: #897800; background: color(display-p3 0.5272 0.4734 0.0000);" title=""></div>
 <div class="sw" style="background: #9A9273; background: color(display-p3 0.5988 0.5746 0.4654);" title=""></div>
 <div class="sw" style="background: #4391FF; background: color(display-p3 0.3428 0.5633 0.9912);" title=""></div>
 <div class="sw" style="background: #DDC400; background: color(display-p3 0.8508 0.7718 0.1809);" title=""></div>
 <div class="sw" style="background: #C1CBE7; background: color(display-p3 0.7652 0.7945 0.8969);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #4C62C7; background: color(display-p3 0.3140 0.3799 0.7563);" title=""></div>
 <div class="sw" style="background: #837F00; background: color(display-p3 0.5114 0.4974 0.0000);" title=""></div>
 <div class="sw" style="background: #9F6F76; background: color(display-p3 0.5940 0.4423 0.4653);" title=""></div>
 <div class="sw" style="background: #5AA3FF; background: color(display-p3 0.4219 0.6311 1.0000);" title=""></div>
 <div class="sw" style="background: #DBAB00; background: color(display-p3 0.8299 0.6788 0.0000);" title=""></div>
 <div class="sw" style="background: #BDE5E6; background: color(display-p3 0.7717 0.8944 0.8982);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0068C9; background: color(display-p3 0.1569 0.4014 0.7631);" title=""></div>
 <div class="sw" style="background: #907C00; background: color(display-p3 0.5523 0.4880 0.0000);" title=""></div>
 <div class="sw" style="background: #727378; background: color(display-p3 0.4464 0.4512 0.4682);" title=""></div>
 <div class="sw" style="background: #6CA6FF; background: color(display-p3 0.4729 0.6448 1.0000);" title=""></div>
 <div class="sw" style="background: #C4AB00; background: color(display-p3 0.7537 0.6742 0.0000);" title=""></div>
 <div class="sw" style="background: #E2E3E5; background: color(display-p3 0.8877 0.8897 0.8968);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #896180; background: color(display-p3 0.5128 0.3884 0.4955);" title=""></div>
 <div class="sw" style="background: #568170; background: color(display-p3 0.3739 0.5001 0.4416);" title=""></div>
 <div class="sw" style="background: #FD345E; background: color(display-p3 0.9145 0.2848 0.3841);" title=""></div>
 <div class="sw" style="background: #00B9C6; background: color(display-p3 0.0000 0.7090 0.7661);" title=""></div>
 <div class="sw" style="background: #FF8788; background: color(display-p3 1.0000 0.5670 0.5509);" title=""></div>
 <div class="sw" style="background: #00FBEF; background: color(display-p3 0.0000 0.9647 0.9292);" title=""></div>
 </div></div>
 </div>
 </div>
 <h2>N = 8 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 50 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 15.39 / 17.74 / 21.04 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 1.53 / 3.72 / 7.15 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.17 (0.63–0.81)<br><span class="l-bar"><span class="l-dot" style="left: 63.4%;"></span><span class="l-dot" style="left: 68.2%;"></span><span class="l-dot" style="left: 68.9%;"></span><span class="l-dot" style="left: 71.0%;"></span><span class="l-dot" style="left: 71.8%;"></span><span class="l-dot" style="left: 73.9%;"></span><span class="l-dot" style="left: 79.3%;"></span><span class="l-dot" style="left: 80.8%;"></span></span></div><div class="subtitle">conservative ΔE min 7.36 &nbsp; mean 20.37<br>expected ΔE min 20.02 &nbsp; mean 44.32<br>L values [0.634, 0.682, 0.689, 0.71, 0.718, 0.739, 0.793, 0.808]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.153</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #A76CCF; background: color(display-p3 0.6209 0.4351 0.7889);" title="L=0.63"></div><div class="sw" style="background: #00B690; background: color(display-p3 0.2247 0.7033 0.5710);" title="L=0.68"></div><div class="sw" style="background: #7CAD3A; background: color(display-p3 0.5277 0.6713 0.2981);" title="L=0.69"></div><div class="sw" style="background: #709EFF; background: color(display-p3 0.4767 0.6139 0.9801);" title="L=0.71"></div><div class="sw" style="background: #D39900; background: color(display-p3 0.7918 0.6089 0.1484);" title="L=0.72"></div><div class="sw" style="background: #F37EB3; background: color(display-p3 0.8925 0.5193 0.6933);" title="L=0.74"></div><div class="sw" style="background: #FF976F; background: color(display-p3 0.9921 0.6135 0.4696);" title="L=0.79"></div><div class="sw" style="background: #00D6FF; background: color(display-p3 0.3566 0.8264 0.9945);" title="L=0.81"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #A76CCF; background: color(display-p3 0.6209 0.4351 0.7889);" title="L=0.63"></div><div class="sw" style="background: #00B690; background: color(display-p3 0.2247 0.7033 0.5710);" title="L=0.68"></div><div class="sw" style="background: #7CAD3A; background: color(display-p3 0.5277 0.6713 0.2981);" title="L=0.69"></div><div class="sw" style="background: #709EFF; background: color(display-p3 0.4767 0.6139 0.9801);" title="L=0.71"></div><div class="sw" style="background: #D39900; background: color(display-p3 0.7918 0.6089 0.1484);" title="L=0.72"></div><div class="sw" style="background: #F37EB3; background: color(display-p3 0.8925 0.5193 0.6933);" title="L=0.74"></div><div class="sw" style="background: #FF976F; background: color(display-p3 0.9921 0.6135 0.4696);" title="L=0.79"></div><div class="sw" style="background: #00D6FF; background: color(display-p3 0.3566 0.8264 0.9945);" title="L=0.81"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #A76CCF; background: color(display-p3 0.6209 0.4351 0.7889);" title="L=0.63"></div><div class="sw" style="background: #00B690; background: color(display-p3 0.2247 0.7033 0.5710);" title="L=0.68"></div><div class="sw" style="background: #7CAD3A; background: color(display-p3 0.5277 0.6713 0.2981);" title="L=0.69"></div><div class="sw" style="background: #709EFF; background: color(display-p3 0.4767 0.6139 0.9801);" title="L=0.71"></div><div class="sw" style="background: #D39900; background: color(display-p3 0.7918 0.6089 0.1484);" title="L=0.72"></div><div class="sw" style="background: #F37EB3; background: color(display-p3 0.8925 0.5193 0.6933);" title="L=0.74"></div><div class="sw" style="background: #FF976F; background: color(display-p3 0.9921 0.6135 0.4696);" title="L=0.79"></div><div class="sw" style="background: #00D6FF; background: color(display-p3 0.3566 0.8264 0.9945);" title="L=0.81"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #A76CCF; background: color(display-p3 0.6209 0.4351 0.7889);" title=""></div>
 <div class="sw" style="background: #00B690; background: color(display-p3 0.2247 0.7033 0.5710);" title=""></div>
 <div class="sw" style="background: #7CAD3A; background: color(display-p3 0.5277 0.6713 0.2981);" title=""></div>
 <div class="sw" style="background: #709EFF; background: color(display-p3 0.4767 0.6139 0.9801);" title=""></div>
 <div class="sw" style="background: #D39900; background: color(display-p3 0.7918 0.6089 0.1484);" title=""></div>
 <div class="sw" style="background: #F37EB3; background: color(display-p3 0.8925 0.5193 0.6933);" title=""></div>
 <div class="sw" style="background: #FF976F; background: color(display-p3 0.9921 0.6135 0.4696);" title=""></div>
 <div class="sw" style="background: #00D6FF; background: color(display-p3 0.3566 0.8264 0.9945);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7781CD; background: color(display-p3 0.4748 0.5030 0.7832);" title=""></div>
 <div class="sw" style="background: #87A192; background: color(display-p3 0.5500 0.6276 0.5760);" title=""></div>
 <div class="sw" style="background: #A5A141; background: color(display-p3 0.6429 0.6321 0.3130);" title=""></div>
 <div class="sw" style="background: #669CFF; background: color(display-p3 0.4475 0.6051 0.9748);" title=""></div>
 <div class="sw" style="background: #C2A400; background: color(display-p3 0.7427 0.6485 0.1682);" title=""></div>
 <div class="sw" style="background: #BDA2B0; background: color(display-p3 0.7241 0.6379 0.6883);" title=""></div>
 <div class="sw" style="background: #E0B66D; background: color(display-p3 0.8510 0.7212 0.4690);" title=""></div>
 <div class="sw" style="background: #8DC3FF; background: color(display-p3 0.5971 0.7585 0.9928);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #6586CC; background: color(display-p3 0.4220 0.5224 0.7805);" title=""></div>
 <div class="sw" style="background: #9A9892; background: color(display-p3 0.6022 0.5971 0.5766);" title=""></div>
 <div class="sw" style="background: #AE9D43; background: color(display-p3 0.6706 0.6187 0.3196);" title=""></div>
 <div class="sw" style="background: #619AFF; background: color(display-p3 0.4318 0.5978 0.9713);" title=""></div>
 <div class="sw" style="background: #BEA900; background: color(display-p3 0.7316 0.6643 0.1844);" title=""></div>
 <div class="sw" style="background: #ABACB0; background: color(display-p3 0.6710 0.6745 0.6878);" title=""></div>
 <div class="sw" style="background: #D2C06E; background: color(display-p3 0.8109 0.7572 0.4733);" title=""></div>
 <div class="sw" style="background: #9DBBFF; background: color(display-p3 0.6383 0.7292 0.9903);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #727ED1; background: color(display-p3 0.4556 0.4914 0.7958);" title=""></div>
 <div class="sw" style="background: #95AA8F; background: color(display-p3 0.5992 0.6657 0.5706);" title=""></div>
 <div class="sw" style="background: #A8A333; background: color(display-p3 0.6552 0.6411 0.2794);" title=""></div>
 <div class="sw" style="background: #72A4FF; background: color(display-p3 0.4879 0.6369 0.9898);" title=""></div>
 <div class="sw" style="background: #BB9B00; background: color(display-p3 0.7133 0.6128 0.0712);" title=""></div>
 <div class="sw" style="background: #B094B3; background: color(display-p3 0.6738 0.5837 0.6934);" title=""></div>
 <div class="sw" style="background: #D2A66C; background: color(display-p3 0.7971 0.6564 0.4546);" title=""></div>
 <div class="sw" style="background: #A0D0FF; background: color(display-p3 0.6652 0.8088 1.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #5582D2; background: color(display-p3 0.3716 0.5066 0.8019);" title=""></div>
 <div class="sw" style="background: #AFA88E; background: color(display-p3 0.6823 0.6595 0.5666);" title=""></div>
 <div class="sw" style="background: #B4A02B; background: color(display-p3 0.6947 0.6322 0.2609);" title=""></div>
 <div class="sw" style="background: #74A7FF; background: color(display-p3 0.4983 0.6504 0.9963);" title=""></div>
 <div class="sw" style="background: #B19A00; background: color(display-p3 0.6776 0.6068 0.0000);" title=""></div>
 <div class="sw" style="background: #8D97B4; background: color(display-p3 0.5595 0.5928 0.6972);" title=""></div>
 <div class="sw" style="background: #B5A76C; background: color(display-p3 0.7007 0.6570 0.4510);" title=""></div>
 <div class="sw" style="background: #BAD0FF; background: color(display-p3 0.7469 0.8121 1.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #A27C94; background: color(display-p3 0.6117 0.4931 0.5749);" title=""></div>
 <div class="sw" style="background: #00B9AB; background: color(display-p3 0.0000 0.7094 0.6688);" title=""></div>
 <div class="sw" style="background: #80A595; background: color(display-p3 0.5310 0.6434 0.5883);" title=""></div>
 <div class="sw" style="background: #00B4C3; background: color(display-p3 0.3052 0.6942 0.7549);" title=""></div>
 <div class="sw" style="background: #E68781; background: color(display-p3 0.8518 0.5479 0.5165);" title=""></div>
 <div class="sw" style="background: #FF7992; background: color(display-p3 0.9445 0.5052 0.5760);" title=""></div>
 <div class="sw" style="background: #FF818D; background: color(display-p3 1.0000 0.5460 0.5674);" title=""></div>
 <div class="sw" style="background: #00E4E4; background: color(display-p3 0.0000 0.8783 0.8863);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.23 (0.59–0.82)<br><span class="l-bar"><span class="l-dot" style="left: 59.0%;"></span><span class="l-dot" style="left: 60.2%;"></span><span class="l-dot" style="left: 60.9%;"></span><span class="l-dot" style="left: 66.0%;"></span><span class="l-dot" style="left: 67.1%;"></span><span class="l-dot" style="left: 70.8%;"></span><span class="l-dot" style="left: 74.7%;"></span><span class="l-dot" style="left: 82.4%;"></span></span></div><div class="subtitle">conservative ΔE min 7.21 &nbsp; mean 21.91<br>expected ΔE min 19.76 &nbsp; mean 44.29<br>L values [0.59, 0.602, 0.609, 0.66, 0.671, 0.708, 0.747, 0.824]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.148</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #A65BB0; background: color(display-p3 0.6125 0.3701 0.6719);" title="L=0.59"></div><div class="sw" style="background: #C3630E; background: color(display-p3 0.7163 0.4071 0.1610);" title="L=0.60"></div><div class="sw" style="background: #009D97; background: color(display-p3 0.0000 0.6041 0.5871);" title="L=0.61"></div><div class="sw" style="background: #DC667D; background: color(display-p3 0.8059 0.4279 0.4946);" title="L=0.66"></div><div class="sw" style="background: #8589EF; background: color(display-p3 0.5241 0.5354 0.9090);" title="L=0.67"></div><div class="sw" style="background: #62B860; background: color(display-p3 0.4693 0.7140 0.4153);" title="L=0.71"></div><div class="sw" style="background: #24BBFB; background: color(display-p3 0.3540 0.7233 0.9617);" title="L=0.75"></div><div class="sw" style="background: #DBC742; background: color(display-p3 0.8471 0.7836 0.3547);" title="L=0.82"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #A65BB0; background: color(display-p3 0.6125 0.3701 0.6719);" title="L=0.59"></div><div class="sw" style="background: #C3630E; background: color(display-p3 0.7163 0.4071 0.1610);" title="L=0.60"></div><div class="sw" style="background: #009D97; background: color(display-p3 0.0000 0.6041 0.5871);" title="L=0.61"></div><div class="sw" style="background: #DC667D; background: color(display-p3 0.8059 0.4279 0.4946);" title="L=0.66"></div><div class="sw" style="background: #8589EF; background: color(display-p3 0.5241 0.5354 0.9090);" title="L=0.67"></div><div class="sw" style="background: #62B860; background: color(display-p3 0.4693 0.7140 0.4153);" title="L=0.71"></div><div class="sw" style="background: #24BBFB; background: color(display-p3 0.3540 0.7233 0.9617);" title="L=0.75"></div><div class="sw" style="background: #DBC742; background: color(display-p3 0.8471 0.7836 0.3547);" title="L=0.82"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #A65BB0; background: color(display-p3 0.6125 0.3701 0.6719);" title="L=0.59"></div><div class="sw" style="background: #C3630E; background: color(display-p3 0.7163 0.4071 0.1610);" title="L=0.60"></div><div class="sw" style="background: #009D97; background: color(display-p3 0.0000 0.6041 0.5871);" title="L=0.61"></div><div class="sw" style="background: #DC667D; background: color(display-p3 0.8059 0.4279 0.4946);" title="L=0.66"></div><div class="sw" style="background: #8589EF; background: color(display-p3 0.5241 0.5354 0.9090);" title="L=0.67"></div><div class="sw" style="background: #62B860; background: color(display-p3 0.4693 0.7140 0.4153);" title="L=0.71"></div><div class="sw" style="background: #24BBFB; background: color(display-p3 0.3540 0.7233 0.9617);" title="L=0.75"></div><div class="sw" style="background: #DBC742; background: color(display-p3 0.8471 0.7836 0.3547);" title="L=0.82"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #A65BB0; background: color(display-p3 0.6125 0.3701 0.6719);" title=""></div>
 <div class="sw" style="background: #C3630E; background: color(display-p3 0.7163 0.4071 0.1610);" title=""></div>
 <div class="sw" style="background: #009D97; background: color(display-p3 0.0000 0.6041 0.5871);" title=""></div>
 <div class="sw" style="background: #DC667D; background: color(display-p3 0.8059 0.4279 0.4946);" title=""></div>
 <div class="sw" style="background: #8589EF; background: color(display-p3 0.5241 0.5354 0.9090);" title=""></div>
 <div class="sw" style="background: #62B860; background: color(display-p3 0.4693 0.7140 0.4153);" title=""></div>
 <div class="sw" style="background: #24BBFB; background: color(display-p3 0.3540 0.7233 0.9617);" title=""></div>
 <div class="sw" style="background: #DBC742; background: color(display-p3 0.8471 0.7836 0.3546);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #7774AE; background: color(display-p3 0.4656 0.4547 0.6666);" title=""></div>
 <div class="sw" style="background: #A17D07; background: color(display-p3 0.6088 0.4965 0.1632);" title=""></div>
 <div class="sw" style="background: #668998; background: color(display-p3 0.4292 0.5335 0.5890);" title=""></div>
 <div class="sw" style="background: #AC8B7B; background: color(display-p3 0.6537 0.5485 0.4907);" title=""></div>
 <div class="sw" style="background: #678EED; background: color(display-p3 0.4359 0.5524 0.9034);" title=""></div>
 <div class="sw" style="background: #A3A864; background: color(display-p3 0.6421 0.6588 0.4259);" title=""></div>
 <div class="sw" style="background: #75ADFB; background: color(display-p3 0.5063 0.6726 0.9587);" title=""></div>
 <div class="sw" style="background: #DEC847; background: color(display-p3 0.8567 0.7887 0.3689);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #657BAD; background: color(display-p3 0.4138 0.4792 0.6645);" title=""></div>
 <div class="sw" style="background: #96860A; background: color(display-p3 0.5785 0.5260 0.1723);" title=""></div>
 <div class="sw" style="background: #798198; background: color(display-p3 0.4791 0.5040 0.5884);" title=""></div>
 <div class="sw" style="background: #9C957B; background: color(display-p3 0.6067 0.5854 0.4915);" title=""></div>
 <div class="sw" style="background: #5B8FEC; background: color(display-p3 0.4020 0.5546 0.9001);" title=""></div>
 <div class="sw" style="background: #B0A266; background: color(display-p3 0.6796 0.6384 0.4298);" title=""></div>
 <div class="sw" style="background: #80A7FA; background: color(display-p3 0.5324 0.6498 0.9558);" title=""></div>
 <div class="sw" style="background: #DFC94A; background: color(display-p3 0.8616 0.7927 0.3780);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #6F6EB1; background: color(display-p3 0.4357 0.4300 0.6770);" title=""></div>
 <div class="sw" style="background: #966F00; background: color(display-p3 0.5649 0.4403 0.1258);" title=""></div>
 <div class="sw" style="background: #769397; background: color(display-p3 0.4850 0.5744 0.5901);" title=""></div>
 <div class="sw" style="background: #9F7B7D; background: color(display-p3 0.6022 0.4874 0.4905);" title=""></div>
 <div class="sw" style="background: #6C93F1; background: color(display-p3 0.4540 0.5705 0.9179);" title=""></div>
 <div class="sw" style="background: #A9AD5D; background: color(display-p3 0.6668 0.6787 0.4055);" title=""></div>
 <div class="sw" style="background: #87B8FD; background: color(display-p3 0.5689 0.7180 0.9703);" title=""></div>
 <div class="sw" style="background: #DBC437; background: color(display-p3 0.8422 0.7705 0.3258);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #4F72B3; background: color(display-p3 0.3397 0.4434 0.6822);" title=""></div>
 <div class="sw" style="background: #7F6F00; background: color(display-p3 0.4884 0.4394 0.1122);" title=""></div>
 <div class="sw" style="background: #909297; background: color(display-p3 0.5664 0.5715 0.5894);" title=""></div>
 <div class="sw" style="background: #7E7E7E; background: color(display-p3 0.4934 0.4932 0.4924);" title=""></div>
 <div class="sw" style="background: #6297F2; background: color(display-p3 0.4294 0.5852 0.9244);" title=""></div>
 <div class="sw" style="background: #BCAA59; background: color(display-p3 0.7239 0.6700 0.3941);" title=""></div>
 <div class="sw" style="background: #9BBAFE; background: color(display-p3 0.6322 0.7247 0.9748);" title=""></div>
 <div class="sw" style="background: #DAC22E; background: color(display-p3 0.8380 0.7623 0.3046);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #A9657D; background: color(display-p3 0.6248 0.4089 0.4880);" title=""></div>
 <div class="sw" style="background: #D64C54; background: color(display-p3 0.7790 0.3373 0.3464);" title=""></div>
 <div class="sw" style="background: #00A39B; background: color(display-p3 0.0000 0.6242 0.6018);" title=""></div>
 <div class="sw" style="background: #EE586F; background: color(display-p3 0.8649 0.3867 0.4442);" title=""></div>
 <div class="sw" style="background: #629EB0; background: color(display-p3 0.4371 0.6121 0.6817);" title=""></div>
 <div class="sw" style="background: #58B4A3; background: color(display-p3 0.4374 0.6962 0.6420);" title=""></div>
 <div class="sw" style="background: #00CCD1; background: color(display-p3 0.0000 0.7847 0.8101);" title=""></div>
 <div class="sw" style="background: #ECB9AD; background: color(display-p3 0.8945 0.7329 0.6855);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.24 (0.58–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 58.5%;"></span><span class="l-dot" style="left: 58.5%;"></span><span class="l-dot" style="left: 58.9%;"></span><span class="l-dot" style="left: 62.6%;"></span><span class="l-dot" style="left: 70.1%;"></span><span class="l-dot" style="left: 78.5%;"></span><span class="l-dot" style="left: 80.5%;"></span><span class="l-dot" style="left: 82.9%;"></span></span></div><div class="subtitle">conservative ΔE min 7.15 &nbsp; mean 23.87<br>expected ΔE min 22.59 &nbsp; mean 44.32<br>L values [0.585, 0.585, 0.589, 0.626, 0.701, 0.785, 0.805, 0.829]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.139</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #70870C; background: color(display-p3 0.4578 0.5267 0.1667);" title="L=0.58"></div><div class="sw" style="background: #AD6C00; background: color(display-p3 0.6425 0.4339 0.0000);" title="L=0.59"></div><div class="sw" style="background: #B6568F; background: color(display-p3 0.6666 0.3570 0.5530);" title="L=0.59"></div><div class="sw" style="background: #4C88DA; background: color(display-p3 0.3562 0.5292 0.8296);" title="L=0.63"></div><div class="sw" style="background: #00B4D0; background: color(display-p3 0.2403 0.6951 0.8002);" title="L=0.70"></div><div class="sw" style="background: #C8A4FF; background: color(display-p3 0.7601 0.6471 0.9850);" title="L=0.78"></div><div class="sw" style="background: #FF9B89; background: color(display-p3 0.9936 0.6293 0.5564);" title="L=0.80"></div><div class="sw" style="background: #5EE3B3; background: color(display-p3 0.5149 0.8788 0.7134);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #70870C; background: color(display-p3 0.4578 0.5267 0.1667);" title="L=0.58"></div><div class="sw" style="background: #AD6C00; background: color(display-p3 0.6425 0.4339 0.0000);" title="L=0.59"></div><div class="sw" style="background: #B6568F; background: color(display-p3 0.6666 0.3570 0.5530);" title="L=0.59"></div><div class="sw" style="background: #4C88DA; background: color(display-p3 0.3562 0.5292 0.8296);" title="L=0.63"></div><div class="sw" style="background: #00B4D0; background: color(display-p3 0.2403 0.6951 0.8002);" title="L=0.70"></div><div class="sw" style="background: #C8A4FF; background: color(display-p3 0.7601 0.6471 0.9850);" title="L=0.78"></div><div class="sw" style="background: #FF9B89; background: color(display-p3 0.9936 0.6293 0.5564);" title="L=0.80"></div><div class="sw" style="background: #5EE3B3; background: color(display-p3 0.5149 0.8788 0.7134);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #70870C; background: color(display-p3 0.4578 0.5267 0.1667);" title="L=0.58"></div><div class="sw" style="background: #AD6C00; background: color(display-p3 0.6425 0.4339 0.0000);" title="L=0.59"></div><div class="sw" style="background: #B6568F; background: color(display-p3 0.6666 0.3570 0.5530);" title="L=0.59"></div><div class="sw" style="background: #4C88DA; background: color(display-p3 0.3562 0.5292 0.8296);" title="L=0.63"></div><div class="sw" style="background: #00B4D0; background: color(display-p3 0.2403 0.6951 0.8002);" title="L=0.70"></div><div class="sw" style="background: #C8A4FF; background: color(display-p3 0.7601 0.6471 0.9850);" title="L=0.78"></div><div class="sw" style="background: #FF9B89; background: color(display-p3 0.9936 0.6293 0.5564);" title="L=0.80"></div><div class="sw" style="background: #5EE3B3; background: color(display-p3 0.5149 0.8788 0.7134);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #70870C; background: color(display-p3 0.4578 0.5267 0.1667);" title=""></div>
 <div class="sw" style="background: #AD6C00; background: color(display-p3 0.6425 0.4339 0.0000);" title=""></div>
 <div class="sw" style="background: #B6568F; background: color(display-p3 0.6666 0.3570 0.5530);" title=""></div>
 <div class="sw" style="background: #4C88DA; background: color(display-p3 0.3562 0.5292 0.8296);" title=""></div>
 <div class="sw" style="background: #00B4D0; background: color(display-p3 0.2403 0.6951 0.8002);" title=""></div>
 <div class="sw" style="background: #C8A4FF; background: color(display-p3 0.7601 0.6471 0.9850);" title=""></div>
 <div class="sw" style="background: #FF9B89; background: color(display-p3 0.9936 0.6293 0.5564);" title=""></div>
 <div class="sw" style="background: #5EE3B3; background: color(display-p3 0.5149 0.8788 0.7134);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #878018; background: color(display-p3 0.5263 0.5035 0.1838);" title=""></div>
 <div class="sw" style="background: #987B00; background: color(display-p3 0.5775 0.4858 0.0000);" title=""></div>
 <div class="sw" style="background: #88758E; background: color(display-p3 0.5224 0.4604 0.5484);" title=""></div>
 <div class="sw" style="background: #5184D9; background: color(display-p3 0.3634 0.5118 0.8254);" title=""></div>
 <div class="sw" style="background: #75A2D0; background: color(display-p3 0.4972 0.6309 0.7995);" title=""></div>
 <div class="sw" style="background: #A1B1FF; background: color(display-p3 0.6444 0.6908 0.9793);" title=""></div>
 <div class="sw" style="background: #DFBA87; background: color(display-p3 0.8518 0.7332 0.5549);" title=""></div>
 <div class="sw" style="background: #BBCEB5; background: color(display-p3 0.7470 0.8073 0.7190);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #8D7E1D; background: color(display-p3 0.5440 0.4963 0.1919);" title=""></div>
 <div class="sw" style="background: #928000; background: color(display-p3 0.5610 0.5048 0.0000);" title=""></div>
 <div class="sw" style="background: #787D8D; background: color(display-p3 0.4751 0.4910 0.5474);" title=""></div>
 <div class="sw" style="background: #5081D8; background: color(display-p3 0.3586 0.5018 0.8224);" title=""></div>
 <div class="sw" style="background: #859BD0; background: color(display-p3 0.5385 0.6037 0.7977);" title=""></div>
 <div class="sw" style="background: #94B4FF; background: color(display-p3 0.6055 0.7032 0.9764);" title=""></div>
 <div class="sw" style="background: #D1C387; background: color(display-p3 0.8111 0.7679 0.5576);" title=""></div>
 <div class="sw" style="background: #CBC7B6; background: color(display-p3 0.7941 0.7797 0.7202);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #898000; background: color(display-p3 0.5302 0.5049 0.1402);" title=""></div>
 <div class="sw" style="background: #907100; background: color(display-p3 0.5460 0.4464 0.0000);" title=""></div>
 <div class="sw" style="background: #7E6A90; background: color(display-p3 0.4813 0.4170 0.5545);" title=""></div>
 <div class="sw" style="background: #5E8CDC; background: color(display-p3 0.4068 0.5436 0.8380);" title=""></div>
 <div class="sw" style="background: #86ADD1; background: color(display-p3 0.5572 0.6750 0.8061);" title=""></div>
 <div class="sw" style="background: #9FB0FF; background: color(display-p3 0.6371 0.6891 0.9926);" title=""></div>
 <div class="sw" style="background: #D2AA87; background: color(display-p3 0.8002 0.6730 0.5466);" title=""></div>
 <div class="sw" style="background: #C6D7B2; background: color(display-p3 0.7885 0.8411 0.7115);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #907E00; background: color(display-p3 0.5532 0.4975 0.1135);" title=""></div>
 <div class="sw" style="background: #837000; background: color(display-p3 0.5005 0.4424 0.0000);" title=""></div>
 <div class="sw" style="background: #5E6D91; background: color(display-p3 0.3799 0.4265 0.5584);" title=""></div>
 <div class="sw" style="background: #658EDD; background: color(display-p3 0.4294 0.5543 0.8433);" title=""></div>
 <div class="sw" style="background: #9FADD1; background: color(display-p3 0.6336 0.6763 0.8081);" title=""></div>
 <div class="sw" style="background: #8DB4FF; background: color(display-p3 0.5848 0.7023 0.9989);" title=""></div>
 <div class="sw" style="background: #B6AC87; background: color(display-p3 0.7053 0.6748 0.5452);" title=""></div>
 <div class="sw" style="background: #DED4B0; background: color(display-p3 0.8652 0.8343 0.7066);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #777F72; background: color(display-p3 0.4735 0.4981 0.4526);" title=""></div>
 <div class="sw" style="background: #BF5A58; background: color(display-p3 0.6974 0.3748 0.3571);" title=""></div>
 <div class="sw" style="background: #C1556C; background: color(display-p3 0.7038 0.3568 0.4264);" title=""></div>
 <div class="sw" style="background: #009BA7; background: color(display-p3 0.1307 0.5973 0.6441);" title=""></div>
 <div class="sw" style="background: #00BFBD; background: color(display-p3 0.0000 0.7340 0.7327);" title=""></div>
 <div class="sw" style="background: #BDB3C7; background: color(display-p3 0.7354 0.7025 0.7728);" title=""></div>
 <div class="sw" style="background: #FF8A97; background: color(display-p3 1.0000 0.5743 0.6023);" title=""></div>
 <div class="sw" style="background: #02E4D5; background: color(display-p3 0.4069 0.8791 0.8347);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.23 (0.58–0.81)<br><span class="l-bar"><span class="l-dot" style="left: 58.3%;"></span><span class="l-dot" style="left: 60.3%;"></span><span class="l-dot" style="left: 63.4%;"></span><span class="l-dot" style="left: 64.2%;"></span><span class="l-dot" style="left: 75.0%;"></span><span class="l-dot" style="left: 78.9%;"></span><span class="l-dot" style="left: 78.9%;"></span><span class="l-dot" style="left: 81.5%;"></span></span></div><div class="subtitle">conservative ΔE min 7.06 &nbsp; mean 22.86<br>expected ΔE min 17.11 &nbsp; mean 44.58<br>L values [0.583, 0.603, 0.634, 0.642, 0.75, 0.789, 0.789, 0.815]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.145</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #7E67CA; background: color(display-p3 0.4814 0.4083 0.7699);" title="L=0.58"></div><div class="sw" style="background: #0A9A58; background: color(display-p3 0.2711 0.5941 0.3696);" title="L=0.60"></div><div class="sw" style="background: #C57500; background: color(display-p3 0.7281 0.4720 0.1365);" title="L=0.63"></div><div class="sw" style="background: #C267AF; background: color(display-p3 0.7124 0.4227 0.6715);" title="L=0.64"></div><div class="sw" style="background: #B1B635; background: color(display-p3 0.6981 0.7142 0.3014);" title="L=0.75"></div><div class="sw" style="background: #FF9190; background: color(display-p3 0.9828 0.5939 0.5785);" title="L=0.79"></div><div class="sw" style="background: #69C2FF; background: color(display-p3 0.4972 0.7534 1.0000);" title="L=0.79"></div><div class="sw" style="background: #00DEE9; background: color(display-p3 0.3586 0.8564 0.9051);" title="L=0.82"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #7E67CA; background: color(display-p3 0.4814 0.4083 0.7699);" title="L=0.58"></div><div class="sw" style="background: #0A9A58; background: color(display-p3 0.2711 0.5941 0.3696);" title="L=0.60"></div><div class="sw" style="background: #C57500; background: color(display-p3 0.7281 0.4720 0.1365);" title="L=0.63"></div><div class="sw" style="background: #C267AF; background: color(display-p3 0.7124 0.4227 0.6715);" title="L=0.64"></div><div class="sw" style="background: #B1B635; background: color(display-p3 0.6981 0.7142 0.3014);" title="L=0.75"></div><div class="sw" style="background: #FF9190; background: color(display-p3 0.9828 0.5939 0.5785);" title="L=0.79"></div><div class="sw" style="background: #69C2FF; background: color(display-p3 0.4972 0.7534 1.0000);" title="L=0.79"></div><div class="sw" style="background: #00DEE9; background: color(display-p3 0.3586 0.8564 0.9051);" title="L=0.82"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #7E67CA; background: color(display-p3 0.4814 0.4083 0.7699);" title="L=0.58"></div><div class="sw" style="background: #0A9A58; background: color(display-p3 0.2711 0.5941 0.3696);" title="L=0.60"></div><div class="sw" style="background: #C57500; background: color(display-p3 0.7281 0.4720 0.1365);" title="L=0.63"></div><div class="sw" style="background: #C267AF; background: color(display-p3 0.7124 0.4227 0.6715);" title="L=0.64"></div><div class="sw" style="background: #B1B635; background: color(display-p3 0.6981 0.7142 0.3014);" title="L=0.75"></div><div class="sw" style="background: #FF9190; background: color(display-p3 0.9828 0.5939 0.5785);" title="L=0.79"></div><div class="sw" style="background: #69C2FF; background: color(display-p3 0.4972 0.7534 1.0000);" title="L=0.79"></div><div class="sw" style="background: #00DEE9; background: color(display-p3 0.3586 0.8564 0.9051);" title="L=0.82"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #7E67CA; background: color(display-p3 0.4814 0.4083 0.7699);" title=""></div>
 <div class="sw" style="background: #0A9A58; background: color(display-p3 0.2711 0.5941 0.3696);" title=""></div>
 <div class="sw" style="background: #C57500; background: color(display-p3 0.7281 0.4720 0.1365);" title=""></div>
 <div class="sw" style="background: #C267AF; background: color(display-p3 0.7124 0.4227 0.6715);" title=""></div>
 <div class="sw" style="background: #B1B635; background: color(display-p3 0.6981 0.7142 0.3014);" title=""></div>
 <div class="sw" style="background: #FF9190; background: color(display-p3 0.9828 0.5939 0.5785);" title=""></div>
 <div class="sw" style="background: #69C2FF; background: color(display-p3 0.4972 0.7534 1.0000);" title=""></div>
 <div class="sw" style="background: #00DEE9; background: color(display-p3 0.3586 0.8564 0.9051);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #5672C9; background: color(display-p3 0.3612 0.4458 0.7645);" title=""></div>
 <div class="sw" style="background: #7C885C; background: color(display-p3 0.4958 0.5335 0.3778);" title=""></div>
 <div class="sw" style="background: #A98800; background: color(display-p3 0.6429 0.5392 0.1451);" title=""></div>
 <div class="sw" style="background: #9284AD; background: color(display-p3 0.5616 0.5187 0.6664);" title=""></div>
 <div class="sw" style="background: #C0B23C; background: color(display-p3 0.7453 0.7006 0.3169);" title=""></div>
 <div class="sw" style="background: #D9B38E; background: color(display-p3 0.8281 0.7090 0.5757);" title=""></div>
 <div class="sw" style="background: #87B8FF; background: color(display-p3 0.5708 0.7177 1.0000);" title=""></div>
 <div class="sw" style="background: #9DC8EA; background: color(display-p3 0.6486 0.7791 0.9058);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #4575C8; background: color(display-p3 0.3141 0.4550 0.7616);" title=""></div>
 <div class="sw" style="background: #8B825D; background: color(display-p3 0.5373 0.5100 0.3802);" title=""></div>
 <div class="sw" style="background: #A18F00; background: color(display-p3 0.6203 0.5629 0.1577);" title=""></div>
 <div class="sw" style="background: #808CAC; background: color(display-p3 0.5115 0.5475 0.6649);" title=""></div>
 <div class="sw" style="background: #C5B13F; background: color(display-p3 0.7591 0.6976 0.3254);" title=""></div>
 <div class="sw" style="background: #CABE8E; background: color(display-p3 0.7825 0.7464 0.5777);" title=""></div>
 <div class="sw" style="background: #8DB4FF; background: color(display-p3 0.5830 0.7009 1.0000);" title=""></div>
 <div class="sw" style="background: #AFBFEA; background: color(display-p3 0.6988 0.7471 0.9043);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #5774CC; background: color(display-p3 0.3634 0.4528 0.7777);" title=""></div>
 <div class="sw" style="background: #858F56; background: color(display-p3 0.5283 0.5594 0.3642);" title=""></div>
 <div class="sw" style="background: #A07C00; background: color(display-p3 0.6052 0.4921 0.0822);" title=""></div>
 <div class="sw" style="background: #887BB0; background: color(display-p3 0.5239 0.4826 0.6749);" title=""></div>
 <div class="sw" style="background: #C0B02A; background: color(display-p3 0.7415 0.6938 0.2750);" title=""></div>
 <div class="sw" style="background: #CCA38F; background: color(display-p3 0.7738 0.6456 0.5709);" title=""></div>
 <div class="sw" style="background: #95C2FF; background: color(display-p3 0.6198 0.7562 1.0000);" title=""></div>
 <div class="sw" style="background: #AED4EB; background: color(display-p3 0.7118 0.8273 0.9102);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #4279CE; background: color(display-p3 0.3096 0.4680 0.7838);" title=""></div>
 <div class="sw" style="background: #998C53; background: color(display-p3 0.5924 0.5520 0.3562);" title=""></div>
 <div class="sw" style="background: #8E7C00; background: color(display-p3 0.5461 0.4891 0.0466);" title=""></div>
 <div class="sw" style="background: #687FB1; background: color(display-p3 0.4241 0.4939 0.6796);" title=""></div>
 <div class="sw" style="background: #C4AE1E; background: color(display-p3 0.7552 0.6853 0.2530);" title=""></div>
 <div class="sw" style="background: #ACA58F; background: color(display-p3 0.6687 0.6492 0.5711);" title=""></div>
 <div class="sw" style="background: #A3C4FF; background: color(display-p3 0.6634 0.7643 1.0000);" title=""></div>
 <div class="sw" style="background: #CBD3EA; background: color(display-p3 0.8008 0.8262 0.9111);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #6B7B8F; background: color(display-p3 0.4321 0.4804 0.5544);" title=""></div>
 <div class="sw" style="background: #00988A; background: color(display-p3 0.1687 0.5861 0.5392);" title=""></div>
 <div class="sw" style="background: #D86162; background: color(display-p3 0.7892 0.4079 0.3989);" title=""></div>
 <div class="sw" style="background: #C96B83; background: color(display-p3 0.7414 0.4395 0.5138);" title=""></div>
 <div class="sw" style="background: #BDAB9D; background: color(display-p3 0.7300 0.6734 0.6225);" title=""></div>
 <div class="sw" style="background: #FF8192; background: color(display-p3 1.0000 0.5424 0.5833);" title=""></div>
 <div class="sw" style="background: #00D4DB; background: color(display-p3 0.2818 0.8164 0.8509);" title=""></div>
 <div class="sw" style="background: #00E7E1; background: color(display-p3 0.0000 0.8897 0.8752);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.25 (0.58–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 57.7%;"></span><span class="l-dot" style="left: 63.9%;"></span><span class="l-dot" style="left: 64.8%;"></span><span class="l-dot" style="left: 65.8%;"></span><span class="l-dot" style="left: 66.5%;"></span><span class="l-dot" style="left: 73.6%;"></span><span class="l-dot" style="left: 75.6%;"></span><span class="l-dot" style="left: 82.8%;"></span></span></div><div class="subtitle">conservative ΔE min 6.11 &nbsp; mean 18.89<br>expected ΔE min 17.96 &nbsp; mean 38.33<br>L values [0.577, 0.639, 0.648, 0.658, 0.665, 0.736, 0.756, 0.828]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.115</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #2F8E5D; background: color(display-p3 0.2963 0.5478 0.3794);" title="L=0.58"></div><div class="sw" style="background: #4991D2; background: color(display-p3 0.3577 0.5620 0.8028);" title="L=0.64"></div><div class="sw" style="background: #C06EA9; background: color(display-p3 0.7104 0.4467 0.6509);" title="L=0.65"></div><div class="sw" style="background: #CE7470; background: color(display-p3 0.7592 0.4741 0.4489);" title="L=0.66"></div><div class="sw" style="background: #949B43; background: color(display-p3 0.5852 0.6057 0.3134);" title="L=0.66"></div><div class="sw" style="background: #AF9BEA; background: color(display-p3 0.6729 0.6095 0.8949);" title="L=0.74"></div><div class="sw" style="background: #44C4D1; background: color(display-p3 0.4179 0.7574 0.8106);" title="L=0.76"></div><div class="sw" style="background: #F7B878; background: color(display-p3 0.9318 0.7325 0.5098);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #2F8E5D; background: color(display-p3 0.2963 0.5478 0.3794);" title="L=0.58"></div><div class="sw" style="background: #4991D2; background: color(display-p3 0.3577 0.5620 0.8028);" title="L=0.64"></div><div class="sw" style="background: #C06EA9; background: color(display-p3 0.7104 0.4467 0.6509);" title="L=0.65"></div><div class="sw" style="background: #CE7470; background: color(display-p3 0.7592 0.4741 0.4489);" title="L=0.66"></div><div class="sw" style="background: #949B43; background: color(display-p3 0.5852 0.6057 0.3134);" title="L=0.66"></div><div class="sw" style="background: #AF9BEA; background: color(display-p3 0.6729 0.6095 0.8949);" title="L=0.74"></div><div class="sw" style="background: #44C4D1; background: color(display-p3 0.4179 0.7574 0.8106);" title="L=0.76"></div><div class="sw" style="background: #F7B878; background: color(display-p3 0.9318 0.7325 0.5098);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #2F8E5D; background: color(display-p3 0.2963 0.5478 0.3794);" title="L=0.58"></div><div class="sw" style="background: #4991D2; background: color(display-p3 0.3577 0.5620 0.8028);" title="L=0.64"></div><div class="sw" style="background: #C06EA9; background: color(display-p3 0.7104 0.4467 0.6509);" title="L=0.65"></div><div class="sw" style="background: #CE7470; background: color(display-p3 0.7592 0.4741 0.4489);" title="L=0.66"></div><div class="sw" style="background: #949B43; background: color(display-p3 0.5852 0.6057 0.3134);" title="L=0.66"></div><div class="sw" style="background: #AF9BEA; background: color(display-p3 0.6729 0.6095 0.8949);" title="L=0.74"></div><div class="sw" style="background: #44C4D1; background: color(display-p3 0.4179 0.7574 0.8106);" title="L=0.76"></div><div class="sw" style="background: #F7B878; background: color(display-p3 0.9318 0.7325 0.5098);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #2F8E5D; background: color(display-p3 0.2963 0.5478 0.3794);" title=""></div>
 <div class="sw" style="background: #4991D2; background: color(display-p3 0.3577 0.5620 0.8028);" title=""></div>
 <div class="sw" style="background: #C06EA9; background: color(display-p3 0.7104 0.4467 0.6509);" title=""></div>
 <div class="sw" style="background: #CE7470; background: color(display-p3 0.7592 0.4741 0.4489);" title=""></div>
 <div class="sw" style="background: #949B43; background: color(display-p3 0.5852 0.6057 0.3134);" title=""></div>
 <div class="sw" style="background: #AF9BEA; background: color(display-p3 0.6729 0.6095 0.8949);" title=""></div>
 <div class="sw" style="background: #44C4D1; background: color(display-p3 0.4179 0.7574 0.8106);" title=""></div>
 <div class="sw" style="background: #F7B878; background: color(display-p3 0.9318 0.7325 0.5098);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #757F5F; background: color(display-p3 0.4654 0.4979 0.3851);" title=""></div>
 <div class="sw" style="background: #5E8AD1; background: color(display-p3 0.4064 0.5356 0.7994);" title=""></div>
 <div class="sw" style="background: #9587A7; background: color(display-p3 0.5747 0.5310 0.6464);" title=""></div>
 <div class="sw" style="background: #A98D6E; background: color(display-p3 0.6455 0.5564 0.4472);" title=""></div>
 <div class="sw" style="background: #A19746; background: color(display-p3 0.6258 0.5934 0.3229);" title=""></div>
 <div class="sw" style="background: #93A3E8; background: color(display-p3 0.5883 0.6379 0.8901);" title=""></div>
 <div class="sw" style="background: #93B3D2; background: color(display-p3 0.6002 0.6997 0.8107);" title=""></div>
 <div class="sw" style="background: #E1C679; background: color(display-p3 0.8660 0.7786 0.5135);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #807A60; background: color(display-p3 0.4991 0.4787 0.3868);" title=""></div>
 <div class="sw" style="background: #6286D1; background: color(display-p3 0.4131 0.5228 0.7968);" title=""></div>
 <div class="sw" style="background: #868EA7; background: color(display-p3 0.5311 0.5569 0.6451);" title=""></div>
 <div class="sw" style="background: #9E956E; background: color(display-p3 0.6125 0.5837 0.4488);" title=""></div>
 <div class="sw" style="background: #A59648; background: color(display-p3 0.6374 0.5904 0.3280);" title=""></div>
 <div class="sw" style="background: #89A5E8; background: color(display-p3 0.5601 0.6454 0.8875);" title=""></div>
 <div class="sw" style="background: #A0ADD2; background: color(display-p3 0.6356 0.6760 0.8095);" title=""></div>
 <div class="sw" style="background: #DCCA7A; background: color(display-p3 0.8498 0.7961 0.5179);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #7C855B; background: color(display-p3 0.4922 0.5195 0.3758);" title=""></div>
 <div class="sw" style="background: #6A92D4; background: color(display-p3 0.4482 0.5674 0.8102);" title=""></div>
 <div class="sw" style="background: #8C7EAA; background: color(display-p3 0.5402 0.4974 0.6535);" title=""></div>
 <div class="sw" style="background: #9F816E; background: color(display-p3 0.6054 0.5101 0.4429);" title=""></div>
 <div class="sw" style="background: #A1963E; background: color(display-p3 0.6239 0.5892 0.2984);" title=""></div>
 <div class="sw" style="background: #92A4EB; background: color(display-p3 0.5874 0.6409 0.9017);" title=""></div>
 <div class="sw" style="background: #9FBDD2; background: color(display-p3 0.6466 0.7365 0.8149);" title=""></div>
 <div class="sw" style="background: #DABC75; background: color(display-p3 0.8352 0.7433 0.4957);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #8D835A; background: color(display-p3 0.5451 0.5136 0.3703);" title=""></div>
 <div class="sw" style="background: #7494D5; background: color(display-p3 0.4812 0.5751 0.8147);" title=""></div>
 <div class="sw" style="background: #7082AB; background: color(display-p3 0.4537 0.5067 0.6575);" title=""></div>
 <div class="sw" style="background: #88826F; background: color(display-p3 0.5296 0.5124 0.4426);" title=""></div>
 <div class="sw" style="background: #A5943A; background: color(display-p3 0.6363 0.5827 0.2862);" title=""></div>
 <div class="sw" style="background: #87A7ED; background: color(display-p3 0.5534 0.6516 0.9071);" title=""></div>
 <div class="sw" style="background: #B4BCD2; background: color(display-p3 0.7122 0.7362 0.8159);" title=""></div>
 <div class="sw" style="background: #CDBC73; background: color(display-p3 0.7920 0.7399 0.4889);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #008C81; background: color(display-p3 0.2312 0.5422 0.5048);" title=""></div>
 <div class="sw" style="background: #00A0A8; background: color(display-p3 0.1473 0.6180 0.6512);" title=""></div>
 <div class="sw" style="background: #C97084; background: color(display-p3 0.7400 0.4563 0.5185);" title=""></div>
 <div class="sw" style="background: #DE6874; background: color(display-p3 0.8123 0.4356 0.4622);" title=""></div>
 <div class="sw" style="background: #9D9287; background: color(display-p3 0.6083 0.5752 0.5360);" title=""></div>
 <div class="sw" style="background: #A3A8B8; background: color(display-p3 0.6427 0.6579 0.7144);" title=""></div>
 <div class="sw" style="background: #00CCC8; background: color(display-p3 0.2169 0.7853 0.7770);" title=""></div>
 <div class="sw" style="background: #FFAAA9; background: color(display-p3 0.9892 0.6839 0.6704);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.26 (0.57–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 57.3%;"></span><span class="l-dot" style="left: 57.6%;"></span><span class="l-dot" style="left: 60.1%;"></span><span class="l-dot" style="left: 66.8%;"></span><span class="l-dot" style="left: 73.3%;"></span><span class="l-dot" style="left: 75.8%;"></span><span class="l-dot" style="left: 81.8%;"></span><span class="l-dot" style="left: 82.8%;"></span></span></div><div class="subtitle">conservative ΔE min 5.63 &nbsp; mean 22.12<br>expected ΔE min 19.17 &nbsp; mean 41.47<br>L values [0.573, 0.576, 0.601, 0.668, 0.733, 0.758, 0.818, 0.828]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.124</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #9B7000; background: color(display-p3 0.5822 0.4464 0.0728);" title="L=0.57"></div><div class="sw" style="background: #5975C1; background: color(display-p3 0.3704 0.4573 0.7344);" title="L=0.58"></div><div class="sw" style="background: #688E40; background: color(display-p3 0.4385 0.5544 0.2906);" title="L=0.60"></div><div class="sw" style="background: #AE7ECB; background: color(display-p3 0.6537 0.5000 0.7768);" title="L=0.67"></div><div class="sw" style="background: #EE8A66; background: color(display-p3 0.8809 0.5594 0.4277);" title="L=0.73"></div><div class="sw" style="background: #42CAAD; background: color(display-p3 0.4231 0.7804 0.6827);" title="L=0.76"></div><div class="sw" style="background: #FFA4C7; background: color(display-p3 0.9494 0.6579 0.7756);" title="L=0.82"></div><div class="sw" style="background: #52D9FF; background: color(display-p3 0.4756 0.8402 0.9931);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #9B7000; background: color(display-p3 0.5822 0.4464 0.0728);" title="L=0.57"></div><div class="sw" style="background: #5975C1; background: color(display-p3 0.3704 0.4573 0.7344);" title="L=0.58"></div><div class="sw" style="background: #688E40; background: color(display-p3 0.4385 0.5544 0.2906);" title="L=0.60"></div><div class="sw" style="background: #AE7ECB; background: color(display-p3 0.6537 0.5000 0.7768);" title="L=0.67"></div><div class="sw" style="background: #EE8A66; background: color(display-p3 0.8809 0.5594 0.4277);" title="L=0.73"></div><div class="sw" style="background: #42CAAD; background: color(display-p3 0.4231 0.7804 0.6827);" title="L=0.76"></div><div class="sw" style="background: #FFA4C7; background: color(display-p3 0.9494 0.6579 0.7756);" title="L=0.82"></div><div class="sw" style="background: #52D9FF; background: color(display-p3 0.4756 0.8402 0.9931);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #9B7000; background: color(display-p3 0.5822 0.4464 0.0728);" title="L=0.57"></div><div class="sw" style="background: #5975C1; background: color(display-p3 0.3704 0.4573 0.7344);" title="L=0.58"></div><div class="sw" style="background: #688E40; background: color(display-p3 0.4385 0.5544 0.2906);" title="L=0.60"></div><div class="sw" style="background: #AE7ECB; background: color(display-p3 0.6537 0.5000 0.7768);" title="L=0.67"></div><div class="sw" style="background: #EE8A66; background: color(display-p3 0.8809 0.5594 0.4277);" title="L=0.73"></div><div class="sw" style="background: #42CAAD; background: color(display-p3 0.4231 0.7804 0.6827);" title="L=0.76"></div><div class="sw" style="background: #FFA4C7; background: color(display-p3 0.9494 0.6579 0.7756);" title="L=0.82"></div><div class="sw" style="background: #52D9FF; background: color(display-p3 0.4756 0.8402 0.9931);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #9B7000; background: color(display-p3 0.5822 0.4464 0.0728);" title=""></div>
 <div class="sw" style="background: #5975C1; background: color(display-p3 0.3704 0.4573 0.7344);" title=""></div>
 <div class="sw" style="background: #688E40; background: color(display-p3 0.4385 0.5544 0.2906);" title=""></div>
 <div class="sw" style="background: #AE7ECB; background: color(display-p3 0.6537 0.5000 0.7768);" title=""></div>
 <div class="sw" style="background: #EE8A66; background: color(display-p3 0.8809 0.5594 0.4277);" title=""></div>
 <div class="sw" style="background: #42CAAD; background: color(display-p3 0.4231 0.7804 0.6827);" title=""></div>
 <div class="sw" style="background: #FFA4C7; background: color(display-p3 0.9494 0.6579 0.7756);" title=""></div>
 <div class="sw" style="background: #52D9FF; background: color(display-p3 0.4756 0.8402 0.9931);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #8F7800; background: color(display-p3 0.5466 0.4755 0.0921);" title=""></div>
 <div class="sw" style="background: #4F75C0; background: color(display-p3 0.3416 0.4536 0.7304);" title=""></div>
 <div class="sw" style="background: #878544; background: color(display-p3 0.5293 0.5231 0.2999);" title=""></div>
 <div class="sw" style="background: #888DC9; background: color(display-p3 0.5378 0.5528 0.7719);" title=""></div>
 <div class="sw" style="background: #C8A464; background: color(display-p3 0.7608 0.6492 0.4275);" title=""></div>
 <div class="sw" style="background: #A0B7AF; background: color(display-p3 0.6450 0.7142 0.6864);" title=""></div>
 <div class="sw" style="background: #D3BDC5; background: color(display-p3 0.8119 0.7430 0.7718);" title=""></div>
 <div class="sw" style="background: #9CC9FF; background: color(display-p3 0.6475 0.7822 0.9915);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #8C7C00; background: color(display-p3 0.5387 0.4872 0.1068);" title=""></div>
 <div class="sw" style="background: #4B74BF; background: color(display-p3 0.3281 0.4492 0.7278);" title=""></div>
 <div class="sw" style="background: #8F8245; background: color(display-p3 0.5512 0.5124 0.3040);" title=""></div>
 <div class="sw" style="background: #7B92C9; background: color(display-p3 0.4992 0.5685 0.7697);" title=""></div>
 <div class="sw" style="background: #BCAD64; background: color(display-p3 0.7270 0.6796 0.4312);" title=""></div>
 <div class="sw" style="background: #B0AFAF; background: color(display-p3 0.6884 0.6881 0.6868);" title=""></div>
 <div class="sw" style="background: #C5C5C5; background: color(display-p3 0.7709 0.7710 0.7715);" title=""></div>
 <div class="sw" style="background: #A9C2FF; background: color(display-p3 0.6804 0.7575 0.9892);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #8A7200; background: color(display-p3 0.5247 0.4487 0.0000);" title=""></div>
 <div class="sw" style="background: #567AC2; background: color(display-p3 0.3687 0.4759 0.7417);" title=""></div>
 <div class="sw" style="background: #8A873C; background: color(display-p3 0.5396 0.5309 0.2795);" title=""></div>
 <div class="sw" style="background: #848ACC; background: color(display-p3 0.5217 0.5419 0.7824);" title=""></div>
 <div class="sw" style="background: #BC9663; background: color(display-p3 0.7148 0.5944 0.4148);" title=""></div>
 <div class="sw" style="background: #ABBFAD; background: color(display-p3 0.6870 0.7481 0.6829);" title=""></div>
 <div class="sw" style="background: #C9B2C7; background: color(display-p3 0.7722 0.7024 0.7753);" title=""></div>
 <div class="sw" style="background: #ABD4FF; background: color(display-p3 0.7029 0.8254 1.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #827100; background: color(display-p3 0.4985 0.4440 0.0000);" title=""></div>
 <div class="sw" style="background: #577DC4; background: color(display-p3 0.3726 0.4861 0.7467);" title=""></div>
 <div class="sw" style="background: #948538; background: color(display-p3 0.5713 0.5241 0.2687);" title=""></div>
 <div class="sw" style="background: #6F8ECE; background: color(display-p3 0.4609 0.5532 0.7876);" title=""></div>
 <div class="sw" style="background: #A49762; background: color(display-p3 0.6337 0.5946 0.4115);" title=""></div>
 <div class="sw" style="background: #C3BDAC; background: color(display-p3 0.7592 0.7431 0.6801);" title=""></div>
 <div class="sw" style="background: #AEB5C8; background: color(display-p3 0.6879 0.7087 0.7781);" title=""></div>
 <div class="sw" style="background: #C1D4FF; background: color(display-p3 0.7710 0.8285 1.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #AA635D; background: color(display-p3 0.6276 0.3999 0.3750);" title=""></div>
 <div class="sw" style="background: #218692; background: color(display-p3 0.2593 0.5171 0.5637);" title=""></div>
 <div class="sw" style="background: #69897D; background: color(display-p3 0.4388 0.5338 0.4920);" title=""></div>
 <div class="sw" style="background: #AB889B; background: color(display-p3 0.6501 0.5398 0.6029);" title=""></div>
 <div class="sw" style="background: #FF7881; background: color(display-p3 0.9469 0.5020 0.5177);" title=""></div>
 <div class="sw" style="background: #00CCC1; background: color(display-p3 0.2840 0.7880 0.7544);" title=""></div>
 <div class="sw" style="background: #FFA0B0; background: color(display-p3 0.9949 0.6464 0.6938);" title=""></div>
 <div class="sw" style="background: #00E6E6; background: color(display-p3 0.1978 0.8862 0.8942);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.26 (0.57–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 56.7%;"></span><span class="l-dot" style="left: 62.3%;"></span><span class="l-dot" style="left: 65.1%;"></span><span class="l-dot" style="left: 72.8%;"></span><span class="l-dot" style="left: 73.0%;"></span><span class="l-dot" style="left: 73.1%;"></span><span class="l-dot" style="left: 77.7%;"></span><span class="l-dot" style="left: 82.7%;"></span></span></div><div class="subtitle">conservative ΔE min 5.63 &nbsp; mean 20.47<br>expected ΔE min 17.31 &nbsp; mean 40.61<br>L values [0.567, 0.623, 0.651, 0.728, 0.73, 0.731, 0.777, 0.827]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.127</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #317ABD; background: color(display-p3 0.2710 0.4734 0.7207);" title="L=0.57"></div><div class="sw" style="background: #B8771B; background: color(display-p3 0.6836 0.4775 0.1947);" title="L=0.62"></div><div class="sw" style="background: #967ED5; background: color(display-p3 0.5737 0.4967 0.8128);" title="L=0.65"></div><div class="sw" style="background: #EC857E; background: color(display-p3 0.8720 0.5430 0.5062);" title="L=0.73"></div><div class="sw" style="background: #A4B14C; background: color(display-p3 0.6532 0.6928 0.3546);" title="L=0.73"></div><div class="sw" style="background: #DC87C2; background: color(display-p3 0.8169 0.5464 0.7508);" title="L=0.73"></div><div class="sw" style="background: #25CDDE; background: color(display-p3 0.3865 0.7930 0.8589);" title="L=0.78"></div><div class="sw" style="background: #76DFA8; background: color(display-p3 0.5669 0.8661 0.6751);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #317ABD; background: color(display-p3 0.2710 0.4734 0.7207);" title="L=0.57"></div><div class="sw" style="background: #B8771B; background: color(display-p3 0.6836 0.4775 0.1947);" title="L=0.62"></div><div class="sw" style="background: #967ED5; background: color(display-p3 0.5737 0.4967 0.8128);" title="L=0.65"></div><div class="sw" style="background: #EC857E; background: color(display-p3 0.8720 0.5430 0.5062);" title="L=0.73"></div><div class="sw" style="background: #A4B14C; background: color(display-p3 0.6532 0.6928 0.3546);" title="L=0.73"></div><div class="sw" style="background: #DC87C2; background: color(display-p3 0.8169 0.5464 0.7508);" title="L=0.73"></div><div class="sw" style="background: #25CDDE; background: color(display-p3 0.3865 0.7930 0.8589);" title="L=0.78"></div><div class="sw" style="background: #76DFA8; background: color(display-p3 0.5669 0.8661 0.6751);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #317ABD; background: color(display-p3 0.2710 0.4734 0.7207);" title="L=0.57"></div><div class="sw" style="background: #B8771B; background: color(display-p3 0.6836 0.4775 0.1947);" title="L=0.62"></div><div class="sw" style="background: #967ED5; background: color(display-p3 0.5737 0.4967 0.8128);" title="L=0.65"></div><div class="sw" style="background: #EC857E; background: color(display-p3 0.8720 0.5430 0.5062);" title="L=0.73"></div><div class="sw" style="background: #A4B14C; background: color(display-p3 0.6532 0.6928 0.3546);" title="L=0.73"></div><div class="sw" style="background: #DC87C2; background: color(display-p3 0.8169 0.5464 0.7508);" title="L=0.73"></div><div class="sw" style="background: #25CDDE; background: color(display-p3 0.3865 0.7930 0.8589);" title="L=0.78"></div><div class="sw" style="background: #76DFA8; background: color(display-p3 0.5669 0.8661 0.6751);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #317ABD; background: color(display-p3 0.2710 0.4734 0.7207);" title=""></div>
 <div class="sw" style="background: #B8771B; background: color(display-p3 0.6836 0.4775 0.1947);" title=""></div>
 <div class="sw" style="background: #967ED5; background: color(display-p3 0.5737 0.4967 0.8128);" title=""></div>
 <div class="sw" style="background: #EC857E; background: color(display-p3 0.8720 0.5430 0.5062);" title=""></div>
 <div class="sw" style="background: #A4B14C; background: color(display-p3 0.6532 0.6928 0.3546);" title=""></div>
 <div class="sw" style="background: #DC87C2; background: color(display-p3 0.8169 0.5464 0.7508);" title=""></div>
 <div class="sw" style="background: #25CDDE; background: color(display-p3 0.3865 0.7930 0.8589);" title=""></div>
 <div class="sw" style="background: #76DFA8; background: color(display-p3 0.5669 0.8661 0.6751);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #4574BC; background: color(display-p3 0.3121 0.4498 0.7173);" title=""></div>
 <div class="sw" style="background: #A2861B; background: color(display-p3 0.6167 0.5285 0.2013);" title=""></div>
 <div class="sw" style="background: #7588D3; background: color(display-p3 0.4727 0.5310 0.8077);" title=""></div>
 <div class="sw" style="background: #C2A17C; background: color(display-p3 0.7419 0.6382 0.5043);" title=""></div>
 <div class="sw" style="background: #B6AC50; background: color(display-p3 0.7082 0.6751 0.3658);" title=""></div>
 <div class="sw" style="background: #AFA0C1; background: color(display-p3 0.6760 0.6305 0.7462);" title=""></div>
 <div class="sw" style="background: #94BBDE; background: color(display-p3 0.6103 0.7274 0.8590);" title=""></div>
 <div class="sw" style="background: #BFCDAB; background: color(display-p3 0.7601 0.8031 0.6813);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #4771BC; background: color(display-p3 0.3161 0.4378 0.7148);" title=""></div>
 <div class="sw" style="background: #9C8B1E; background: color(display-p3 0.5996 0.5472 0.2094);" title=""></div>
 <div class="sw" style="background: #688BD3; background: color(display-p3 0.4372 0.5401 0.8050);" title=""></div>
 <div class="sw" style="background: #B5AA7C; background: color(display-p3 0.7041 0.6696 0.5063);" title=""></div>
 <div class="sw" style="background: #BBAA52; background: color(display-p3 0.7235 0.6702 0.3718);" title=""></div>
 <div class="sw" style="background: #A0A8C0; background: color(display-p3 0.6317 0.6569 0.7449);" title=""></div>
 <div class="sw" style="background: #A3B3DE; background: color(display-p3 0.6515 0.7002 0.8575);" title=""></div>
 <div class="sw" style="background: #CEC6AB; background: color(display-p3 0.8016 0.7792 0.6830);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #527CBF; background: color(display-p3 0.3566 0.4812 0.7280);" title=""></div>
 <div class="sw" style="background: #9A7C0C; background: color(display-p3 0.5856 0.4907 0.1660);" title=""></div>
 <div class="sw" style="background: #7489D7; background: color(display-p3 0.4711 0.5341 0.8199);" title=""></div>
 <div class="sw" style="background: #B7947C; background: color(display-p3 0.6956 0.5844 0.4988);" title=""></div>
 <div class="sw" style="background: #B7AB46; background: color(display-p3 0.7081 0.6724 0.3373);" title=""></div>
 <div class="sw" style="background: #A698C3; background: color(display-p3 0.6406 0.5965 0.7534);" title=""></div>
 <div class="sw" style="background: #A3C5DF; background: color(display-p3 0.6649 0.7698 0.8640);" title=""></div>
 <div class="sw" style="background: #C8D4A7; background: color(display-p3 0.7939 0.8308 0.6716);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #5C7EC0; background: color(display-p3 0.3877 0.4896 0.7325);" title=""></div>
 <div class="sw" style="background: #8C7C03; background: color(display-p3 0.5399 0.4874 0.1509);" title=""></div>
 <div class="sw" style="background: #658DD8; background: color(display-p3 0.4276 0.5467 0.8256);" title=""></div>
 <div class="sw" style="background: #9C957C; background: color(display-p3 0.6083 0.5868 0.4983);" title=""></div>
 <div class="sw" style="background: #BCA941; background: color(display-p3 0.7259 0.6647 0.3229);" title=""></div>
 <div class="sw" style="background: #8A9BC5; background: color(display-p3 0.5541 0.6057 0.7576);" title=""></div>
 <div class="sw" style="background: #BBC5DF; background: color(display-p3 0.7404 0.7696 0.8652);" title=""></div>
 <div class="sw" style="background: #DED2A5; background: color(display-p3 0.8607 0.8237 0.6659);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #008A93; background: color(display-p3 0.0000 0.5314 0.5671);" title=""></div>
 <div class="sw" style="background: #C96766; background: color(display-p3 0.7375 0.4241 0.4110);" title=""></div>
 <div class="sw" style="background: #898D9F; background: color(display-p3 0.5399 0.5534 0.6178);" title=""></div>
 <div class="sw" style="background: #FF7784; background: color(display-p3 0.9335 0.4971 0.5269);" title=""></div>
 <div class="sw" style="background: #AEA89B; background: color(display-p3 0.6767 0.6591 0.6129);" title=""></div>
 <div class="sw" style="background: #E5899D; background: color(display-p3 0.8487 0.5550 0.6166);" title=""></div>
 <div class="sw" style="background: #00D6D2; background: color(display-p3 0.0000 0.8256 0.8171);" title=""></div>
 <div class="sw" style="background: #5ADED0; background: color(display-p3 0.4998 0.8607 0.8153);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.25 (0.58–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 58.3%;"></span><span class="l-dot" style="left: 59.2%;"></span><span class="l-dot" style="left: 64.9%;"></span><span class="l-dot" style="left: 69.0%;"></span><span class="l-dot" style="left: 73.2%;"></span><span class="l-dot" style="left: 75.1%;"></span><span class="l-dot" style="left: 78.1%;"></span><span class="l-dot" style="left: 83.1%;"></span></span></div><div class="subtitle">conservative ΔE min 5.57 &nbsp; mean 22.23<br>expected ΔE min 21.69 &nbsp; mean 45.17<br>L values [0.583, 0.592, 0.649, 0.69, 0.732, 0.751, 0.781, 0.831]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.161</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #B44F9E; background: color(display-p3 0.6582 0.3325 0.6048);" title="L=0.58"></div><div class="sw" style="background: #0083D7; background: color(display-p3 0.2035 0.5037 0.8190);" title="L=0.59"></div><div class="sw" style="background: #00AB65; background: color(display-p3 0.2777 0.6602 0.4205);" title="L=0.65"></div><div class="sw" style="background: #9E86F7; background: color(display-p3 0.6056 0.5278 0.9387);" title="L=0.69"></div><div class="sw" style="background: #00C4D3; background: color(display-p3 0.1173 0.7552 0.8143);" title="L=0.73"></div><div class="sw" style="background: #F0971A; background: color(display-p3 0.8928 0.6080 0.2398);" title="L=0.75"></div><div class="sw" style="background: #FF8989; background: color(display-p3 0.9950 0.5665 0.5507);" title="L=0.78"></div><div class="sw" style="background: #CBD140; background: color(display-p3 0.8013 0.8197 0.3543);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #B44F9E; background: color(display-p3 0.6582 0.3325 0.6048);" title="L=0.58"></div><div class="sw" style="background: #0083D7; background: color(display-p3 0.2035 0.5037 0.8190);" title="L=0.59"></div><div class="sw" style="background: #00AB65; background: color(display-p3 0.2777 0.6602 0.4205);" title="L=0.65"></div><div class="sw" style="background: #9E86F7; background: color(display-p3 0.6056 0.5278 0.9387);" title="L=0.69"></div><div class="sw" style="background: #00C4D3; background: color(display-p3 0.1173 0.7552 0.8143);" title="L=0.73"></div><div class="sw" style="background: #F0971A; background: color(display-p3 0.8928 0.6080 0.2398);" title="L=0.75"></div><div class="sw" style="background: #FF8989; background: color(display-p3 0.9950 0.5665 0.5507);" title="L=0.78"></div><div class="sw" style="background: #CBD140; background: color(display-p3 0.8013 0.8197 0.3543);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #B44F9E; background: color(display-p3 0.6582 0.3325 0.6048);" title="L=0.58"></div><div class="sw" style="background: #0083D7; background: color(display-p3 0.2035 0.5037 0.8190);" title="L=0.59"></div><div class="sw" style="background: #00AB65; background: color(display-p3 0.2777 0.6602 0.4205);" title="L=0.65"></div><div class="sw" style="background: #9E86F7; background: color(display-p3 0.6056 0.5278 0.9387);" title="L=0.69"></div><div class="sw" style="background: #00C4D3; background: color(display-p3 0.1173 0.7552 0.8143);" title="L=0.73"></div><div class="sw" style="background: #F0971A; background: color(display-p3 0.8928 0.6080 0.2398);" title="L=0.75"></div><div class="sw" style="background: #FF8989; background: color(display-p3 0.9950 0.5665 0.5507);" title="L=0.78"></div><div class="sw" style="background: #CBD140; background: color(display-p3 0.8013 0.8197 0.3543);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #B44F9E; background: color(display-p3 0.6582 0.3325 0.6048);" title=""></div>
 <div class="sw" style="background: #0083D7; background: color(display-p3 0.2035 0.5037 0.8190);" title=""></div>
 <div class="sw" style="background: #00AB65; background: color(display-p3 0.2777 0.6602 0.4205);" title=""></div>
 <div class="sw" style="background: #9E86F7; background: color(display-p3 0.6056 0.5278 0.9387);" title=""></div>
 <div class="sw" style="background: #00C4D3; background: color(display-p3 0.1173 0.7552 0.8143);" title=""></div>
 <div class="sw" style="background: #F0971A; background: color(display-p3 0.8928 0.6080 0.2398);" title=""></div>
 <div class="sw" style="background: #FF8989; background: color(display-p3 0.9950 0.5665 0.5507);" title=""></div>
 <div class="sw" style="background: #CBD140; background: color(display-p3 0.8013 0.8197 0.3543);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #82719C; background: color(display-p3 0.4978 0.4470 0.5995);" title=""></div>
 <div class="sw" style="background: #317AD6; background: color(display-p3 0.2708 0.4734 0.8147);" title=""></div>
 <div class="sw" style="background: #889769; background: color(display-p3 0.5446 0.5910 0.4293);" title=""></div>
 <div class="sw" style="background: #7392F5; background: color(display-p3 0.4748 0.5683 0.9325);" title=""></div>
 <div class="sw" style="background: #7EAED3; background: color(display-p3 0.5335 0.6760 0.8148);" title=""></div>
 <div class="sw" style="background: #D2AC1A; background: color(display-p3 0.7988 0.6805 0.2481);" title=""></div>
 <div class="sw" style="background: #DAB086; background: color(display-p3 0.8278 0.6970 0.5474);" title=""></div>
 <div class="sw" style="background: #DDCD47; background: color(display-p3 0.8548 0.8043 0.3716);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #6F7B9B; background: color(display-p3 0.4423 0.4795 0.5979);" title=""></div>
 <div class="sw" style="background: #3576D6; background: color(display-p3 0.2759 0.4577 0.8116);" title=""></div>
 <div class="sw" style="background: #998F6A; background: color(display-p3 0.5922 0.5640 0.4317);" title=""></div>
 <div class="sw" style="background: #6195F4; background: color(display-p3 0.4255 0.5783 0.9290);" title=""></div>
 <div class="sw" style="background: #93A4D3; background: color(display-p3 0.5878 0.6425 0.8132);" title=""></div>
 <div class="sw" style="background: #C9B31E; background: color(display-p3 0.7744 0.7066 0.2595);" title=""></div>
 <div class="sw" style="background: #C9BC86; background: color(display-p3 0.7779 0.7385 0.5496);" title=""></div>
 <div class="sw" style="background: #E2CB4B; background: color(display-p3 0.8705 0.8008 0.3811);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #77679F; background: color(display-p3 0.4553 0.4045 0.6081);" title=""></div>
 <div class="sw" style="background: #4885D9; background: color(display-p3 0.3409 0.5149 0.8279);" title=""></div>
 <div class="sw" style="background: #929F63; background: color(display-p3 0.5827 0.6213 0.4151);" title=""></div>
 <div class="sw" style="background: #7394F9; background: color(display-p3 0.4777 0.5765 0.9478);" title=""></div>
 <div class="sw" style="background: #91BAD4; background: color(display-p3 0.6028 0.7262 0.8197);" title=""></div>
 <div class="sw" style="background: #C79F00; background: color(display-p3 0.7563 0.6284 0.1979);" title=""></div>
 <div class="sw" style="background: #CB9E87; background: color(display-p3 0.7684 0.6258 0.5419);" title=""></div>
 <div class="sw" style="background: #DCCB34; background: color(display-p3 0.8505 0.7966 0.3249);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #516BA0; background: color(display-p3 0.3379 0.4173 0.6130);" title=""></div>
 <div class="sw" style="background: #5787DB; background: color(display-p3 0.3850 0.5261 0.8334);" title=""></div>
 <div class="sw" style="background: #AA9C60; background: color(display-p3 0.6562 0.6131 0.4067);" title=""></div>
 <div class="sw" style="background: #5E99FB; background: color(display-p3 0.4220 0.5934 0.9548);" title=""></div>
 <div class="sw" style="background: #B0B9D4; background: color(display-p3 0.6961 0.7254 0.8208);" title=""></div>
 <div class="sw" style="background: #B49E00; background: color(display-p3 0.6919 0.6246 0.1761);" title=""></div>
 <div class="sw" style="background: #A7A088; background: color(display-p3 0.6515 0.6300 0.5421);" title=""></div>
 <div class="sw" style="background: #E1C827; background: color(display-p3 0.8661 0.7870 0.3004);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #BD536F; background: color(display-p3 0.6899 0.3505 0.4370);" title=""></div>
 <div class="sw" style="background: #0097A2; background: color(display-p3 0.0000 0.5798 0.6264);" title=""></div>
 <div class="sw" style="background: #00A99A; background: color(display-p3 0.1230 0.6528 0.6013);" title=""></div>
 <div class="sw" style="background: #899CB2; background: color(display-p3 0.5496 0.6078 0.6909);" title=""></div>
 <div class="sw" style="background: #00CEC8; background: color(display-p3 0.0000 0.7905 0.7776);" title=""></div>
 <div class="sw" style="background: #FF8181; background: color(display-p3 0.9640 0.5363 0.5227);" title=""></div>
 <div class="sw" style="background: #FF768A; background: color(display-p3 1.0000 0.5065 0.5548);" title=""></div>
 <div class="sw" style="background: #D9C5B5; background: color(display-p3 0.8374 0.7736 0.7160);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.15 (0.58–0.73)<br><span class="l-bar"><span class="l-dot" style="left: 57.9%;"></span><span class="l-dot" style="left: 59.5%;"></span><span class="l-dot" style="left: 60.6%;"></span><span class="l-dot" style="left: 63.5%;"></span><span class="l-dot" style="left: 65.5%;"></span><span class="l-dot" style="left: 68.4%;"></span><span class="l-dot" style="left: 71.8%;"></span><span class="l-dot" style="left: 72.7%;"></span></span></div><div class="subtitle">conservative ΔE min 5.52 &nbsp; mean 20.32<br>expected ΔE min 18.04 &nbsp; mean 40.75<br>L values [0.579, 0.595, 0.606, 0.635, 0.655, 0.684, 0.718, 0.727]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 7 &nbsp;·&nbsp; mean chroma 0.131</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #B35970; background: color(display-p3 0.6575 0.3672 0.4381);" title="L=0.58"></div><div class="sw" style="background: #009688; background: color(display-p3 0.1427 0.5797 0.5331);" title="L=0.59"></div><div class="sw" style="background: #C0662D; background: color(display-p3 0.7070 0.4194 0.2281);" title="L=0.61"></div><div class="sw" style="background: #AC6FBD; background: color(display-p3 0.6409 0.4462 0.7239);" title="L=0.64"></div><div class="sw" style="background: #7689E4; background: color(display-p3 0.4781 0.5337 0.8703);" title="L=0.66"></div><div class="sw" style="background: #B2982A; background: color(display-p3 0.6806 0.5994 0.2502);" title="L=0.68"></div><div class="sw" style="background: #05B3E9; background: color(display-p3 0.3165 0.6927 0.8926);" title="L=0.72"></div><div class="sw" style="background: #79BB68; background: color(display-p3 0.5317 0.7252 0.4420);" title="L=0.73"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #B35970; background: color(display-p3 0.6575 0.3672 0.4381);" title="L=0.58"></div><div class="sw" style="background: #009688; background: color(display-p3 0.1427 0.5797 0.5331);" title="L=0.59"></div><div class="sw" style="background: #C0662D; background: color(display-p3 0.7070 0.4194 0.2281);" title="L=0.61"></div><div class="sw" style="background: #AC6FBD; background: color(display-p3 0.6409 0.4462 0.7239);" title="L=0.64"></div><div class="sw" style="background: #7689E4; background: color(display-p3 0.4781 0.5337 0.8703);" title="L=0.66"></div><div class="sw" style="background: #B2982A; background: color(display-p3 0.6806 0.5994 0.2502);" title="L=0.68"></div><div class="sw" style="background: #05B3E9; background: color(display-p3 0.3165 0.6927 0.8926);" title="L=0.72"></div><div class="sw" style="background: #79BB68; background: color(display-p3 0.5317 0.7252 0.4420);" title="L=0.73"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #B35970; background: color(display-p3 0.6575 0.3672 0.4381);" title="L=0.58"></div><div class="sw" style="background: #009688; background: color(display-p3 0.1427 0.5797 0.5331);" title="L=0.59"></div><div class="sw" style="background: #C0662D; background: color(display-p3 0.7070 0.4194 0.2281);" title="L=0.61"></div><div class="sw" style="background: #AC6FBD; background: color(display-p3 0.6409 0.4462 0.7239);" title="L=0.64"></div><div class="sw" style="background: #7689E4; background: color(display-p3 0.4781 0.5337 0.8703);" title="L=0.66"></div><div class="sw" style="background: #B2982A; background: color(display-p3 0.6806 0.5994 0.2502);" title="L=0.68"></div><div class="sw" style="background: #05B3E9; background: color(display-p3 0.3165 0.6927 0.8926);" title="L=0.72"></div><div class="sw" style="background: #79BB68; background: color(display-p3 0.5317 0.7252 0.4420);" title="L=0.73"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #B35970; background: color(display-p3 0.6575 0.3672 0.4381);" title=""></div>
 <div class="sw" style="background: #009688; background: color(display-p3 0.1427 0.5797 0.5331);" title=""></div>
 <div class="sw" style="background: #C0662D; background: color(display-p3 0.7070 0.4194 0.2281);" title=""></div>
 <div class="sw" style="background: #AC6FBD; background: color(display-p3 0.6409 0.4462 0.7239);" title=""></div>
 <div class="sw" style="background: #7689E4; background: color(display-p3 0.4781 0.5337 0.8703);" title=""></div>
 <div class="sw" style="background: #B2982A; background: color(display-p3 0.6806 0.5994 0.2502);" title=""></div>
 <div class="sw" style="background: #05B3E9; background: color(display-p3 0.3165 0.6927 0.8926);" title=""></div>
 <div class="sw" style="background: #79BB68; background: color(display-p3 0.5317 0.7252 0.4420);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #8D746E; background: color(display-p3 0.5359 0.4581 0.4349);" title=""></div>
 <div class="sw" style="background: #698489; background: color(display-p3 0.4344 0.5164 0.5355);" title=""></div>
 <div class="sw" style="background: #9F7E2B; background: color(display-p3 0.6050 0.5010 0.2293);" title=""></div>
 <div class="sw" style="background: #8383BC; background: color(display-p3 0.5119 0.5121 0.7189);" title=""></div>
 <div class="sw" style="background: #638BE3; background: color(display-p3 0.4200 0.5390 0.8654);" title=""></div>
 <div class="sw" style="background: #AF9B2E; background: color(display-p3 0.6736 0.6114 0.2618);" title=""></div>
 <div class="sw" style="background: #71A5E8; background: color(display-p3 0.4871 0.6402 0.8901);" title=""></div>
 <div class="sw" style="background: #ABAD6B; background: color(display-p3 0.6707 0.6783 0.4515);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #807C6E; background: color(display-p3 0.4985 0.4864 0.4352);" title=""></div>
 <div class="sw" style="background: #797D8A; background: color(display-p3 0.4780 0.4904 0.5353);" title=""></div>
 <div class="sw" style="background: #96862C; background: color(display-p3 0.5764 0.5283 0.2352);" title=""></div>
 <div class="sw" style="background: #7388BB; background: color(display-p3 0.4683 0.5317 0.7168);" title=""></div>
 <div class="sw" style="background: #5B8AE2; background: color(display-p3 0.3967 0.5374 0.8623);" title=""></div>
 <div class="sw" style="background: #AF9D31; background: color(display-p3 0.6738 0.6175 0.2698);" title=""></div>
 <div class="sw" style="background: #7D9EE8; background: color(display-p3 0.5163 0.6170 0.8876);" title=""></div>
 <div class="sw" style="background: #B5A86D; background: color(display-p3 0.7026 0.6614 0.4552);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #83686F; background: color(display-p3 0.4962 0.4128 0.4359);" title=""></div>
 <div class="sw" style="background: #768D88; background: color(display-p3 0.4803 0.5513 0.5348);" title=""></div>
 <div class="sw" style="background: #957127; background: color(display-p3 0.5640 0.4497 0.2074);" title=""></div>
 <div class="sw" style="background: #7C7EBF; background: color(display-p3 0.4892 0.4945 0.7291);" title=""></div>
 <div class="sw" style="background: #6990E6; background: color(display-p3 0.4440 0.5606 0.8789);" title=""></div>
 <div class="sw" style="background: #AB961E; background: color(display-p3 0.6581 0.5924 0.2240);" title=""></div>
 <div class="sw" style="background: #82B0EB; background: color(display-p3 0.5471 0.6839 0.9003);" title=""></div>
 <div class="sw" style="background: #B0B165; background: color(display-p3 0.6900 0.6937 0.4324);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #696B70; background: color(display-p3 0.4121 0.4178 0.4377);" title=""></div>
 <div class="sw" style="background: #8D8C88; background: color(display-p3 0.5517 0.5478 0.5334);" title=""></div>
 <div class="sw" style="background: #807226; background: color(display-p3 0.4927 0.4490 0.2004);" title=""></div>
 <div class="sw" style="background: #6382C0; background: color(display-p3 0.4146 0.5062 0.7341);" title=""></div>
 <div class="sw" style="background: #6593E8; background: color(display-p3 0.4356 0.5733 0.8848);" title=""></div>
 <div class="sw" style="background: #A89514; background: color(display-p3 0.6472 0.5862 0.2055);" title=""></div>
 <div class="sw" style="background: #97B0EB; background: color(display-p3 0.6119 0.6890 0.9041);" title=""></div>
 <div class="sw" style="background: #BFAE61; background: color(display-p3 0.7383 0.6856 0.4221);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #C15061; background: color(display-p3 0.7026 0.3418 0.3868);" title=""></div>
 <div class="sw" style="background: #009B92; background: color(display-p3 0.0000 0.5933 0.5683);" title=""></div>
 <div class="sw" style="background: #D3535A; background: color(display-p3 0.7664 0.3584 0.3673);" title=""></div>
 <div class="sw" style="background: #AD798D; background: color(display-p3 0.6468 0.4828 0.5507);" title=""></div>
 <div class="sw" style="background: #4B9CAB; background: color(display-p3 0.3770 0.6042 0.6637);" title=""></div>
 <div class="sw" style="background: #C08C83; background: color(display-p3 0.7231 0.5557 0.5204);" title=""></div>
 <div class="sw" style="background: #00C2C5; background: color(display-p3 0.0000 0.7466 0.7649);" title=""></div>
 <div class="sw" style="background: #75B6A7; background: color(display-p3 0.5149 0.7058 0.6554);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.27 (0.56–0.83)<br><span class="l-bar"><span class="l-dot" style="left: 55.7%;"></span><span class="l-dot" style="left: 59.6%;"></span><span class="l-dot" style="left: 66.9%;"></span><span class="l-dot" style="left: 68.1%;"></span><span class="l-dot" style="left: 76.8%;"></span><span class="l-dot" style="left: 78.0%;"></span><span class="l-dot" style="left: 82.2%;"></span><span class="l-dot" style="left: 83.0%;"></span></span></div><div class="subtitle">conservative ΔE min 5.45 &nbsp; mean 22.55<br>expected ΔE min 19.54 &nbsp; mean 43.28<br>L values [0.557, 0.596, 0.669, 0.681, 0.768, 0.78, 0.822, 0.83]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 6 &nbsp;·&nbsp; mean chroma 0.135</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #008C6F; background: color(display-p3 0.0863 0.5390 0.4390);" title="L=0.56"></div><div class="sw" style="background: #BC5883; background: color(display-p3 0.6875 0.3674 0.5071);" title="L=0.60"></div><div class="sw" style="background: #DA7550; background: color(display-p3 0.8014 0.4781 0.3445);" title="L=0.67"></div><div class="sw" style="background: #B37ED7; background: color(display-p3 0.6714 0.5047 0.8203);" title="L=0.68"></div><div class="sw" style="background: #8BB2FF; background: color(display-p3 0.5746 0.6919 1.0000);" title="L=0.77"></div><div class="sw" style="background: #E0AF3F; background: color(display-p3 0.8471 0.6951 0.3291);" title="L=0.78"></div><div class="sw" style="background: #41D8FF; background: color(display-p3 0.4440 0.8369 0.9908);" title="L=0.82"></div><div class="sw" style="background: #AAD978; background: color(display-p3 0.7029 0.8463 0.5142);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #008C6F; background: color(display-p3 0.0863 0.5390 0.4390);" title="L=0.56"></div><div class="sw" style="background: #BC5883; background: color(display-p3 0.6875 0.3674 0.5071);" title="L=0.60"></div><div class="sw" style="background: #DA7550; background: color(display-p3 0.8014 0.4781 0.3445);" title="L=0.67"></div><div class="sw" style="background: #B37ED7; background: color(display-p3 0.6714 0.5047 0.8203);" title="L=0.68"></div><div class="sw" style="background: #8BB2FF; background: color(display-p3 0.5746 0.6919 1.0000);" title="L=0.77"></div><div class="sw" style="background: #E0AF3F; background: color(display-p3 0.8471 0.6951 0.3291);" title="L=0.78"></div><div class="sw" style="background: #41D8FF; background: color(display-p3 0.4440 0.8369 0.9908);" title="L=0.82"></div><div class="sw" style="background: #AAD978; background: color(display-p3 0.7029 0.8463 0.5142);" title="L=0.83"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #008C6F; background: color(display-p3 0.0863 0.5390 0.4390);" title="L=0.56"></div><div class="sw" style="background: #BC5883; background: color(display-p3 0.6875 0.3674 0.5071);" title="L=0.60"></div><div class="sw" style="background: #DA7550; background: color(display-p3 0.8014 0.4781 0.3445);" title="L=0.67"></div><div class="sw" style="background: #B37ED7; background: color(display-p3 0.6714 0.5047 0.8203);" title="L=0.68"></div><div class="sw" style="background: #8BB2FF; background: color(display-p3 0.5746 0.6919 1.0000);" title="L=0.77"></div><div class="sw" style="background: #E0AF3F; background: color(display-p3 0.8471 0.6951 0.3291);" title="L=0.78"></div><div class="sw" style="background: #41D8FF; background: color(display-p3 0.4440 0.8369 0.9908);" title="L=0.82"></div><div class="sw" style="background: #AAD978; background: color(display-p3 0.7029 0.8463 0.5142);" title="L=0.83"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #008C6F; background: color(display-p3 0.0863 0.5390 0.4390);" title=""></div>
 <div class="sw" style="background: #BC5883; background: color(display-p3 0.6875 0.3674 0.5071);" title=""></div>
 <div class="sw" style="background: #DA7550; background: color(display-p3 0.8014 0.4781 0.3445);" title=""></div>
 <div class="sw" style="background: #B37ED7; background: color(display-p3 0.6714 0.5047 0.8203);" title=""></div>
 <div class="sw" style="background: #8BB2FF; background: color(display-p3 0.5746 0.6919 1.0000);" title=""></div>
 <div class="sw" style="background: #E0AF3F; background: color(display-p3 0.8471 0.6951 0.3291);" title=""></div>
 <div class="sw" style="background: #41D8FF; background: color(display-p3 0.4440 0.8369 0.9908);" title=""></div>
 <div class="sw" style="background: #AAD978; background: color(display-p3 0.7029 0.8463 0.5142);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #647A70; background: color(display-p3 0.4077 0.4758 0.4429);" title=""></div>
 <div class="sw" style="background: #907781; background: color(display-p3 0.5479 0.4718 0.5029);" title=""></div>
 <div class="sw" style="background: #B4904E; background: color(display-p3 0.6824 0.5712 0.3441);" title=""></div>
 <div class="sw" style="background: #8990D5; background: color(display-p3 0.5417 0.5634 0.8150);" title=""></div>
 <div class="sw" style="background: #87AFFF; background: color(display-p3 0.5613 0.6822 0.9977);" title=""></div>
 <div class="sw" style="background: #D3B841; background: color(display-p3 0.8104 0.7254 0.3393);" title=""></div>
 <div class="sw" style="background: #98C7FF; background: color(display-p3 0.6344 0.7757 0.9892);" title=""></div>
 <div class="sw" style="background: #D1CE7C; background: color(display-p3 0.8164 0.8065 0.5249);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #737371; background: color(display-p3 0.4518 0.4501 0.4433);" title=""></div>
 <div class="sw" style="background: #808080; background: color(display-p3 0.5034 0.5032 0.5026);" title=""></div>
 <div class="sw" style="background: #A8994E; background: color(display-p3 0.6484 0.6020 0.3481);" title=""></div>
 <div class="sw" style="background: #7995D4; background: color(display-p3 0.4974 0.5806 0.8124);" title=""></div>
 <div class="sw" style="background: #85ADFF; background: color(display-p3 0.5526 0.6754 0.9945);" title=""></div>
 <div class="sw" style="background: #D0BB44; background: color(display-p3 0.8028 0.7381 0.3477);" title=""></div>
 <div class="sw" style="background: #A6C0FF; background: color(display-p3 0.6698 0.7496 0.9869);" title=""></div>
 <div class="sw" style="background: #DACA7D; background: color(display-p3 0.8446 0.7930 0.5296);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #6F826E; background: color(display-p3 0.4500 0.5082 0.4390);" title=""></div>
 <div class="sw" style="background: #856B83; background: color(display-p3 0.5048 0.4238 0.5067);" title=""></div>
 <div class="sw" style="background: #A8824C; background: color(display-p3 0.6366 0.5152 0.3303);" title=""></div>
 <div class="sw" style="background: #848DD8; background: color(display-p3 0.5246 0.5525 0.8267);" title=""></div>
 <div class="sw" style="background: #8FB6FF; background: color(display-p3 0.5919 0.7090 1.0000);" title=""></div>
 <div class="sw" style="background: #CDB035; background: color(display-p3 0.7850 0.6952 0.3019);" title=""></div>
 <div class="sw" style="background: #A8D3FF; background: color(display-p3 0.6932 0.8209 0.9979);" title=""></div>
 <div class="sw" style="background: #D4D074; background: color(display-p3 0.8291 0.8158 0.5015);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #86806D; background: color(display-p3 0.5199 0.5033 0.4360);" title=""></div>
 <div class="sw" style="background: #666E84; background: color(display-p3 0.4064 0.4313 0.5098);" title=""></div>
 <div class="sw" style="background: #8F834C; background: color(display-p3 0.5542 0.5156 0.3267);" title=""></div>
 <div class="sw" style="background: #6D91DA; background: color(display-p3 0.4555 0.5655 0.8325);" title=""></div>
 <div class="sw" style="background: #92B9FF; background: color(display-p3 0.6028 0.7197 1.0000);" title=""></div>
 <div class="sw" style="background: #C5AF2F; background: color(display-p3 0.7571 0.6892 0.2849);" title=""></div>
 <div class="sw" style="background: #C0D3FF; background: color(display-p3 0.7654 0.8239 1.0000);" title=""></div>
 <div class="sw" style="background: #E1CD70; background: color(display-p3 0.8697 0.8069 0.4894);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #008E84; background: color(display-p3 0.0000 0.5453 0.5130);" title=""></div>
 <div class="sw" style="background: #C95268; background: color(display-p3 0.7316 0.3515 0.4129);" title=""></div>
 <div class="sw" style="background: #ED626C; background: color(display-p3 0.8652 0.4181 0.4364);" title=""></div>
 <div class="sw" style="background: #AF8CA0; background: color(display-p3 0.6647 0.5525 0.6244);" title=""></div>
 <div class="sw" style="background: #58C4D0; background: color(display-p3 0.4590 0.7573 0.8069);" title=""></div>
 <div class="sw" style="background: #F2A098; background: color(display-p3 0.9033 0.6405 0.6084);" title=""></div>
 <div class="sw" style="background: #00E6E5; background: color(display-p3 0.0124 0.8841 0.8914);" title=""></div>
 <div class="sw" style="background: #ACD2C2; background: color(display-p3 0.7053 0.8185 0.7641);" title=""></div>
 </div></div>
 </div>
 </div>
 </body></html>
diff --git a/phase_b_preview_conservative.html b/phase_b_preview_conservative.html
 <!doctype html><html><head><meta charset='utf-8'>
 <title>qolour Phase B — cluster preview</title>
 <style>
 body { font-family: -apple-system, ui-sans-serif, sans-serif; background: #0f0f14; color: #e8e8ee; padding: 24px; max-width: 1100px; margin: 0 auto; }
 h1 { font-weight: 300; letter-spacing: -0.02em; font-size: 28px; }
 h2 { font-weight: 400; margin-top: 40px; border-bottom: 1px solid #333; padding-bottom: 6px; }
 h3 { font-weight: 500; margin-top: 24px; color: #b8b8c2; font-size: 16px; }
 .cluster { margin-bottom: 40px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); }
 .cluster-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
 .title { font-weight: 600; font-size: 15px; }
 .meta { font-family: ui-monospace, monospace; font-size: 11px; color: #888; line-height: 1.5; }
 .subtitle { font-size: 11px; color: #999; font-family: ui-monospace, monospace; line-height: 1.6; text-align: right; }
 .bg-panels { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
 .bg-panel { padding: 14px 10px; border-radius: 6px; }
 .bg-dark { background: #0b0b0f; }
 .bg-mid { background: #606065; }
 .bg-light { background: #f2f2f0; }
 .bg-label { font-size: 10px; font-family: ui-monospace, monospace; margin-bottom: 6px; opacity: 0.65; }
 .bg-dark .bg-label { color: #8a8a92; }
 .bg-mid .bg-label { color: #1a1a1a; }
 .bg-light .bg-label { color: #555; }
 .swatches { display: flex; gap: 2px; flex-wrap: wrap; }
 .sw { width: 44px; height: 44px; border-radius: 4px; }
 .cvd-grid { margin-top: 8px; padding: 10px 12px; background: rgba(0,0,0,0.25); border-radius: 6px; }
 .cvd-title { font-size: 10px; color: #777; margin-bottom: 6px; font-family: ui-monospace, monospace; }
 .cvd-row { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; }
 .cvd-label { flex: 0 0 100px; font-size: 10px; color: #888; font-family: ui-monospace, monospace; }
 .cvd-row .sw { width: 32px; height: 26px; border-radius: 3px; }
 .l-bar { display: inline-block; height: 6px; margin: 0 2px; border-radius: 2px; background: linear-gradient(to right, #222, #888, #fafaf8); position: relative; width: 160px; vertical-align: middle; }
 .l-dot { position: absolute; top: -3px; width: 4px; height: 12px; background: #c0c0ff; border-radius: 2px; transform: translateX(-50%); }
 </style></head><body>
 <h1>qolour Phase B — converged clusters (conservative loss)</h1>
 <p class='meta'>Gradient descent on Lagrangian with CIEDE2000 metric, population-weighted Machado simulation, linear-P3 softplus barrier. No L-monotonicity or yellow-blue bias terms — Phase B is a clean test of whether non-monotone-L critical points exist.</p>
 <p class='meta'>Each cluster is shown with: (top) the palette sorted by L in Display P3 swatches, (below) the same palette under each CVD simulation so you can see what the viewer actually experiences, plus headline numbers. Your visual judgment is the final verdict on aesthetic superiority.</p>
 <h2>N = 6 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 31 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 28.83 / 31.78 / 33.43 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 25.85 / 29.42 / 30.94 &nbsp;·&nbsp; non-monotone: 37/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=6 &nbsp;·&nbsp; L range 0.63 (0.32–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 31.8%;"></span><span class="l-dot" style="left: 33.4%;"></span><span class="l-dot" style="left: 63.6%;"></span><span class="l-dot" style="left: 66.0%;"></span><span class="l-dot" style="left: 93.7%;"></span><span class="l-dot" style="left: 94.7%;"></span></span></div><div class="subtitle">conservative ΔE min 30.73 &nbsp; mean 43.11<br>expected ΔE min 33.68 &nbsp; mean 54.53<br>L values [0.318, 0.334, 0.636, 0.66, 0.937, 0.947]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.128</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #292F52; background: color(display-p3 0.1663 0.1827 0.3135);" title="L=0.32"></div><div class="sw" style="background: #4B3006; background: color(display-p3 0.2794 0.1930 0.0606);" title="L=0.33"></div><div class="sw" style="background: #9268FF; background: color(display-p3 0.5460 0.4131 0.9738);" title="L=0.64"></div><div class="sw" style="background: #D37075; background: color(display-p3 0.7762 0.4608 0.4667);" title="L=0.66"></div><div class="sw" style="background: #AAFCFA; background: color(display-p3 0.7361 0.9785 0.9771);" title="L=0.94"></div><div class="sw" style="background: #F7F800; background: color(display-p3 0.9685 0.9742 0.2551);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #292F52; background: color(display-p3 0.1663 0.1827 0.3135);" title="L=0.32"></div><div class="sw" style="background: #4B3006; background: color(display-p3 0.2794 0.1930 0.0606);" title="L=0.33"></div><div class="sw" style="background: #9268FF; background: color(display-p3 0.5460 0.4131 0.9738);" title="L=0.64"></div><div class="sw" style="background: #D37075; background: color(display-p3 0.7762 0.4608 0.4667);" title="L=0.66"></div><div class="sw" style="background: #AAFCFA; background: color(display-p3 0.7361 0.9785 0.9771);" title="L=0.94"></div><div class="sw" style="background: #F7F800; background: color(display-p3 0.9685 0.9742 0.2551);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #292F52; background: color(display-p3 0.1663 0.1827 0.3135);" title="L=0.32"></div><div class="sw" style="background: #4B3006; background: color(display-p3 0.2794 0.1930 0.0606);" title="L=0.33"></div><div class="sw" style="background: #9268FF; background: color(display-p3 0.5460 0.4131 0.9738);" title="L=0.64"></div><div class="sw" style="background: #D37075; background: color(display-p3 0.7762 0.4608 0.4667);" title="L=0.66"></div><div class="sw" style="background: #AAFCFA; background: color(display-p3 0.7361 0.9785 0.9771);" title="L=0.94"></div><div class="sw" style="background: #F7F800; background: color(display-p3 0.9685 0.9742 0.2551);" title="L=0.95"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #292F52; background: color(display-p3 0.1663 0.1827 0.3135);" title=""></div>
 <div class="sw" style="background: #4B3006; background: color(display-p3 0.2794 0.1930 0.0606);" title=""></div>
 <div class="sw" style="background: #9268FF; background: color(display-p3 0.5460 0.4131 0.9738);" title=""></div>
 <div class="sw" style="background: #D37075; background: color(display-p3 0.7762 0.4608 0.4667);" title=""></div>
 <div class="sw" style="background: #AAFCFA; background: color(display-p3 0.7361 0.9785 0.9771);" title=""></div>
 <div class="sw" style="background: #F7F800; background: color(display-p3 0.9685 0.9742 0.2551);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #213052; background: color(display-p3 0.1424 0.1857 0.3115);" title=""></div>
 <div class="sw" style="background: #423606; background: color(display-p3 0.2522 0.2137 0.0639);" title=""></div>
 <div class="sw" style="background: #447CFF; background: color(display-p3 0.3208 0.4823 0.9663);" title=""></div>
 <div class="sw" style="background: #AA8C73; background: color(display-p3 0.6493 0.5550 0.4642);" title=""></div>
 <div class="sw" style="background: #D8EEFB; background: color(display-p3 0.8637 0.9297 0.9782);" title=""></div>
 <div class="sw" style="background: #FFF400; background: color(display-p3 1.0000 0.9581 0.2949);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #1E3052; background: color(display-p3 0.1331 0.1855 0.3103);" title=""></div>
 <div class="sw" style="background: #403807; background: color(display-p3 0.2454 0.2214 0.0676);" title=""></div>
 <div class="sw" style="background: #0081FE; background: color(display-p3 0.1955 0.4988 0.9621);" title=""></div>
 <div class="sw" style="background: #9D9573; background: color(display-p3 0.6116 0.5854 0.4655);" title=""></div>
 <div class="sw" style="background: #E2E8FB; background: color(display-p3 0.8923 0.9106 0.9776);" title=""></div>
 <div class="sw" style="background: #FFF300; background: color(display-p3 1.0000 0.9552 0.3154);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #233253; background: color(display-p3 0.1505 0.1934 0.3168);" title=""></div>
 <div class="sw" style="background: #3F3202; background: color(display-p3 0.2389 0.1977 0.0477);" title=""></div>
 <div class="sw" style="background: #447FFF; background: color(display-p3 0.3245 0.4938 0.9849);" title=""></div>
 <div class="sw" style="background: #9F7F74; background: color(display-p3 0.6054 0.5040 0.4614);" title=""></div>
 <div class="sw" style="background: #E1F5FB; background: color(display-p3 0.8968 0.9580 0.9795);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9454 0.1695);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #213354; background: color(display-p3 0.1461 0.1984 0.3191);" title=""></div>
 <div class="sw" style="background: #393201; background: color(display-p3 0.2203 0.1960 0.0406);" title=""></div>
 <div class="sw" style="background: #0087FF; background: color(display-p3 0.1756 0.5199 0.9934);" title=""></div>
 <div class="sw" style="background: #858175; background: color(display-p3 0.5191 0.5075 0.4619);" title=""></div>
 <div class="sw" style="background: #F2F4FA; background: color(display-p3 0.9498 0.9563 0.9793);" title=""></div>
 <div class="sw" style="background: #FFED00; background: color(display-p3 1.0000 0.9329 0.0419);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #1B363C; background: color(display-p3 0.1311 0.2096 0.2329);" title=""></div>
 <div class="sw" style="background: #532928; background: color(display-p3 0.3033 0.1695 0.1621);" title=""></div>
 <div class="sw" style="background: #718AAB; background: color(display-p3 0.4635 0.5397 0.6581);" title=""></div>
 <div class="sw" style="background: #E46473; background: color(display-p3 0.8313 0.4217 0.4579);" title=""></div>
 <div class="sw" style="background: #8BFFFB; background: color(display-p3 0.6582 0.9949 0.9801);" title=""></div>
 <div class="sw" style="background: #FFE7D2; background: color(display-p3 1.0000 0.9112 0.8349);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.62 (0.31–0.93)<br><span class="l-bar"><span class="l-dot" style="left: 30.7%;"></span><span class="l-dot" style="left: 37.9%;"></span><span class="l-dot" style="left: 61.1%;"></span><span class="l-dot" style="left: 65.9%;"></span><span class="l-dot" style="left: 90.5%;"></span><span class="l-dot" style="left: 92.6%;"></span></span></div><div class="subtitle">conservative ΔE min 30.51 &nbsp; mean 41.94<br>expected ΔE min 32.96 &nbsp; mean 56.74<br>L values [0.307, 0.379, 0.611, 0.659, 0.905, 0.926]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.149</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #411F4B; background: color(display-p3 0.2381 0.1286 0.2837);" title="L=0.31"></div><div class="sw" style="background: #2A4C1C; background: color(display-p3 0.1965 0.2959 0.1356);" title="L=0.38"></div><div class="sw" style="background: #9651FF; background: color(display-p3 0.5535 0.3308 0.9737);" title="L=0.61"></div><div class="sw" style="background: #00AE78; background: color(display-p3 0.2713 0.6708 0.4849);" title="L=0.66"></div><div class="sw" style="background: #FFCCFC; background: color(display-p3 0.9742 0.8070 0.9762);" title="L=0.91"></div><div class="sw" style="background: #D5FB00; background: color(display-p3 0.8627 0.9796 0.2117);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #411F4B; background: color(display-p3 0.2381 0.1286 0.2837);" title="L=0.31"></div><div class="sw" style="background: #2A4C1C; background: color(display-p3 0.1965 0.2959 0.1356);" title="L=0.38"></div><div class="sw" style="background: #9651FF; background: color(display-p3 0.5535 0.3308 0.9737);" title="L=0.61"></div><div class="sw" style="background: #00AE78; background: color(display-p3 0.2713 0.6708 0.4849);" title="L=0.66"></div><div class="sw" style="background: #FFCCFC; background: color(display-p3 0.9742 0.8070 0.9762);" title="L=0.91"></div><div class="sw" style="background: #D5FB00; background: color(display-p3 0.8627 0.9796 0.2117);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #411F4B; background: color(display-p3 0.2381 0.1286 0.2837);" title="L=0.31"></div><div class="sw" style="background: #2A4C1C; background: color(display-p3 0.1965 0.2959 0.1356);" title="L=0.38"></div><div class="sw" style="background: #9651FF; background: color(display-p3 0.5535 0.3308 0.9737);" title="L=0.61"></div><div class="sw" style="background: #00AE78; background: color(display-p3 0.2713 0.6708 0.4849);" title="L=0.66"></div><div class="sw" style="background: #FFCCFC; background: color(display-p3 0.9742 0.8070 0.9762);" title="L=0.91"></div><div class="sw" style="background: #D5FB00; background: color(display-p3 0.8627 0.9796 0.2117);" title="L=0.93"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #411F4B; background: color(display-p3 0.2381 0.1286 0.2837);" title=""></div>
 <div class="sw" style="background: #2A4C1C; background: color(display-p3 0.1965 0.2959 0.1356);" title=""></div>
 <div class="sw" style="background: #9651FF; background: color(display-p3 0.5535 0.3308 0.9737);" title=""></div>
 <div class="sw" style="background: #00AE78; background: color(display-p3 0.2713 0.6708 0.4849);" title=""></div>
 <div class="sw" style="background: #FFCCFC; background: color(display-p3 0.9742 0.8070 0.9762);" title=""></div>
 <div class="sw" style="background: #D5FB00; background: color(display-p3 0.8627 0.9796 0.2117);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2B2B4A; background: color(display-p3 0.1672 0.1683 0.2812);" title=""></div>
 <div class="sw" style="background: #45451F; background: color(display-p3 0.2694 0.2721 0.1417);" title=""></div>
 <div class="sw" style="background: #3171FF; background: color(display-p3 0.2600 0.4381 0.9655);" title=""></div>
 <div class="sw" style="background: #879A7A; background: color(display-p3 0.5442 0.6010 0.4915);" title=""></div>
 <div class="sw" style="background: #E0DAFB; background: color(display-p3 0.8738 0.8560 0.9724);" title=""></div>
 <div class="sw" style="background: #FEEF00; background: color(display-p3 0.9852 0.9386 0.2634);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #212E4A; background: color(display-p3 0.1410 0.1795 0.2801);" title=""></div>
 <div class="sw" style="background: #4A4320; background: color(display-p3 0.2856 0.2636 0.1441);" title=""></div>
 <div class="sw" style="background: #0079FE; background: color(display-p3 0.0000 0.4632 0.9612);" title=""></div>
 <div class="sw" style="background: #98927B; background: color(display-p3 0.5920 0.5735 0.4930);" title=""></div>
 <div class="sw" style="background: #D6DFFA; background: color(display-p3 0.8441 0.8721 0.9711);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9260 0.2859);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #27284B; background: color(display-p3 0.1540 0.1583 0.2864);" title=""></div>
 <div class="sw" style="background: #47471A; background: color(display-p3 0.2789 0.2798 0.1292);" title=""></div>
 <div class="sw" style="background: #2A73FF; background: color(display-p3 0.2467 0.4432 0.9852);" title=""></div>
 <div class="sw" style="background: #92A277; background: color(display-p3 0.5853 0.6335 0.4820);" title=""></div>
 <div class="sw" style="background: #DAD6FD; background: color(display-p3 0.8533 0.8382 0.9793);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9908 0.9395 0.1007);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #162B4C; background: color(display-p3 0.1063 0.1653 0.2890);" title=""></div>
 <div class="sw" style="background: #4F4618; background: color(display-p3 0.3032 0.2755 0.1222);" title=""></div>
 <div class="sw" style="background: #007CFF; background: color(display-p3 0.0000 0.4751 0.9943);" title=""></div>
 <div class="sw" style="background: #AA9F74; background: color(display-p3 0.6603 0.6264 0.4761);" title=""></div>
 <div class="sw" style="background: #CAD8FE; background: color(display-p3 0.8015 0.8450 0.9830);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9256 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #412531; background: color(display-p3 0.2406 0.1519 0.1913);" title=""></div>
 <div class="sw" style="background: #284A42; background: color(display-p3 0.1886 0.2854 0.2589);" title=""></div>
 <div class="sw" style="background: #7B7CA3; background: color(display-p3 0.4818 0.4877 0.6292);" title=""></div>
 <div class="sw" style="background: #00AE9F; background: color(display-p3 0.0231 0.6689 0.6233);" title=""></div>
 <div class="sw" style="background: #FFCFDC; background: color(display-p3 0.9906 0.8202 0.8628);" title=""></div>
 <div class="sw" style="background: #E3ECD4; background: color(display-p3 0.8956 0.9241 0.8380);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.62 (0.34–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 33.7%;"></span><span class="l-dot" style="left: 41.1%;"></span><span class="l-dot" style="left: 60.9%;"></span><span class="l-dot" style="left: 71.0%;"></span><span class="l-dot" style="left: 94.8%;"></span><span class="l-dot" style="left: 95.5%;"></span></span></div><div class="subtitle">conservative ΔE min 30.27 &nbsp; mean 42.75<br>expected ΔE min 33.22 &nbsp; mean 52.74<br>L values [0.337, 0.411, 0.609, 0.71, 0.948, 0.955]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.146</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #233F2A; background: color(display-p3 0.1613 0.2430 0.1710);" title="L=0.34"></div><div class="sw" style="background: #632987; background: color(display-p3 0.3602 0.1757 0.5110);" title="L=0.41"></div><div class="sw" style="background: #009E42; background: color(display-p3 0.2624 0.6098 0.3033);" title="L=0.61"></div><div class="sw" style="background: #D769FF; background: color(display-p3 0.7865 0.4358 0.9735);" title="L=0.71"></div><div class="sw" style="background: #FAF800; background: color(display-p3 0.9780 0.9737 0.2007);" title="L=0.95"></div><div class="sw" style="background: #D0FBF2; background: color(display-p3 0.8491 0.9780 0.9489);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #233F2A; background: color(display-p3 0.1613 0.2430 0.1710);" title="L=0.34"></div><div class="sw" style="background: #632987; background: color(display-p3 0.3602 0.1757 0.5110);" title="L=0.41"></div><div class="sw" style="background: #009E42; background: color(display-p3 0.2624 0.6098 0.3033);" title="L=0.61"></div><div class="sw" style="background: #D769FF; background: color(display-p3 0.7865 0.4358 0.9735);" title="L=0.71"></div><div class="sw" style="background: #FAF800; background: color(display-p3 0.9780 0.9737 0.2007);" title="L=0.95"></div><div class="sw" style="background: #D0FBF2; background: color(display-p3 0.8491 0.9780 0.9489);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #233F2A; background: color(display-p3 0.1613 0.2430 0.1710);" title="L=0.34"></div><div class="sw" style="background: #632987; background: color(display-p3 0.3602 0.1757 0.5110);" title="L=0.41"></div><div class="sw" style="background: #009E42; background: color(display-p3 0.2624 0.6098 0.3033);" title="L=0.61"></div><div class="sw" style="background: #D769FF; background: color(display-p3 0.7865 0.4358 0.9735);" title="L=0.71"></div><div class="sw" style="background: #FAF800; background: color(display-p3 0.9780 0.9737 0.2007);" title="L=0.95"></div><div class="sw" style="background: #D0FBF2; background: color(display-p3 0.8491 0.9780 0.9489);" title="L=0.95"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #233F2A; background: color(display-p3 0.1613 0.2430 0.1710);" title=""></div>
 <div class="sw" style="background: #632987; background: color(display-p3 0.3602 0.1757 0.5110);" title=""></div>
 <div class="sw" style="background: #009E42; background: color(display-p3 0.2624 0.6098 0.3033);" title=""></div>
 <div class="sw" style="background: #D769FF; background: color(display-p3 0.7865 0.4358 0.9735);" title=""></div>
 <div class="sw" style="background: #FAF800; background: color(display-p3 0.9780 0.9737 0.2007);" title=""></div>
 <div class="sw" style="background: #D0FBF2; background: color(display-p3 0.8491 0.9780 0.9489);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #36392B; background: color(display-p3 0.2156 0.2247 0.1733);" title=""></div>
 <div class="sw" style="background: #354186; background: color(display-p3 0.2165 0.2523 0.5064);" title=""></div>
 <div class="sw" style="background: #818B48; background: color(display-p3 0.5120 0.5445 0.3160);" title=""></div>
 <div class="sw" style="background: #8B92FD; background: color(display-p3 0.5494 0.5703 0.9654);" title=""></div>
 <div class="sw" style="background: #FFF400; background: color(display-p3 1.0000 0.9596 0.2512);" title=""></div>
 <div class="sw" style="background: #E8F2F2; background: color(display-p3 0.9185 0.9492 0.9501);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #3B372B; background: color(display-p3 0.2277 0.2179 0.1740);" title=""></div>
 <div class="sw" style="background: #1A4685; background: color(display-p3 0.1485 0.2716 0.5042);" title=""></div>
 <div class="sw" style="background: #90844A; background: color(display-p3 0.5571 0.5194 0.3201);" title=""></div>
 <div class="sw" style="background: #699CFC; background: color(display-p3 0.4544 0.6064 0.9618);" title=""></div>
 <div class="sw" style="background: #FFF300; background: color(display-p3 1.0000 0.9575 0.2762);" title=""></div>
 <div class="sw" style="background: #EEEFF3; background: color(display-p3 0.9353 0.9384 0.9501);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #393B29; background: color(display-p3 0.2245 0.2321 0.1693);" title=""></div>
 <div class="sw" style="background: #2F3E88; background: color(display-p3 0.1953 0.2415 0.5167);" title=""></div>
 <div class="sw" style="background: #89923F; background: color(display-p3 0.5451 0.5709 0.2933);" title=""></div>
 <div class="sw" style="background: #7F8AFF; background: color(display-p3 0.5076 0.5414 0.9827);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9453 0.0497);" title=""></div>
 <div class="sw" style="background: #EDF6F2; background: color(display-p3 0.9357 0.9643 0.9494);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #3F3A29; background: color(display-p3 0.2438 0.2296 0.1671);" title=""></div>
 <div class="sw" style="background: #00438A; background: color(display-p3 0.0548 0.2578 0.5216);" title=""></div>
 <div class="sw" style="background: #9F8F3A; background: color(display-p3 0.6133 0.5619 0.2798);" title=""></div>
 <div class="sw" style="background: #3C92FF; background: color(display-p3 0.3291 0.5665 0.9911);" title=""></div>
 <div class="sw" style="background: #FFED00; background: color(display-p3 1.0000 0.9325 0.0000);" title=""></div>
 <div class="sw" style="background: #F7F5F2; background: color(display-p3 0.9663 0.9625 0.9486);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #1E3E39; background: color(display-p3 0.1476 0.2394 0.2241);" title=""></div>
 <div class="sw" style="background: #5E3D55; background: color(display-p3 0.3494 0.2458 0.3267);" title=""></div>
 <div class="sw" style="background: #009B8A; background: color(display-p3 0.1619 0.5964 0.5403);" title=""></div>
 <div class="sw" style="background: #D483AB; background: color(display-p3 0.7865 0.5292 0.6645);" title=""></div>
 <div class="sw" style="background: #FFE6D1; background: color(display-p3 1.0000 0.9083 0.8309);" title=""></div>
 <div class="sw" style="background: #C5FCF8; background: color(display-p3 0.8181 0.9834 0.9703);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.65 (0.30–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 30.0%;"></span><span class="l-dot" style="left: 38.9%;"></span><span class="l-dot" style="left: 61.3%;"></span><span class="l-dot" style="left: 67.3%;"></span><span class="l-dot" style="left: 88.6%;"></span><span class="l-dot" style="left: 94.7%;"></span></span></div><div class="subtitle">conservative ΔE min 30.00 &nbsp; mean 42.36<br>expected ΔE min 31.78 &nbsp; mean 54.57<br>L values [0.3, 0.389, 0.613, 0.673, 0.886, 0.947]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.153</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #3C1F4B; background: color(display-p3 0.2188 0.1276 0.2828);" title="L=0.30"></div><div class="sw" style="background: #2A4F26; background: color(display-p3 0.2006 0.3065 0.1666);" title="L=0.39"></div><div class="sw" style="background: #AC3DFF; background: color(display-p3 0.6227 0.2689 0.9703);" title="L=0.61"></div><div class="sw" style="background: #7FA271; background: color(display-p3 0.5270 0.6314 0.4612);" title="L=0.67"></div><div class="sw" style="background: #00FEFA; background: color(display-p3 0.2863 0.9780 0.9739);" title="L=0.89"></div><div class="sw" style="background: #F8F900; background: color(display-p3 0.9715 0.9753 0.2285);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #3C1F4B; background: color(display-p3 0.2188 0.1276 0.2828);" title="L=0.30"></div><div class="sw" style="background: #2A4F26; background: color(display-p3 0.2006 0.3065 0.1666);" title="L=0.39"></div><div class="sw" style="background: #AC3DFF; background: color(display-p3 0.6227 0.2689 0.9703);" title="L=0.61"></div><div class="sw" style="background: #7FA271; background: color(display-p3 0.5270 0.6314 0.4612);" title="L=0.67"></div><div class="sw" style="background: #00FEFA; background: color(display-p3 0.2863 0.9780 0.9739);" title="L=0.89"></div><div class="sw" style="background: #F8F900; background: color(display-p3 0.9715 0.9753 0.2285);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #3C1F4B; background: color(display-p3 0.2188 0.1276 0.2828);" title="L=0.30"></div><div class="sw" style="background: #2A4F26; background: color(display-p3 0.2006 0.3065 0.1666);" title="L=0.39"></div><div class="sw" style="background: #AC3DFF; background: color(display-p3 0.6227 0.2689 0.9703);" title="L=0.61"></div><div class="sw" style="background: #7FA271; background: color(display-p3 0.5270 0.6314 0.4612);" title="L=0.67"></div><div class="sw" style="background: #00FEFA; background: color(display-p3 0.2863 0.9780 0.9739);" title="L=0.89"></div><div class="sw" style="background: #F8F900; background: color(display-p3 0.9715 0.9753 0.2285);" title="L=0.95"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #3C1F4B; background: color(display-p3 0.2188 0.1276 0.2828);" title=""></div>
 <div class="sw" style="background: #2A4F26; background: color(display-p3 0.2006 0.3065 0.1666);" title=""></div>
 <div class="sw" style="background: #AC3DFF; background: color(display-p3 0.6227 0.2689 0.9703);" title=""></div>
 <div class="sw" style="background: #7FA271; background: color(display-p3 0.5270 0.6314 0.4612);" title=""></div>
 <div class="sw" style="background: #00FEFA; background: color(display-p3 0.2863 0.9780 0.9739);" title=""></div>
 <div class="sw" style="background: #F8F900; background: color(display-p3 0.9715 0.9753 0.2285);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #26294A; background: color(display-p3 0.1522 0.1613 0.2803);" title=""></div>
 <div class="sw" style="background: #464828; background: color(display-p3 0.2759 0.2819 0.1715);" title=""></div>
 <div class="sw" style="background: #456FFE; background: color(display-p3 0.3090 0.4322 0.9616);" title=""></div>
 <div class="sw" style="background: #9A9A73; background: color(display-p3 0.6030 0.6039 0.4661);" title=""></div>
 <div class="sw" style="background: #B0E2FC; background: color(display-p3 0.7297 0.8788 0.9761);" title=""></div>
 <div class="sw" style="background: #FFF400; background: color(display-p3 1.0000 0.9595 0.2733);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #1D2C49; background: color(display-p3 0.1271 0.1708 0.2792);" title=""></div>
 <div class="sw" style="background: #4C4529; background: color(display-p3 0.2926 0.2729 0.1734);" title=""></div>
 <div class="sw" style="background: #007AFD; background: color(display-p3 0.0172 0.4691 0.9572);" title=""></div>
 <div class="sw" style="background: #A09773; background: color(display-p3 0.6218 0.5944 0.4681);" title=""></div>
 <div class="sw" style="background: #C9D6FC; background: color(display-p3 0.7972 0.8377 0.9750);" title=""></div>
 <div class="sw" style="background: #FFF300; background: color(display-p3 1.0000 0.9566 0.2959);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #23284B; background: color(display-p3 0.1420 0.1547 0.2856);" title=""></div>
 <div class="sw" style="background: #494A24; background: color(display-p3 0.2865 0.2905 0.1619);" title=""></div>
 <div class="sw" style="background: #366CFF; background: color(display-p3 0.2659 0.4194 0.9816);" title=""></div>
 <div class="sw" style="background: #9C9C6F; background: color(display-p3 0.6134 0.6121 0.4560);" title=""></div>
 <div class="sw" style="background: #C5F0FB; background: color(display-p3 0.8072 0.9371 0.9786);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9463 0.1214);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #142A4C; background: color(display-p3 0.0995 0.1616 0.2882);" title=""></div>
 <div class="sw" style="background: #514923; background: color(display-p3 0.3118 0.2864 0.1566);" title=""></div>
 <div class="sw" style="background: #0077FF; background: color(display-p3 0.0000 0.4553 0.9910);" title=""></div>
 <div class="sw" style="background: #A69A6E; background: color(display-p3 0.6418 0.6070 0.4507);" title=""></div>
 <div class="sw" style="background: #EAEEFB; background: color(display-p3 0.9208 0.9336 0.9782);" title=""></div>
 <div class="sw" style="background: #FFED00; background: color(display-p3 1.0000 0.9336 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #3A2631; background: color(display-p3 0.2169 0.1533 0.1907);" title=""></div>
 <div class="sw" style="background: #274D45; background: color(display-p3 0.1887 0.2977 0.2727);" title=""></div>
 <div class="sw" style="background: #9B709E; background: color(display-p3 0.5839 0.4450 0.6089);" title=""></div>
 <div class="sw" style="background: #7F9E95; background: color(display-p3 0.5216 0.6176 0.5860);" title=""></div>
 <div class="sw" style="background: #00FFFC; background: color(display-p3 0.0000 1.0000 0.9808);" title=""></div>
 <div class="sw" style="background: #FFE7D2; background: color(display-p3 1.0000 0.9113 0.8340);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.68 (0.29–0.97)<br><span class="l-bar"><span class="l-dot" style="left: 29.5%;"></span><span class="l-dot" style="left: 37.5%;"></span><span class="l-dot" style="left: 61.0%;"></span><span class="l-dot" style="left: 67.2%;"></span><span class="l-dot" style="left: 87.1%;"></span><span class="l-dot" style="left: 97.1%;"></span></span></div><div class="subtitle">conservative ΔE min 29.85 &nbsp; mean 44.40<br>expected ΔE min 32.13 &nbsp; mean 48.84<br>L values [0.295, 0.375, 0.61, 0.672, 0.871, 0.971]<br>L class: <b>near-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 1 &nbsp;·&nbsp; mean chroma 0.097</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #3D2619; background: color(display-p3 0.2261 0.1542 0.1065);" title="L=0.29"></div><div class="sw" style="background: #33367F; background: color(display-p3 0.2038 0.2118 0.4810);" title="L=0.37"></div><div class="sw" style="background: #87846F; background: color(display-p3 0.5271 0.5191 0.4422);" title="L=0.61"></div><div class="sw" style="background: #009BFF; background: color(display-p3 0.2615 0.5969 0.9711);" title="L=0.67"></div><div class="sw" style="background: #FFCE00; background: color(display-p3 0.9766 0.8163 0.2365);" title="L=0.87"></div><div class="sw" style="background: #E8FAFA; background: color(display-p3 0.9235 0.9768 0.9779);" title="L=0.97"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #3D2619; background: color(display-p3 0.2261 0.1542 0.1065);" title="L=0.29"></div><div class="sw" style="background: #33367F; background: color(display-p3 0.2038 0.2118 0.4810);" title="L=0.37"></div><div class="sw" style="background: #87846F; background: color(display-p3 0.5271 0.5191 0.4422);" title="L=0.61"></div><div class="sw" style="background: #009BFF; background: color(display-p3 0.2615 0.5969 0.9711);" title="L=0.67"></div><div class="sw" style="background: #FFCE00; background: color(display-p3 0.9766 0.8163 0.2365);" title="L=0.87"></div><div class="sw" style="background: #E8FAFA; background: color(display-p3 0.9235 0.9768 0.9779);" title="L=0.97"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #3D2619; background: color(display-p3 0.2261 0.1542 0.1065);" title="L=0.29"></div><div class="sw" style="background: #33367F; background: color(display-p3 0.2038 0.2118 0.4810);" title="L=0.37"></div><div class="sw" style="background: #87846F; background: color(display-p3 0.5271 0.5191 0.4422);" title="L=0.61"></div><div class="sw" style="background: #009BFF; background: color(display-p3 0.2615 0.5969 0.9711);" title="L=0.67"></div><div class="sw" style="background: #FFCE00; background: color(display-p3 0.9766 0.8163 0.2365);" title="L=0.87"></div><div class="sw" style="background: #E8FAFA; background: color(display-p3 0.9235 0.9768 0.9779);" title="L=0.97"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #3D2619; background: color(display-p3 0.2261 0.1542 0.1065);" title=""></div>
 <div class="sw" style="background: #33367F; background: color(display-p3 0.2038 0.2118 0.4810);" title=""></div>
 <div class="sw" style="background: #87846F; background: color(display-p3 0.5271 0.5191 0.4422);" title=""></div>
 <div class="sw" style="background: #009BFF; background: color(display-p3 0.2615 0.5969 0.9711);" title=""></div>
 <div class="sw" style="background: #FFCE00; background: color(display-p3 0.9766 0.8163 0.2365);" title=""></div>
 <div class="sw" style="background: #E8FAFA; background: color(display-p3 0.9235 0.9768 0.9779);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #342C19; background: color(display-p3 0.1999 0.1724 0.1069);" title=""></div>
 <div class="sw" style="background: #0F3B7E; background: color(display-p3 0.1103 0.2268 0.4774);" title=""></div>
 <div class="sw" style="background: #89846F; background: color(display-p3 0.5334 0.5184 0.4438);" title=""></div>
 <div class="sw" style="background: #3C92FE; background: color(display-p3 0.3271 0.5634 0.9661);" title=""></div>
 <div class="sw" style="background: #F7D600; background: color(display-p3 0.9470 0.8454 0.2616);" title=""></div>
 <div class="sw" style="background: #F1F6FA; background: color(display-p3 0.9494 0.9649 0.9782);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #322D19; background: color(display-p3 0.1930 0.1790 0.1080);" title=""></div>
 <div class="sw" style="background: #003B7E; background: color(display-p3 0.0550 0.2288 0.4753);" title=""></div>
 <div class="sw" style="background: #8A846F; background: color(display-p3 0.5357 0.5187 0.4449);" title=""></div>
 <div class="sw" style="background: #408DFD; background: color(display-p3 0.3305 0.5457 0.9624);" title=""></div>
 <div class="sw" style="background: #F5DA00; background: color(display-p3 0.9421 0.8583 0.2794);" title=""></div>
 <div class="sw" style="background: #F3F5FA; background: color(display-p3 0.9558 0.9604 0.9780);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #322918; background: color(display-p3 0.1893 0.1602 0.1030);" title=""></div>
 <div class="sw" style="background: #173E81; background: color(display-p3 0.1322 0.2416 0.4869);" title=""></div>
 <div class="sw" style="background: #88836E; background: color(display-p3 0.5307 0.5151 0.4393);" title=""></div>
 <div class="sw" style="background: #579EFF; background: color(display-p3 0.4077 0.6112 0.9816);" title=""></div>
 <div class="sw" style="background: #F0CE00; background: color(display-p3 0.9190 0.8112 0.1638);" title=""></div>
 <div class="sw" style="background: #F3F8FA; background: color(display-p3 0.9569 0.9718 0.9786);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #2D2918; background: color(display-p3 0.1723 0.1598 0.1017);" title=""></div>
 <div class="sw" style="background: #024282; background: color(display-p3 0.1001 0.2535 0.4911);" title=""></div>
 <div class="sw" style="background: #89836D; background: color(display-p3 0.5315 0.5130 0.4373);" title=""></div>
 <div class="sw" style="background: #68A1FF; background: color(display-p3 0.4567 0.6246 0.9881);" title=""></div>
 <div class="sw" style="background: #E8CC00; background: color(display-p3 0.8926 0.8025 0.0950);" title=""></div>
 <div class="sw" style="background: #F7F8FA; background: color(display-p3 0.9695 0.9714 0.9786);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #422223; background: color(display-p3 0.2435 0.1401 0.1400);" title=""></div>
 <div class="sw" style="background: #054755; background: color(display-p3 0.1145 0.2743 0.3262);" title=""></div>
 <div class="sw" style="background: #8B817E; background: color(display-p3 0.5380 0.5077 0.4966);" title=""></div>
 <div class="sw" style="background: #00B3C0; background: color(display-p3 0.0000 0.6869 0.7428);" title=""></div>
 <div class="sw" style="background: #FFBAAF; background: color(display-p3 1.0000 0.7470 0.6983);" title=""></div>
 <div class="sw" style="background: #E4FBFA; background: color(display-p3 0.9096 0.9812 0.9777);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.68 (0.30–0.98)<br><span class="l-bar"><span class="l-dot" style="left: 30.1%;"></span><span class="l-dot" style="left: 45.6%;"></span><span class="l-dot" style="left: 60.2%;"></span><span class="l-dot" style="left: 71.1%;"></span><span class="l-dot" style="left: 83.8%;"></span><span class="l-dot" style="left: 97.6%;"></span></span></div><div class="subtitle">conservative ΔE min 29.82 &nbsp; mean 43.55<br>expected ΔE min 31.80 &nbsp; mean 49.32<br>L values [0.301, 0.456, 0.602, 0.711, 0.838, 0.976]<br>L class: <b>monotone</b> &nbsp;·&nbsp; near-same-L pairs: 0 &nbsp;·&nbsp; mean chroma 0.11</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #3F262B; background: color(display-p3 0.2313 0.1529 0.1693);" title="L=0.30"></div><div class="sw" style="background: #3C37D0; background: color(display-p3 0.2331 0.2151 0.7829);" title="L=0.46"></div><div class="sw" style="background: #84826B; background: color(display-p3 0.5176 0.5104 0.4280);" title="L=0.60"></div><div class="sw" style="background: #00ADFE; background: color(display-p3 0.2739 0.6689 0.9710);" title="L=0.71"></div><div class="sw" style="background: #FFBC00; background: color(display-p3 0.9740 0.7481 0.2007);" title="L=0.84"></div><div class="sw" style="background: #F0FAF4; background: color(display-p3 0.9471 0.9795 0.9598);" title="L=0.98"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #3F262B; background: color(display-p3 0.2313 0.1529 0.1693);" title="L=0.30"></div><div class="sw" style="background: #3C37D0; background: color(display-p3 0.2331 0.2151 0.7829);" title="L=0.46"></div><div class="sw" style="background: #84826B; background: color(display-p3 0.5176 0.5104 0.4280);" title="L=0.60"></div><div class="sw" style="background: #00ADFE; background: color(display-p3 0.2739 0.6689 0.9710);" title="L=0.71"></div><div class="sw" style="background: #FFBC00; background: color(display-p3 0.9740 0.7481 0.2007);" title="L=0.84"></div><div class="sw" style="background: #F0FAF4; background: color(display-p3 0.9471 0.9795 0.9598);" title="L=0.98"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #3F262B; background: color(display-p3 0.2313 0.1529 0.1693);" title="L=0.30"></div><div class="sw" style="background: #3C37D0; background: color(display-p3 0.2331 0.2151 0.7829);" title="L=0.46"></div><div class="sw" style="background: #84826B; background: color(display-p3 0.5176 0.5104 0.4280);" title="L=0.60"></div><div class="sw" style="background: #00ADFE; background: color(display-p3 0.2739 0.6689 0.9710);" title="L=0.71"></div><div class="sw" style="background: #FFBC00; background: color(display-p3 0.9740 0.7481 0.2007);" title="L=0.84"></div><div class="sw" style="background: #F0FAF4; background: color(display-p3 0.9471 0.9795 0.9598);" title="L=0.98"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #3F262B; background: color(display-p3 0.2313 0.1529 0.1693);" title=""></div>
 <div class="sw" style="background: #3C37D0; background: color(display-p3 0.2331 0.2151 0.7829);" title=""></div>
 <div class="sw" style="background: #84826B; background: color(display-p3 0.5176 0.5104 0.4280);" title=""></div>
 <div class="sw" style="background: #00ADFE; background: color(display-p3 0.2739 0.6689 0.9710);" title=""></div>
 <div class="sw" style="background: #FFBC00; background: color(display-p3 0.9740 0.7481 0.2007);" title=""></div>
 <div class="sw" style="background: #F0FAF4; background: color(display-p3 0.9471 0.9795 0.9598);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #332C2B; background: color(display-p3 0.1960 0.1750 0.1685);" title=""></div>
 <div class="sw" style="background: #0047CE; background: color(display-p3 0.0000 0.2691 0.7763);" title=""></div>
 <div class="sw" style="background: #87826B; background: color(display-p3 0.5250 0.5094 0.4298);" title=""></div>
 <div class="sw" style="background: #5AA0FE; background: color(display-p3 0.4192 0.6218 0.9670);" title=""></div>
 <div class="sw" style="background: #EFCA00; background: color(display-p3 0.9123 0.7975 0.2232);" title=""></div>
 <div class="sw" style="background: #F6F8F5; background: color(display-p3 0.9658 0.9715 0.9604);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #302E2B; background: color(display-p3 0.1858 0.1824 0.1686);" title=""></div>
 <div class="sw" style="background: #004ACD; background: color(display-p3 0.0000 0.2775 0.7724);" title=""></div>
 <div class="sw" style="background: #88826C; background: color(display-p3 0.5276 0.5096 0.4309);" title=""></div>
 <div class="sw" style="background: #649AFD; background: color(display-p3 0.4406 0.5996 0.9637);" title=""></div>
 <div class="sw" style="background: #E9CF00; background: color(display-p3 0.8983 0.8171 0.2420);" title=""></div>
 <div class="sw" style="background: #F8F7F5; background: color(display-p3 0.9706 0.9686 0.9605);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #30292B; background: color(display-p3 0.1851 0.1636 0.1687);" title=""></div>
 <div class="sw" style="background: #0050D2; background: color(display-p3 0.0000 0.3042 0.7932);" title=""></div>
 <div class="sw" style="background: #86816A; background: color(display-p3 0.5224 0.5061 0.4249);" title=""></div>
 <div class="sw" style="background: #70ADFF; background: color(display-p3 0.4929 0.6706 0.9807);" title=""></div>
 <div class="sw" style="background: #E6BF00; background: color(display-p3 0.8762 0.7535 0.1153);" title=""></div>
 <div class="sw" style="background: #F7F9F4; background: color(display-p3 0.9699 0.9750 0.9595);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #2A2A2B; background: color(display-p3 0.1636 0.1648 0.1692);" title=""></div>
 <div class="sw" style="background: #0058D4; background: color(display-p3 0.0000 0.3341 0.8008);" title=""></div>
 <div class="sw" style="background: #878069; background: color(display-p3 0.5235 0.5039 0.4227);" title=""></div>
 <div class="sw" style="background: #85AFFF; background: color(display-p3 0.5557 0.6801 0.9862);" title=""></div>
 <div class="sw" style="background: #D9BD00; background: color(display-p3 0.8316 0.7465 0.0176);" title=""></div>
 <div class="sw" style="background: #FAF8F4; background: color(display-p3 0.9783 0.9742 0.9590);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #432428; background: color(display-p3 0.2451 0.1472 0.1572);" title=""></div>
 <div class="sw" style="background: #006380; background: color(display-p3 0.0000 0.3783 0.4909);" title=""></div>
 <div class="sw" style="background: #897F7C; background: color(display-p3 0.5289 0.4985 0.4865);" title=""></div>
 <div class="sw" style="background: #00C2CA; background: color(display-p3 0.0000 0.7438 0.7822);" title=""></div>
 <div class="sw" style="background: #FFA69F; background: color(display-p3 1.0000 0.6740 0.6370);" title=""></div>
 <div class="sw" style="background: #EEFAF8; background: color(display-p3 0.9417 0.9792 0.9737);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.61 (0.32–0.93)<br><span class="l-bar"><span class="l-dot" style="left: 32.1%;"></span><span class="l-dot" style="left: 32.2%;"></span><span class="l-dot" style="left: 60.6%;"></span><span class="l-dot" style="left: 60.8%;"></span><span class="l-dot" style="left: 85.8%;"></span><span class="l-dot" style="left: 93.0%;"></span></span></div><div class="subtitle">conservative ΔE min 29.74 &nbsp; mean 42.16<br>expected ΔE min 32.87 &nbsp; mean 53.71<br>L values [0.321, 0.322, 0.606, 0.608, 0.858, 0.93]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.127</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #48214A; background: color(display-p3 0.2637 0.1371 0.2834);" title="L=0.32"></div><div class="sw" style="background: #233B00; background: color(display-p3 0.1603 0.2309 0.0374);" title="L=0.32"></div><div class="sw" style="background: #606CFF; background: color(display-p3 0.3848 0.4220 0.9718);" title="L=0.61"></div><div class="sw" style="background: #868278; background: color(display-p3 0.5239 0.5120 0.4736);" title="L=0.61"></div><div class="sw" style="background: #0AFC00; background: color(display-p3 0.4552 0.9725 0.2867);" title="L=0.86"></div><div class="sw" style="background: #FFDAFB; background: color(display-p3 0.9794 0.8609 0.9767);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #48214A; background: color(display-p3 0.2637 0.1371 0.2834);" title="L=0.32"></div><div class="sw" style="background: #233B00; background: color(display-p3 0.1603 0.2309 0.0374);" title="L=0.32"></div><div class="sw" style="background: #606CFF; background: color(display-p3 0.3848 0.4220 0.9718);" title="L=0.61"></div><div class="sw" style="background: #868278; background: color(display-p3 0.5239 0.5120 0.4736);" title="L=0.61"></div><div class="sw" style="background: #0AFC00; background: color(display-p3 0.4552 0.9725 0.2867);" title="L=0.86"></div><div class="sw" style="background: #FFDAFB; background: color(display-p3 0.9794 0.8609 0.9767);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #48214A; background: color(display-p3 0.2637 0.1371 0.2834);" title="L=0.32"></div><div class="sw" style="background: #233B00; background: color(display-p3 0.1603 0.2309 0.0374);" title="L=0.32"></div><div class="sw" style="background: #606CFF; background: color(display-p3 0.3848 0.4220 0.9718);" title="L=0.61"></div><div class="sw" style="background: #868278; background: color(display-p3 0.5239 0.5120 0.4736);" title="L=0.61"></div><div class="sw" style="background: #0AFC00; background: color(display-p3 0.4552 0.9725 0.2867);" title="L=0.86"></div><div class="sw" style="background: #FFDAFB; background: color(display-p3 0.9794 0.8609 0.9767);" title="L=0.93"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #48214A; background: color(display-p3 0.2637 0.1371 0.2834);" title=""></div>
 <div class="sw" style="background: #233B00; background: color(display-p3 0.1603 0.2309 0.0374);" title=""></div>
 <div class="sw" style="background: #606CFF; background: color(display-p3 0.3848 0.4220 0.9718);" title=""></div>
 <div class="sw" style="background: #868278; background: color(display-p3 0.5239 0.5120 0.4736);" title=""></div>
 <div class="sw" style="background: #0AFC00; background: color(display-p3 0.4552 0.9725 0.2867);" title=""></div>
 <div class="sw" style="background: #FFDAFB; background: color(display-p3 0.9794 0.8609 0.9767);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #312E4A; background: color(display-p3 0.1906 0.1818 0.2809);" title=""></div>
 <div class="sw" style="background: #373602; background: color(display-p3 0.2163 0.2125 0.0487);" title=""></div>
 <div class="sw" style="background: #0075FF; background: color(display-p3 0.1412 0.4507 0.9647);" title=""></div>
 <div class="sw" style="background: #868378; background: color(display-p3 0.5236 0.5135 0.4743);" title=""></div>
 <div class="sw" style="background: #D4DE2D; background: color(display-p3 0.8382 0.8707 0.3286);" title=""></div>
 <div class="sw" style="background: #E8E4FA; background: color(display-p3 0.9078 0.8945 0.9740);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #283249; background: color(display-p3 0.1646 0.1945 0.2799);" title=""></div>
 <div class="sw" style="background: #3C3403; background: color(display-p3 0.2292 0.2060 0.0532);" title=""></div>
 <div class="sw" style="background: #0076FE; background: color(display-p3 0.0000 0.4536 0.9604);" title=""></div>
 <div class="sw" style="background: #868378; background: color(display-p3 0.5239 0.5143 0.4748);" title=""></div>
 <div class="sw" style="background: #ECD337; background: color(display-p3 0.9087 0.8320 0.3426);" title=""></div>
 <div class="sw" style="background: #E1E7FA; background: color(display-p3 0.8873 0.9057 0.9731);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2D2B4B; background: color(display-p3 0.1747 0.1681 0.2858);" title=""></div>
 <div class="sw" style="background: #393700; background: color(display-p3 0.2224 0.2170 0.0238);" title=""></div>
 <div class="sw" style="background: #0B7EFF; background: color(display-p3 0.2197 0.4847 0.9835);" title=""></div>
 <div class="sw" style="background: #858277; background: color(display-p3 0.5211 0.5107 0.4721);" title=""></div>
 <div class="sw" style="background: #E0E800; background: color(display-p3 0.8852 0.9081 0.2424);" title=""></div>
 <div class="sw" style="background: #E4E1FC; background: color(display-p3 0.8933 0.8820 0.9789);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #1C2D4C; background: color(display-p3 0.1245 0.1747 0.2883);" title=""></div>
 <div class="sw" style="background: #3F3600; background: color(display-p3 0.2409 0.2129 0.0111);" title=""></div>
 <div class="sw" style="background: #0084FF; background: color(display-p3 0.1261 0.5098 0.9918);" title=""></div>
 <div class="sw" style="background: #858277; background: color(display-p3 0.5197 0.5097 0.4712);" title=""></div>
 <div class="sw" style="background: #FFE200; background: color(display-p3 0.9897 0.8921 0.1775);" title=""></div>
 <div class="sw" style="background: #D9E2FD; background: color(display-p3 0.8580 0.8866 0.9815);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #4A2632; background: color(display-p3 0.2714 0.1551 0.1948);" title=""></div>
 <div class="sw" style="background: #253831; background: color(display-p3 0.1607 0.2186 0.1934);" title=""></div>
 <div class="sw" style="background: #0090AC; background: color(display-p3 0.1084 0.5558 0.6616);" title=""></div>
 <div class="sw" style="background: #89817F; background: color(display-p3 0.5314 0.5055 0.5003);" title=""></div>
 <div class="sw" style="background: #00F4D6; background: color(display-p3 0.3538 0.9407 0.8402);" title=""></div>
 <div class="sw" style="background: #FFDCE5; background: color(display-p3 0.9921 0.8692 0.8980);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.63 (0.33–0.96)<br><span class="l-bar"><span class="l-dot" style="left: 32.8%;"></span><span class="l-dot" style="left: 33.0%;"></span><span class="l-dot" style="left: 60.9%;"></span><span class="l-dot" style="left: 61.7%;"></span><span class="l-dot" style="left: 85.1%;"></span><span class="l-dot" style="left: 95.7%;"></span></span></div><div class="subtitle">conservative ΔE min 29.71 &nbsp; mean 42.13<br>expected ΔE min 33.08 &nbsp; mean 49.79<br>L values [0.328, 0.33, 0.609, 0.617, 0.851, 0.957]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.101</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #4A234E; background: color(display-p3 0.2703 0.1436 0.2958);" title="L=0.33"></div><div class="sw" style="background: #253E02; background: color(display-p3 0.1671 0.2400 0.0547);" title="L=0.33"></div><div class="sw" style="background: #87827A; background: color(display-p3 0.5270 0.5112 0.4820);" title="L=0.61"></div><div class="sw" style="background: #317DFF; background: color(display-p3 0.2752 0.4823 0.9721);" title="L=0.62"></div><div class="sw" style="background: #FFC30B; background: color(display-p3 0.9761 0.7729 0.2715);" title="L=0.85"></div><div class="sw" style="background: #D6F9FA; background: color(display-p3 0.8662 0.9714 0.9781);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #4A234E; background: color(display-p3 0.2703 0.1436 0.2958);" title="L=0.33"></div><div class="sw" style="background: #253E02; background: color(display-p3 0.1671 0.2400 0.0547);" title="L=0.33"></div><div class="sw" style="background: #87827A; background: color(display-p3 0.5270 0.5112 0.4820);" title="L=0.61"></div><div class="sw" style="background: #317DFF; background: color(display-p3 0.2752 0.4823 0.9721);" title="L=0.62"></div><div class="sw" style="background: #FFC30B; background: color(display-p3 0.9761 0.7729 0.2715);" title="L=0.85"></div><div class="sw" style="background: #D6F9FA; background: color(display-p3 0.8662 0.9714 0.9781);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #4A234E; background: color(display-p3 0.2703 0.1436 0.2958);" title="L=0.33"></div><div class="sw" style="background: #253E02; background: color(display-p3 0.1671 0.2400 0.0547);" title="L=0.33"></div><div class="sw" style="background: #87827A; background: color(display-p3 0.5270 0.5112 0.4820);" title="L=0.61"></div><div class="sw" style="background: #317DFF; background: color(display-p3 0.2752 0.4823 0.9721);" title="L=0.62"></div><div class="sw" style="background: #FFC30B; background: color(display-p3 0.9761 0.7729 0.2715);" title="L=0.85"></div><div class="sw" style="background: #D6F9FA; background: color(display-p3 0.8662 0.9714 0.9781);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #4A234E; background: color(display-p3 0.2703 0.1436 0.2958);" title=""></div>
 <div class="sw" style="background: #253E02; background: color(display-p3 0.1671 0.2400 0.0547);" title=""></div>
 <div class="sw" style="background: #87827A; background: color(display-p3 0.5270 0.5112 0.4820);" title=""></div>
 <div class="sw" style="background: #317DFF; background: color(display-p3 0.2752 0.4823 0.9721);" title=""></div>
 <div class="sw" style="background: #FFC30B; background: color(display-p3 0.9761 0.7729 0.2715);" title=""></div>
 <div class="sw" style="background: #D6F9FA; background: color(display-p3 0.8662 0.9714 0.9781);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #32304D; background: color(display-p3 0.1956 0.1884 0.2931);" title=""></div>
 <div class="sw" style="background: #393806; background: color(display-p3 0.2244 0.2211 0.0642);" title=""></div>
 <div class="sw" style="background: #86837A; background: color(display-p3 0.5236 0.5139 0.4825);" title=""></div>
 <div class="sw" style="background: #007CFF; background: color(display-p3 0.1367 0.4768 0.9657);" title=""></div>
 <div class="sw" style="background: #F1CF17; background: color(display-p3 0.9237 0.8155 0.2888);" title=""></div>
 <div class="sw" style="background: #E8F2FA; background: color(display-p3 0.9175 0.9487 0.9785);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #29344C; background: color(display-p3 0.1689 0.2012 0.2921);" title=""></div>
 <div class="sw" style="background: #3E3608; background: color(display-p3 0.2376 0.2145 0.0681);" title=""></div>
 <div class="sw" style="background: #86837A; background: color(display-p3 0.5230 0.5151 0.4829);" title=""></div>
 <div class="sw" style="background: #007AFE; background: color(display-p3 0.0000 0.4682 0.9615);" title=""></div>
 <div class="sw" style="background: #EDD320; background: color(display-p3 0.9123 0.8328 0.3032);" title=""></div>
 <div class="sw" style="background: #EDF0FA; background: color(display-p3 0.9298 0.9400 0.9781);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2E2D4E; background: color(display-p3 0.1797 0.1750 0.2982);" title=""></div>
 <div class="sw" style="background: #3B3A00; background: color(display-p3 0.2308 0.2259 0.0422);" title=""></div>
 <div class="sw" style="background: #85827A; background: color(display-p3 0.5208 0.5109 0.4808);" title=""></div>
 <div class="sw" style="background: #1D87FF; background: color(display-p3 0.2554 0.5221 0.9836);" title=""></div>
 <div class="sw" style="background: #E9C400; background: color(display-p3 0.8906 0.7755 0.2185);" title=""></div>
 <div class="sw" style="background: #ECF6FA; background: color(display-p3 0.9324 0.9622 0.9795);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #1D2F4F; background: color(display-p3 0.1289 0.1819 0.3009);" title=""></div>
 <div class="sw" style="background: #413800; background: color(display-p3 0.2498 0.2218 0.0290);" title=""></div>
 <div class="sw" style="background: #85827A; background: color(display-p3 0.5181 0.5102 0.4801);" title=""></div>
 <div class="sw" style="background: #1C8CFF; background: color(display-p3 0.2635 0.5428 0.9914);" title=""></div>
 <div class="sw" style="background: #DEC300; background: color(display-p3 0.8519 0.7682 0.1815);" title=""></div>
 <div class="sw" style="background: #F4F5FA; background: color(display-p3 0.9566 0.9616 0.9796);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #4C2834; background: color(display-p3 0.2773 0.1630 0.2038);" title=""></div>
 <div class="sw" style="background: #263B33; background: color(display-p3 0.1669 0.2279 0.2025);" title=""></div>
 <div class="sw" style="background: #8A8180; background: color(display-p3 0.5344 0.5056 0.5022);" title=""></div>
 <div class="sw" style="background: #009DB3; background: color(display-p3 0.0000 0.6015 0.6875);" title=""></div>
 <div class="sw" style="background: #FFAEA6; background: color(display-p3 1.0000 0.7029 0.6645);" title=""></div>
 <div class="sw" style="background: #CCFBF9; background: color(display-p3 0.8365 0.9804 0.9745);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=8 &nbsp;·&nbsp; L range 0.60 (0.35–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 34.6%;"></span><span class="l-dot" style="left: 37.5%;"></span><span class="l-dot" style="left: 62.5%;"></span><span class="l-dot" style="left: 67.3%;"></span><span class="l-dot" style="left: 90.6%;"></span><span class="l-dot" style="left: 94.9%;"></span></span></div><div class="subtitle">conservative ΔE min 29.42 &nbsp; mean 40.38<br>expected ΔE min 33.14 &nbsp; mean 54.50<br>L values [0.346, 0.375, 0.625, 0.673, 0.906, 0.949]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.142</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #22422C; background: color(display-p3 0.1619 0.2544 0.1802);" title="L=0.35"></div><div class="sw" style="background: #55217E; background: color(display-p3 0.3081 0.1421 0.4743);" title="L=0.37"></div><div class="sw" style="background: #A7812F; background: color(display-p3 0.6320 0.5129 0.2442);" title="L=0.63"></div><div class="sw" style="background: #967CFF; background: color(display-p3 0.5724 0.4915 0.9709);" title="L=0.67"></div><div class="sw" style="background: #71FBE5; background: color(display-p3 0.5905 0.9734 0.8988);" title="L=0.91"></div><div class="sw" style="background: #F6FA00; background: color(display-p3 0.9679 0.9813 0.2171);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #22422C; background: color(display-p3 0.1619 0.2544 0.1802);" title="L=0.35"></div><div class="sw" style="background: #55217E; background: color(display-p3 0.3081 0.1421 0.4743);" title="L=0.37"></div><div class="sw" style="background: #A7812F; background: color(display-p3 0.6320 0.5129 0.2442);" title="L=0.63"></div><div class="sw" style="background: #967CFF; background: color(display-p3 0.5724 0.4915 0.9709);" title="L=0.67"></div><div class="sw" style="background: #71FBE5; background: color(display-p3 0.5905 0.9734 0.8988);" title="L=0.91"></div><div class="sw" style="background: #F6FA00; background: color(display-p3 0.9679 0.9813 0.2171);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #22422C; background: color(display-p3 0.1619 0.2544 0.1802);" title="L=0.35"></div><div class="sw" style="background: #55217E; background: color(display-p3 0.3081 0.1421 0.4743);" title="L=0.37"></div><div class="sw" style="background: #A7812F; background: color(display-p3 0.6320 0.5129 0.2442);" title="L=0.63"></div><div class="sw" style="background: #967CFF; background: color(display-p3 0.5724 0.4915 0.9709);" title="L=0.67"></div><div class="sw" style="background: #71FBE5; background: color(display-p3 0.5905 0.9734 0.8988);" title="L=0.91"></div><div class="sw" style="background: #F6FA00; background: color(display-p3 0.9679 0.9813 0.2171);" title="L=0.95"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #22422C; background: color(display-p3 0.1619 0.2544 0.1802);" title=""></div>
 <div class="sw" style="background: #55217E; background: color(display-p3 0.3081 0.1421 0.4743);" title=""></div>
 <div class="sw" style="background: #A7812F; background: color(display-p3 0.6320 0.5129 0.2442);" title=""></div>
 <div class="sw" style="background: #967CFF; background: color(display-p3 0.5724 0.4915 0.9709);" title=""></div>
 <div class="sw" style="background: #71FBE5; background: color(display-p3 0.5905 0.9734 0.8988);" title=""></div>
 <div class="sw" style="background: #F6FA00; background: color(display-p3 0.9679 0.9813 0.2171);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #383C2D; background: color(display-p3 0.2229 0.2342 0.1826);" title=""></div>
 <div class="sw" style="background: #26377C; background: color(display-p3 0.1642 0.2146 0.4699);" title=""></div>
 <div class="sw" style="background: #9D8831; background: color(display-p3 0.6020 0.5371 0.2513);" title=""></div>
 <div class="sw" style="background: #5F8AFE; background: color(display-p3 0.4098 0.5384 0.9640);" title=""></div>
 <div class="sw" style="background: #CBE6E6; background: color(display-p3 0.8175 0.9006 0.9021);" title=""></div>
 <div class="sw" style="background: #FFF500; background: color(display-p3 1.0000 0.9630 0.2652);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #3D3A2D; background: color(display-p3 0.2363 0.2266 0.1833);" title=""></div>
 <div class="sw" style="background: #003C7C; background: color(display-p3 0.0828 0.2321 0.4678);" title=""></div>
 <div class="sw" style="background: #9B8B33; background: color(display-p3 0.5956 0.5471 0.2574);" title=""></div>
 <div class="sw" style="background: #448EFD; background: color(display-p3 0.3412 0.5494 0.9602);" title=""></div>
 <div class="sw" style="background: #DCDEE7; background: color(display-p3 0.8640 0.8720 0.9020);" title=""></div>
 <div class="sw" style="background: #FFF400; background: color(display-p3 1.0000 0.9593 0.2888);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #3B3E2C; background: color(display-p3 0.2332 0.2426 0.1786);" title=""></div>
 <div class="sw" style="background: #20367F; background: color(display-p3 0.1456 0.2077 0.4799);" title=""></div>
 <div class="sw" style="background: #988228; background: color(display-p3 0.5823 0.5137 0.2245);" title=""></div>
 <div class="sw" style="background: #618EFF; background: color(display-p3 0.4172 0.5508 0.9811);" title=""></div>
 <div class="sw" style="background: #D8F0E5; background: color(display-p3 0.8649 0.9393 0.9001);" title=""></div>
 <div class="sw" style="background: #FFF200; background: color(display-p3 1.0000 0.9510 0.0957);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #423D2B; background: color(display-p3 0.2544 0.2400 0.1763);" title=""></div>
 <div class="sw" style="background: #003A80; background: color(display-p3 0.0000 0.2242 0.4846);" title=""></div>
 <div class="sw" style="background: #928124; background: color(display-p3 0.5600 0.5093 0.2125);" title=""></div>
 <div class="sw" style="background: #4294FF; background: color(display-p3 0.3437 0.5715 0.9889);" title=""></div>
 <div class="sw" style="background: #F1EEE4; background: color(display-p3 0.9445 0.9347 0.8980);" title=""></div>
 <div class="sw" style="background: #FFEE00; background: color(display-p3 1.0000 0.9380 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #1B413C; background: color(display-p3 0.1445 0.2512 0.2349);" title=""></div>
 <div class="sw" style="background: #4E374D; background: color(display-p3 0.2913 0.2179 0.2961);" title=""></div>
 <div class="sw" style="background: #B57570; background: color(display-p3 0.6749 0.4716 0.4484);" title=""></div>
 <div class="sw" style="background: #7898B2; background: color(display-p3 0.4961 0.5918 0.6894);" title=""></div>
 <div class="sw" style="background: #00FFF4; background: color(display-p3 0.4523 0.9863 0.9540);" title=""></div>
 <div class="sw" style="background: #FFE9D3; background: color(display-p3 1.0000 0.9174 0.8385);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.61 (0.31–0.93)<br><span class="l-bar"><span class="l-dot" style="left: 31.4%;"></span><span class="l-dot" style="left: 43.1%;"></span><span class="l-dot" style="left: 61.2%;"></span><span class="l-dot" style="left: 66.5%;"></span><span class="l-dot" style="left: 90.1%;"></span><span class="l-dot" style="left: 92.6%;"></span></span></div><div class="subtitle">conservative ΔE min 29.39 &nbsp; mean 39.11<br>expected ΔE min 29.63 &nbsp; mean 53.85<br>L values [0.314, 0.431, 0.612, 0.665, 0.901, 0.926]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.141</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #1C353F; background: color(display-p3 0.1340 0.2060 0.2421);" title="L=0.31"></div><div class="sw" style="background: #764100; background: color(display-p3 0.4351 0.2652 0.0707);" title="L=0.43"></div><div class="sw" style="background: #9752FF; background: color(display-p3 0.5552 0.3345 0.9735);" title="L=0.61"></div><div class="sw" style="background: #07AE7D; background: color(display-p3 0.3069 0.6712 0.5019);" title="L=0.66"></div><div class="sw" style="background: #FFC9FD; background: color(display-p3 0.9715 0.7974 0.9812);" title="L=0.90"></div><div class="sw" style="background: #D6FA00; background: color(display-p3 0.8680 0.9770 0.2310);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #1C353F; background: color(display-p3 0.1340 0.2060 0.2421);" title="L=0.31"></div><div class="sw" style="background: #764100; background: color(display-p3 0.4351 0.2652 0.0707);" title="L=0.43"></div><div class="sw" style="background: #9752FF; background: color(display-p3 0.5552 0.3345 0.9735);" title="L=0.61"></div><div class="sw" style="background: #07AE7D; background: color(display-p3 0.3069 0.6712 0.5019);" title="L=0.66"></div><div class="sw" style="background: #FFC9FD; background: color(display-p3 0.9715 0.7974 0.9812);" title="L=0.90"></div><div class="sw" style="background: #D6FA00; background: color(display-p3 0.8680 0.9770 0.2310);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #1C353F; background: color(display-p3 0.1340 0.2060 0.2421);" title="L=0.31"></div><div class="sw" style="background: #764100; background: color(display-p3 0.4351 0.2652 0.0707);" title="L=0.43"></div><div class="sw" style="background: #9752FF; background: color(display-p3 0.5552 0.3345 0.9735);" title="L=0.61"></div><div class="sw" style="background: #07AE7D; background: color(display-p3 0.3069 0.6712 0.5019);" title="L=0.66"></div><div class="sw" style="background: #FFC9FD; background: color(display-p3 0.9715 0.7974 0.9812);" title="L=0.90"></div><div class="sw" style="background: #D6FA00; background: color(display-p3 0.8680 0.9770 0.2310);" title="L=0.93"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #1C353F; background: color(display-p3 0.1340 0.2060 0.2421);" title=""></div>
 <div class="sw" style="background: #764100; background: color(display-p3 0.4351 0.2652 0.0707);" title=""></div>
 <div class="sw" style="background: #9752FF; background: color(display-p3 0.5552 0.3345 0.9735);" title=""></div>
 <div class="sw" style="background: #07AE7D; background: color(display-p3 0.3069 0.6712 0.5019);" title=""></div>
 <div class="sw" style="background: #FFC9FD; background: color(display-p3 0.9715 0.7974 0.9812);" title=""></div>
 <div class="sw" style="background: #D6FA00; background: color(display-p3 0.8680 0.9770 0.2310);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #28323F; background: color(display-p3 0.1652 0.1935 0.2417);" title=""></div>
 <div class="sw" style="background: #644E00; background: color(display-p3 0.3776 0.3110 0.0748);" title=""></div>
 <div class="sw" style="background: #3372FF; background: color(display-p3 0.2654 0.4405 0.9653);" title=""></div>
 <div class="sw" style="background: #899B7F; background: color(display-p3 0.5508 0.6052 0.5079);" title=""></div>
 <div class="sw" style="background: #DED8FC; background: color(display-p3 0.8658 0.8490 0.9772);" title=""></div>
 <div class="sw" style="background: #FEEF00; background: color(display-p3 0.9854 0.9378 0.2779);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2B303F; background: color(display-p3 0.1717 0.1882 0.2411);" title=""></div>
 <div class="sw" style="background: #5E5300; background: color(display-p3 0.3621 0.3269 0.0820);" title=""></div>
 <div class="sw" style="background: #0079FE; background: color(display-p3 0.0000 0.4654 0.9609);" title=""></div>
 <div class="sw" style="background: #999480; background: color(display-p3 0.5956 0.5792 0.5092);" title=""></div>
 <div class="sw" style="background: #D3DDFB; background: color(display-p3 0.8343 0.8658 0.9757);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9259 0.2989);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2B343F; background: color(display-p3 0.1764 0.2029 0.2437);" title=""></div>
 <div class="sw" style="background: #5E4600; background: color(display-p3 0.3528 0.2800 0.0413);" title=""></div>
 <div class="sw" style="background: #2D73FF; background: color(display-p3 0.2524 0.4455 0.9849);" title=""></div>
 <div class="sw" style="background: #94A37C; background: color(display-p3 0.5896 0.6360 0.4995);" title=""></div>
 <div class="sw" style="background: #D8D4FE; background: color(display-p3 0.8446 0.8307 0.9846);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9902 0.9379 0.1384);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #30343F; background: color(display-p3 0.1907 0.2036 0.2445);" title=""></div>
 <div class="sw" style="background: #524700; background: color(display-p3 0.3128 0.2784 0.0267);" title=""></div>
 <div class="sw" style="background: #007CFF; background: color(display-p3 0.0000 0.4772 0.9940);" title=""></div>
 <div class="sw" style="background: #AAA07A; background: color(display-p3 0.6606 0.6294 0.4942);" title=""></div>
 <div class="sw" style="background: #C7D6FF; background: color(display-p3 0.7899 0.8381 0.9885);" title=""></div>
 <div class="sw" style="background: #FFEA00; background: color(display-p3 1.0000 0.9242 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #0B3838; background: color(display-p3 0.0986 0.2165 0.2185);" title=""></div>
 <div class="sw" style="background: #823436; background: color(display-p3 0.4738 0.2241 0.2214);" title=""></div>
 <div class="sw" style="background: #7B7DA4; background: color(display-p3 0.4842 0.4895 0.6301);" title=""></div>
 <div class="sw" style="background: #00AEA0; background: color(display-p3 0.1547 0.6700 0.6274);" title=""></div>
 <div class="sw" style="background: #FFCDDB; background: color(display-p3 0.9874 0.8127 0.8586);" title=""></div>
 <div class="sw" style="background: #E5EBD3; background: color(display-p3 0.9017 0.9216 0.8368);" title=""></div>
 </div></div>
 </div>
 </div>
 <h2>N = 8 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 36 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 24.08 / 26.80 / 28.10 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 21.73 / 24.49 / 25.54 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=5 &nbsp;·&nbsp; L range 0.63 (0.33–0.96)<br><span class="l-bar"><span class="l-dot" style="left: 32.8%;"></span><span class="l-dot" style="left: 39.0%;"></span><span class="l-dot" style="left: 54.1%;"></span><span class="l-dot" style="left: 60.4%;"></span><span class="l-dot" style="left: 63.6%;"></span><span class="l-dot" style="left: 78.7%;"></span><span class="l-dot" style="left: 93.7%;"></span><span class="l-dot" style="left: 96.1%;"></span></span></div><div class="subtitle">conservative ΔE min 25.66 &nbsp; mean 37.00<br>expected ΔE min 28.90 &nbsp; mean 50.36<br>L values [0.328, 0.39, 0.541, 0.604, 0.636, 0.787, 0.937, 0.961]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.124</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #49254A; background: color(display-p3 0.2661 0.1529 0.2827);" title="L=0.33"></div><div class="sw" style="background: #3C4B26; background: color(display-p3 0.2459 0.2938 0.1652);" title="L=0.39"></div><div class="sw" style="background: #454CFF; background: color(display-p3 0.2754 0.2987 0.9722);" title="L=0.54"></div><div class="sw" style="background: #947885; background: color(display-p3 0.5637 0.4753 0.5195);" title="L=0.60"></div><div class="sw" style="background: #7A9829; background: color(display-p3 0.5026 0.5939 0.2387);" title="L=0.64"></div><div class="sw" style="background: #00D1FE; background: color(display-p3 0.2637 0.8065 0.9762);" title="L=0.79"></div><div class="sw" style="background: #FAF300; background: color(display-p3 0.9753 0.9535 0.2363);" title="L=0.94"></div><div class="sw" style="background: #E2F9E6; background: color(display-p3 0.9037 0.9741 0.9089);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #49254A; background: color(display-p3 0.2661 0.1529 0.2827);" title="L=0.33"></div><div class="sw" style="background: #3C4B26; background: color(display-p3 0.2459 0.2938 0.1652);" title="L=0.39"></div><div class="sw" style="background: #454CFF; background: color(display-p3 0.2754 0.2987 0.9722);" title="L=0.54"></div><div class="sw" style="background: #947885; background: color(display-p3 0.5637 0.4753 0.5195);" title="L=0.60"></div><div class="sw" style="background: #7A9829; background: color(display-p3 0.5026 0.5939 0.2387);" title="L=0.64"></div><div class="sw" style="background: #00D1FE; background: color(display-p3 0.2637 0.8065 0.9762);" title="L=0.79"></div><div class="sw" style="background: #FAF300; background: color(display-p3 0.9753 0.9535 0.2363);" title="L=0.94"></div><div class="sw" style="background: #E2F9E6; background: color(display-p3 0.9037 0.9741 0.9089);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #49254A; background: color(display-p3 0.2661 0.1529 0.2827);" title="L=0.33"></div><div class="sw" style="background: #3C4B26; background: color(display-p3 0.2459 0.2938 0.1652);" title="L=0.39"></div><div class="sw" style="background: #454CFF; background: color(display-p3 0.2754 0.2987 0.9722);" title="L=0.54"></div><div class="sw" style="background: #947885; background: color(display-p3 0.5637 0.4753 0.5195);" title="L=0.60"></div><div class="sw" style="background: #7A9829; background: color(display-p3 0.5026 0.5939 0.2387);" title="L=0.64"></div><div class="sw" style="background: #00D1FE; background: color(display-p3 0.2637 0.8065 0.9762);" title="L=0.79"></div><div class="sw" style="background: #FAF300; background: color(display-p3 0.9753 0.9535 0.2363);" title="L=0.94"></div><div class="sw" style="background: #E2F9E6; background: color(display-p3 0.9037 0.9741 0.9089);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #49254A; background: color(display-p3 0.2661 0.1529 0.2827);" title=""></div>
 <div class="sw" style="background: #3C4B26; background: color(display-p3 0.2459 0.2938 0.1652);" title=""></div>
 <div class="sw" style="background: #454CFF; background: color(display-p3 0.2754 0.2987 0.9722);" title=""></div>
 <div class="sw" style="background: #947885; background: color(display-p3 0.5637 0.4753 0.5195);" title=""></div>
 <div class="sw" style="background: #7A9829; background: color(display-p3 0.5026 0.5939 0.2387);" title=""></div>
 <div class="sw" style="background: #00D1FE; background: color(display-p3 0.2637 0.8065 0.9762);" title=""></div>
 <div class="sw" style="background: #FAF300; background: color(display-p3 0.9753 0.9535 0.2363);" title=""></div>
 <div class="sw" style="background: #E2F9E6; background: color(display-p3 0.9037 0.9741 0.9089);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #333149; background: color(display-p3 0.1998 0.1914 0.2804);" title=""></div>
 <div class="sw" style="background: #494727; background: color(display-p3 0.2855 0.2799 0.1692);" title=""></div>
 <div class="sw" style="background: #005CFF; background: color(display-p3 0.0000 0.3513 0.9643);" title=""></div>
 <div class="sw" style="background: #857F85; background: color(display-p3 0.5174 0.4991 0.5182);" title=""></div>
 <div class="sw" style="background: #969030; background: color(display-p3 0.5852 0.5657 0.2534);" title=""></div>
 <div class="sw" style="background: #82BDFE; background: color(display-p3 0.5607 0.7340 0.9745);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9441 0.2769);" title=""></div>
 <div class="sw" style="background: #F1F4E7; background: color(display-p3 0.9480 0.9561 0.9107);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2C3449; background: color(display-p3 0.1770 0.2028 0.2795);" title=""></div>
 <div class="sw" style="background: #4C4628; background: color(display-p3 0.2956 0.2753 0.1711);" title=""></div>
 <div class="sw" style="background: #005FFE; background: color(display-p3 0.0000 0.3583 0.9596);" title=""></div>
 <div class="sw" style="background: #808184; background: color(display-p3 0.5045 0.5073 0.5180);" title=""></div>
 <div class="sw" style="background: #9D8D33; background: color(display-p3 0.6061 0.5566 0.2602);" title=""></div>
 <div class="sw" style="background: #95B4FE; background: color(display-p3 0.6068 0.7026 0.9720);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9437 0.2983);" title=""></div>
 <div class="sw" style="background: #F5F2E7; background: color(display-p3 0.9594 0.9498 0.9113);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #302E4B; background: color(display-p3 0.1856 0.1793 0.2849);" title=""></div>
 <div class="sw" style="background: #4A4824; background: color(display-p3 0.2895 0.2826 0.1601);" title=""></div>
 <div class="sw" style="background: #0068FF; background: color(display-p3 0.0000 0.3968 0.9849);" title=""></div>
 <div class="sw" style="background: #827C85; background: color(display-p3 0.5057 0.4880 0.5198);" title=""></div>
 <div class="sw" style="background: #989120; background: color(display-p3 0.5916 0.5694 0.2181);" title=""></div>
 <div class="sw" style="background: #97CAFF; background: color(display-p3 0.6352 0.7873 0.9841);" title=""></div>
 <div class="sw" style="background: #FFEC00; background: color(display-p3 1.0000 0.9279 0.1406);" title=""></div>
 <div class="sw" style="background: #F3F6E6; background: color(display-p3 0.9563 0.9631 0.9076);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #22304B; background: color(display-p3 0.1431 0.1850 0.2872);" title=""></div>
 <div class="sw" style="background: #4F4723; background: color(display-p3 0.3037 0.2792 0.1554);" title=""></div>
 <div class="sw" style="background: #0071FF; background: color(display-p3 0.0000 0.4316 0.9941);" title=""></div>
 <div class="sw" style="background: #7A7D86; background: color(display-p3 0.4812 0.4901 0.5209);" title=""></div>
 <div class="sw" style="background: #A18F15; background: color(display-p3 0.6199 0.5615 0.1986);" title=""></div>
 <div class="sw" style="background: #B4CAFF; background: color(display-p3 0.7236 0.7905 0.9874);" title=""></div>
 <div class="sw" style="background: #FFE800; background: color(display-p3 1.0000 0.9158 0.0000);" title=""></div>
 <div class="sw" style="background: #F9F5E5; background: color(display-p3 0.9751 0.9607 0.9059);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #4A2934; background: color(display-p3 0.2735 0.1677 0.2024);" title=""></div>
 <div class="sw" style="background: #3D4842; background: color(display-p3 0.2486 0.2825 0.2619);" title=""></div>
 <div class="sw" style="background: #0080A2; background: color(display-p3 0.0000 0.4884 0.6205);" title=""></div>
 <div class="sw" style="background: #99787C; background: color(display-p3 0.5780 0.4742 0.4886);" title=""></div>
 <div class="sw" style="background: #809183; background: color(display-p3 0.5151 0.5653 0.5166);" title=""></div>
 <div class="sw" style="background: #00E0E0; background: color(display-p3 0.0000 0.8601 0.8673);" title=""></div>
 <div class="sw" style="background: #FFE1CD; background: color(display-p3 1.0000 0.8889 0.8158);" title=""></div>
 <div class="sw" style="background: #DFF8F4; background: color(display-p3 0.8945 0.9703 0.9551);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.60 (0.32–0.93)<br><span class="l-bar"><span class="l-dot" style="left: 32.3%;"></span><span class="l-dot" style="left: 41.2%;"></span><span class="l-dot" style="left: 53.2%;"></span><span class="l-dot" style="left: 60.0%;"></span><span class="l-dot" style="left: 63.5%;"></span><span class="l-dot" style="left: 75.9%;"></span><span class="l-dot" style="left: 91.1%;"></span><span class="l-dot" style="left: 92.8%;"></span></span></div><div class="subtitle">conservative ΔE min 25.34 &nbsp; mean 36.08<br>expected ΔE min 27.16 &nbsp; mean 49.46<br>L values [0.323, 0.412, 0.532, 0.6, 0.635, 0.759, 0.911, 0.928]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.127</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #342F49; background: color(display-p3 0.1993 0.1859 0.2795);" title="L=0.32"></div><div class="sw" style="background: #753524; background: color(display-p3 0.4284 0.2225 0.1593);" title="L=0.41"></div><div class="sw" style="background: #4D43FF; background: color(display-p3 0.2969 0.2640 0.9700);" title="L=0.53"></div><div class="sw" style="background: #8D7A84; background: color(display-p3 0.5402 0.4802 0.5160);" title="L=0.60"></div><div class="sw" style="background: #749A2A; background: color(display-p3 0.4865 0.5979 0.2404);" title="L=0.64"></div><div class="sw" style="background: #00C3FF; background: color(display-p3 0.2888 0.7521 0.9766);" title="L=0.76"></div><div class="sw" style="background: #FED7D3; background: color(display-p3 0.9700 0.8496 0.8310);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8779 0.9776 0.2386);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #342F49; background: color(display-p3 0.1993 0.1859 0.2795);" title="L=0.32"></div><div class="sw" style="background: #753524; background: color(display-p3 0.4284 0.2225 0.1593);" title="L=0.41"></div><div class="sw" style="background: #4D43FF; background: color(display-p3 0.2969 0.2640 0.9700);" title="L=0.53"></div><div class="sw" style="background: #8D7A84; background: color(display-p3 0.5402 0.4802 0.5160);" title="L=0.60"></div><div class="sw" style="background: #749A2A; background: color(display-p3 0.4865 0.5979 0.2404);" title="L=0.64"></div><div class="sw" style="background: #00C3FF; background: color(display-p3 0.2888 0.7521 0.9766);" title="L=0.76"></div><div class="sw" style="background: #FED7D3; background: color(display-p3 0.9700 0.8496 0.8310);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8779 0.9776 0.2386);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #342F49; background: color(display-p3 0.1993 0.1859 0.2795);" title="L=0.32"></div><div class="sw" style="background: #753524; background: color(display-p3 0.4284 0.2225 0.1593);" title="L=0.41"></div><div class="sw" style="background: #4D43FF; background: color(display-p3 0.2969 0.2640 0.9700);" title="L=0.53"></div><div class="sw" style="background: #8D7A84; background: color(display-p3 0.5402 0.4802 0.5160);" title="L=0.60"></div><div class="sw" style="background: #749A2A; background: color(display-p3 0.4865 0.5979 0.2404);" title="L=0.64"></div><div class="sw" style="background: #00C3FF; background: color(display-p3 0.2888 0.7521 0.9766);" title="L=0.76"></div><div class="sw" style="background: #FED7D3; background: color(display-p3 0.9700 0.8496 0.8310);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8779 0.9776 0.2386);" title="L=0.93"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #342F49; background: color(display-p3 0.1993 0.1859 0.2795);" title=""></div>
 <div class="sw" style="background: #753524; background: color(display-p3 0.4284 0.2225 0.1593);" title=""></div>
 <div class="sw" style="background: #4D43FF; background: color(display-p3 0.2969 0.2640 0.9700);" title=""></div>
 <div class="sw" style="background: #8D7A84; background: color(display-p3 0.5402 0.4802 0.5160);" title=""></div>
 <div class="sw" style="background: #749A2A; background: color(display-p3 0.4865 0.5979 0.2404);" title=""></div>
 <div class="sw" style="background: #00C3FF; background: color(display-p3 0.2888 0.7521 0.9766);" title=""></div>
 <div class="sw" style="background: #FED7D3; background: color(display-p3 0.9700 0.8496 0.8310);" title=""></div>
 <div class="sw" style="background: #DAFA00; background: color(display-p3 0.8779 0.9776 0.2386);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2B3149; background: color(display-p3 0.1749 0.1933 0.2779);" title=""></div>
 <div class="sw" style="background: #5D4823; background: color(display-p3 0.3530 0.2849 0.1583);" title=""></div>
 <div class="sw" style="background: #0058FF; background: color(display-p3 0.0000 0.3350 0.9620);" title=""></div>
 <div class="sw" style="background: #827E84; background: color(display-p3 0.5074 0.4962 0.5150);" title=""></div>
 <div class="sw" style="background: #959031; background: color(display-p3 0.5808 0.5657 0.2554);" title=""></div>
 <div class="sw" style="background: #75B2FF; background: color(display-p3 0.5110 0.6910 0.9739);" title=""></div>
 <div class="sw" style="background: #ECE0D2; background: color(display-p3 0.9174 0.8787 0.8306);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9900 0.9404 0.2839);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #293248; background: color(display-p3 0.1668 0.1952 0.2770);" title=""></div>
 <div class="sw" style="background: #564D23; background: color(display-p3 0.3308 0.3048 0.1606);" title=""></div>
 <div class="sw" style="background: #005CFE; background: color(display-p3 0.0000 0.3463 0.9572);" title=""></div>
 <div class="sw" style="background: #7F8084; background: color(display-p3 0.4983 0.5017 0.5147);" title=""></div>
 <div class="sw" style="background: #9D8D34; background: color(display-p3 0.6040 0.5550 0.2621);" title=""></div>
 <div class="sw" style="background: #83AAFE; background: color(display-p3 0.5467 0.6638 0.9710);" title=""></div>
 <div class="sw" style="background: #E7E3D2; background: color(display-p3 0.9036 0.8894 0.8313);" title=""></div>
 <div class="sw" style="background: #FFEC00; background: color(display-p3 1.0000 0.9293 0.3045);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2C324A; background: color(display-p3 0.1758 0.1953 0.2818);" title=""></div>
 <div class="sw" style="background: #563F22; background: color(display-p3 0.3243 0.2489 0.1510);" title=""></div>
 <div class="sw" style="background: #0063FF; background: color(display-p3 0.0000 0.3781 0.9828);" title=""></div>
 <div class="sw" style="background: #807D84; background: color(display-p3 0.4996 0.4891 0.5164);" title=""></div>
 <div class="sw" style="background: #979221; background: color(display-p3 0.5896 0.5716 0.2203);" title=""></div>
 <div class="sw" style="background: #89BFFF; background: color(display-p3 0.5828 0.7416 0.9853);" title=""></div>
 <div class="sw" style="background: #E8DBD2; background: color(display-p3 0.9000 0.8613 0.8287);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9936 0.9394 0.1506);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #28334A; background: color(display-p3 0.1669 0.1987 0.2836);" title=""></div>
 <div class="sw" style="background: #463F22; background: color(display-p3 0.2703 0.2497 0.1495);" title=""></div>
 <div class="sw" style="background: #006DFF; background: color(display-p3 0.0000 0.4156 0.9921);" title=""></div>
 <div class="sw" style="background: #7B7D85; background: color(display-p3 0.4830 0.4906 0.5172);" title=""></div>
 <div class="sw" style="background: #A28F16; background: color(display-p3 0.6219 0.5635 0.2007);" title=""></div>
 <div class="sw" style="background: #A3BFFF; background: color(display-p3 0.6593 0.7473 0.9896);" title=""></div>
 <div class="sw" style="background: #DFDCD2; background: color(display-p3 0.8706 0.8618 0.8284);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9258 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #2F3439; background: color(display-p3 0.1873 0.2021 0.2199);" title=""></div>
 <div class="sw" style="background: #812931; background: color(display-p3 0.4661 0.1843 0.2014);" title=""></div>
 <div class="sw" style="background: #007B9F; background: color(display-p3 0.0000 0.4697 0.6099);" title=""></div>
 <div class="sw" style="background: #907A7D; background: color(display-p3 0.5496 0.4805 0.4911);" title=""></div>
 <div class="sw" style="background: #799284; background: color(display-p3 0.4949 0.5704 0.5202);" title=""></div>
 <div class="sw" style="background: #00D4D7; background: color(display-p3 0.0000 0.8134 0.8335);" title=""></div>
 <div class="sw" style="background: #FFD3D6; background: color(display-p3 0.9987 0.8359 0.8425);" title=""></div>
 <div class="sw" style="background: #E8EBD3; background: color(display-p3 0.9132 0.9216 0.8377);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.60 (0.34–0.94)<br><span class="l-bar"><span class="l-dot" style="left: 33.6%;"></span><span class="l-dot" style="left: 41.7%;"></span><span class="l-dot" style="left: 57.6%;"></span><span class="l-dot" style="left: 59.5%;"></span><span class="l-dot" style="left: 63.6%;"></span><span class="l-dot" style="left: 83.4%;"></span><span class="l-dot" style="left: 89.7%;"></span><span class="l-dot" style="left: 94.1%;"></span></span></div><div class="subtitle">conservative ΔE min 25.25 &nbsp; mean 35.23<br>expected ΔE min 27.41 &nbsp; mean 50.48<br>L values [0.336, 0.417, 0.576, 0.595, 0.636, 0.834, 0.897, 0.941]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.144</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #333350; background: color(display-p3 0.2017 0.2011 0.3039);" title="L=0.34"></div><div class="sw" style="background: #6B4029; background: color(display-p3 0.3958 0.2578 0.1756);" title="L=0.42"></div><div class="sw" style="background: #9134FF; background: color(display-p3 0.5269 0.2293 0.9697);" title="L=0.58"></div><div class="sw" style="background: #329083; background: color(display-p3 0.3051 0.5562 0.5150);" title="L=0.59"></div><div class="sw" style="background: #8A9410; background: color(display-p3 0.5469 0.5785 0.1912);" title="L=0.64"></div><div class="sw" style="background: #FFA0FD; background: color(display-p3 0.9537 0.6449 0.9736);" title="L=0.83"></div><div class="sw" style="background: #70FBCB; background: color(display-p3 0.5872 0.9712 0.8066);" title="L=0.90"></div><div class="sw" style="background: #EDFA00; background: color(display-p3 0.9376 0.9781 0.2193);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #333350; background: color(display-p3 0.2017 0.2011 0.3039);" title="L=0.34"></div><div class="sw" style="background: #6B4029; background: color(display-p3 0.3958 0.2578 0.1756);" title="L=0.42"></div><div class="sw" style="background: #9134FF; background: color(display-p3 0.5269 0.2293 0.9697);" title="L=0.58"></div><div class="sw" style="background: #329083; background: color(display-p3 0.3051 0.5562 0.5150);" title="L=0.59"></div><div class="sw" style="background: #8A9410; background: color(display-p3 0.5469 0.5785 0.1912);" title="L=0.64"></div><div class="sw" style="background: #FFA0FD; background: color(display-p3 0.9537 0.6449 0.9736);" title="L=0.83"></div><div class="sw" style="background: #70FBCB; background: color(display-p3 0.5872 0.9712 0.8066);" title="L=0.90"></div><div class="sw" style="background: #EDFA00; background: color(display-p3 0.9376 0.9781 0.2193);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #333350; background: color(display-p3 0.2017 0.2011 0.3039);" title="L=0.34"></div><div class="sw" style="background: #6B4029; background: color(display-p3 0.3958 0.2578 0.1756);" title="L=0.42"></div><div class="sw" style="background: #9134FF; background: color(display-p3 0.5269 0.2293 0.9697);" title="L=0.58"></div><div class="sw" style="background: #329083; background: color(display-p3 0.3051 0.5562 0.5150);" title="L=0.59"></div><div class="sw" style="background: #8A9410; background: color(display-p3 0.5469 0.5785 0.1912);" title="L=0.64"></div><div class="sw" style="background: #FFA0FD; background: color(display-p3 0.9537 0.6449 0.9736);" title="L=0.83"></div><div class="sw" style="background: #70FBCB; background: color(display-p3 0.5872 0.9712 0.8066);" title="L=0.90"></div><div class="sw" style="background: #EDFA00; background: color(display-p3 0.9376 0.9781 0.2193);" title="L=0.94"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #333350; background: color(display-p3 0.2017 0.2011 0.3039);" title=""></div>
 <div class="sw" style="background: #6B4029; background: color(display-p3 0.3958 0.2578 0.1756);" title=""></div>
 <div class="sw" style="background: #9134FF; background: color(display-p3 0.5269 0.2293 0.9697);" title=""></div>
 <div class="sw" style="background: #329083; background: color(display-p3 0.3051 0.5562 0.5150);" title=""></div>
 <div class="sw" style="background: #8A9410; background: color(display-p3 0.5469 0.5785 0.1912);" title=""></div>
 <div class="sw" style="background: #FFA0FD; background: color(display-p3 0.9537 0.6449 0.9736);" title=""></div>
 <div class="sw" style="background: #70FBCB; background: color(display-p3 0.5872 0.9712 0.8066);" title=""></div>
 <div class="sw" style="background: #EDFA00; background: color(display-p3 0.9376 0.9781 0.2193);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2C354F; background: color(display-p3 0.1804 0.2060 0.3022);" title=""></div>
 <div class="sw" style="background: #5B4B28; background: color(display-p3 0.3454 0.2946 0.1761);" title=""></div>
 <div class="sw" style="background: #0063FE; background: color(display-p3 0.1173 0.3819 0.9610);" title=""></div>
 <div class="sw" style="background: #718384; background: color(display-p3 0.4553 0.5101 0.5170);" title=""></div>
 <div class="sw" style="background: #9A8F1C; background: color(display-p3 0.5975 0.5626 0.2087);" title=""></div>
 <div class="sw" style="background: #C7BEFB; background: color(display-p3 0.7748 0.7452 0.9672);" title=""></div>
 <div class="sw" style="background: #CFE5CD; background: color(display-p3 0.8291 0.8953 0.8122);" title=""></div>
 <div class="sw" style="background: #FFF200; background: color(display-p3 1.0000 0.9537 0.2672);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2A354F; background: color(display-p3 0.1731 0.2068 0.3012);" title=""></div>
 <div class="sw" style="background: #564E28; background: color(display-p3 0.3317 0.3074 0.1782);" title=""></div>
 <div class="sw" style="background: #006CFD; background: color(display-p3 0.0000 0.4139 0.9565);" title=""></div>
 <div class="sw" style="background: #7B7D84; background: color(display-p3 0.4850 0.4918 0.5169);" title=""></div>
 <div class="sw" style="background: #9F8E20; background: color(display-p3 0.6116 0.5584 0.2176);" title=""></div>
 <div class="sw" style="background: #B3C6FA; background: color(display-p3 0.7162 0.7759 0.9648);" title=""></div>
 <div class="sw" style="background: #E1DDCE; background: color(display-p3 0.8788 0.8659 0.8133);" title=""></div>
 <div class="sw" style="background: #FFF100; background: color(display-p3 1.0000 0.9476 0.2901);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2D3650; background: color(display-p3 0.1838 0.2101 0.3065);" title=""></div>
 <div class="sw" style="background: #564427; background: color(display-p3 0.3253 0.2708 0.1687);" title=""></div>
 <div class="sw" style="background: #0064FF; background: color(display-p3 0.0673 0.3859 0.9816);" title=""></div>
 <div class="sw" style="background: #798983; background: color(display-p3 0.4861 0.5350 0.5161);" title=""></div>
 <div class="sw" style="background: #9A8E00; background: color(display-p3 0.5964 0.5589 0.1615);" title=""></div>
 <div class="sw" style="background: #BDB5FF; background: color(display-p3 0.7361 0.7111 0.9791);" title=""></div>
 <div class="sw" style="background: #DBEECA; background: color(display-p3 0.8736 0.9316 0.8050);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9453 0.1065);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #2B3751; background: color(display-p3 0.1777 0.2138 0.3085);" title=""></div>
 <div class="sw" style="background: #4C4527; background: color(display-p3 0.2918 0.2703 0.1664);" title=""></div>
 <div class="sw" style="background: #0070FF; background: color(display-p3 0.0000 0.4249 0.9912);" title=""></div>
 <div class="sw" style="background: #898883; background: color(display-p3 0.5369 0.5322 0.5149);" title=""></div>
 <div class="sw" style="background: #9F8C00; background: color(display-p3 0.6122 0.5513 0.1336);" title=""></div>
 <div class="sw" style="background: #9ABAFF; background: color(display-p3 0.6281 0.7253 0.9853);" title=""></div>
 <div class="sw" style="background: #F5EBC8; background: color(display-p3 0.9551 0.9246 0.8002);" title=""></div>
 <div class="sw" style="background: #FFEC00; background: color(display-p3 1.0000 0.9321 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #2C383D; background: color(display-p3 0.1833 0.2201 0.2387);" title=""></div>
 <div class="sw" style="background: #75383A; background: color(display-p3 0.4266 0.2310 0.2335);" title=""></div>
 <div class="sw" style="background: #736F9C; background: color(display-p3 0.4494 0.4371 0.6001);" title=""></div>
 <div class="sw" style="background: #00938C; background: color(display-p3 0.2015 0.5653 0.5457);" title=""></div>
 <div class="sw" style="background: #938A7E; background: color(display-p3 0.5719 0.5442 0.4978);" title=""></div>
 <div class="sw" style="background: #FFA8C3; background: color(display-p3 0.9784 0.6767 0.7644);" title=""></div>
 <div class="sw" style="background: #29FCED; background: color(display-p3 0.4742 0.9729 0.9270);" title=""></div>
 <div class="sw" style="background: #FEE9D3; background: color(display-p3 0.9837 0.9168 0.8363);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.61 (0.35–0.96)<br><span class="l-bar"><span class="l-dot" style="left: 34.7%;"></span><span class="l-dot" style="left: 36.8%;"></span><span class="l-dot" style="left: 57.1%;"></span><span class="l-dot" style="left: 60.5%;"></span><span class="l-dot" style="left: 64.8%;"></span><span class="l-dot" style="left: 80.9%;"></span><span class="l-dot" style="left: 93.9%;"></span><span class="l-dot" style="left: 95.7%;"></span></span></div><div class="subtitle">conservative ΔE min 25.23 &nbsp; mean 38.34<br>expected ΔE min 28.10 &nbsp; mean 48.45<br>L values [0.347, 0.368, 0.571, 0.605, 0.648, 0.809, 0.939, 0.957]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.119</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #4B2A56; background: color(display-p3 0.2765 0.1707 0.3273);" title="L=0.35"></div><div class="sw" style="background: #304629; background: color(display-p3 0.2067 0.2734 0.1721);" title="L=0.37"></div><div class="sw" style="background: #545BFF; background: color(display-p3 0.3348 0.3557 0.9719);" title="L=0.57"></div><div class="sw" style="background: #848085; background: color(display-p3 0.5137 0.5027 0.5188);" title="L=0.60"></div><div class="sw" style="background: #D27226; background: color(display-p3 0.7719 0.4655 0.2221);" title="L=0.65"></div><div class="sw" style="background: #00DBFD; background: color(display-p3 0.2688 0.8434 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9759 0.9563 0.2370);" title="L=0.94"></div><div class="sw" style="background: #E1F8E2; background: color(display-p3 0.8995 0.9713 0.8917);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #4B2A56; background: color(display-p3 0.2765 0.1707 0.3273);" title="L=0.35"></div><div class="sw" style="background: #304629; background: color(display-p3 0.2067 0.2734 0.1721);" title="L=0.37"></div><div class="sw" style="background: #545BFF; background: color(display-p3 0.3348 0.3557 0.9719);" title="L=0.57"></div><div class="sw" style="background: #848085; background: color(display-p3 0.5137 0.5027 0.5188);" title="L=0.60"></div><div class="sw" style="background: #D27226; background: color(display-p3 0.7719 0.4655 0.2221);" title="L=0.65"></div><div class="sw" style="background: #00DBFD; background: color(display-p3 0.2688 0.8434 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9759 0.9563 0.2370);" title="L=0.94"></div><div class="sw" style="background: #E1F8E2; background: color(display-p3 0.8995 0.9713 0.8917);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #4B2A56; background: color(display-p3 0.2765 0.1707 0.3273);" title="L=0.35"></div><div class="sw" style="background: #304629; background: color(display-p3 0.2067 0.2734 0.1721);" title="L=0.37"></div><div class="sw" style="background: #545BFF; background: color(display-p3 0.3348 0.3557 0.9719);" title="L=0.57"></div><div class="sw" style="background: #848085; background: color(display-p3 0.5137 0.5027 0.5188);" title="L=0.60"></div><div class="sw" style="background: #D27226; background: color(display-p3 0.7719 0.4655 0.2221);" title="L=0.65"></div><div class="sw" style="background: #00DBFD; background: color(display-p3 0.2688 0.8434 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9759 0.9563 0.2370);" title="L=0.94"></div><div class="sw" style="background: #E1F8E2; background: color(display-p3 0.8995 0.9713 0.8917);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #4B2A56; background: color(display-p3 0.2765 0.1707 0.3273);" title=""></div>
 <div class="sw" style="background: #304629; background: color(display-p3 0.2067 0.2734 0.1721);" title=""></div>
 <div class="sw" style="background: #545BFF; background: color(display-p3 0.3348 0.3557 0.9719);" title=""></div>
 <div class="sw" style="background: #848085; background: color(display-p3 0.5137 0.5027 0.5188);" title=""></div>
 <div class="sw" style="background: #D27226; background: color(display-p3 0.7719 0.4655 0.2221);" title=""></div>
 <div class="sw" style="background: #00DBFD; background: color(display-p3 0.2688 0.8434 0.9766);" title=""></div>
 <div class="sw" style="background: #FAF400; background: color(display-p3 0.9759 0.9563 0.2370);" title=""></div>
 <div class="sw" style="background: #E1F8E2; background: color(display-p3 0.8995 0.9713 0.8917);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #343555; background: color(display-p3 0.2055 0.2079 0.3246);" title=""></div>
 <div class="sw" style="background: #41412A; background: color(display-p3 0.2547 0.2566 0.1752);" title=""></div>
 <div class="sw" style="background: #0068FF; background: color(display-p3 0.0000 0.3975 0.9643);" title=""></div>
 <div class="sw" style="background: #818185; background: color(display-p3 0.5061 0.5059 0.5185);" title=""></div>
 <div class="sw" style="background: #AF8B23; background: color(display-p3 0.6648 0.5514 0.2246);" title=""></div>
 <div class="sw" style="background: #8DC5FE; background: color(display-p3 0.5983 0.7650 0.9757);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9464 0.2777);" title=""></div>
 <div class="sw" style="background: #F1F3E2; background: color(display-p3 0.9465 0.9526 0.8938);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2B3855; background: color(display-p3 0.1804 0.2187 0.3235);" title=""></div>
 <div class="sw" style="background: #45402B; background: color(display-p3 0.2661 0.2507 0.1765);" title=""></div>
 <div class="sw" style="background: #006AFE; background: color(display-p3 0.0000 0.4031 0.9597);" title=""></div>
 <div class="sw" style="background: #808184; background: color(display-p3 0.5039 0.5069 0.5183);" title=""></div>
 <div class="sw" style="background: #A59324; background: color(display-p3 0.6351 0.5804 0.2323);" title=""></div>
 <div class="sw" style="background: #A0BBFD; background: color(display-p3 0.6493 0.7315 0.9734);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9457 0.2992);" title=""></div>
 <div class="sw" style="background: #F5F1E3; background: color(display-p3 0.9587 0.9460 0.8946);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #313357; background: color(display-p3 0.1932 0.1987 0.3301);" title=""></div>
 <div class="sw" style="background: #434328; background: color(display-p3 0.2614 0.2620 0.1688);" title=""></div>
 <div class="sw" style="background: #0071FF; background: color(display-p3 0.0000 0.4362 0.9841);" title=""></div>
 <div class="sw" style="background: #818185; background: color(display-p3 0.5049 0.5049 0.5192);" title=""></div>
 <div class="sw" style="background: #A47D1B; background: color(display-p3 0.6209 0.4963 0.1941);" title=""></div>
 <div class="sw" style="background: #A2D2FF; background: color(display-p3 0.6730 0.8193 0.9839);" title=""></div>
 <div class="sw" style="background: #FFEC00; background: color(display-p3 1.0000 0.9305 0.1411);" title=""></div>
 <div class="sw" style="background: #F3F5E1; background: color(display-p3 0.9547 0.9593 0.8899);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #223557; background: color(display-p3 0.1496 0.2055 0.3328);" title=""></div>
 <div class="sw" style="background: #484227; background: color(display-p3 0.2787 0.2590 0.1655);" title=""></div>
 <div class="sw" style="background: #007AFF; background: color(display-p3 0.0000 0.4663 0.9929);" title=""></div>
 <div class="sw" style="background: #808185; background: color(display-p3 0.5015 0.5055 0.5196);" title=""></div>
 <div class="sw" style="background: #8E7E18; background: color(display-p3 0.5461 0.4949 0.1835);" title=""></div>
 <div class="sw" style="background: #C0D2FF; background: color(display-p3 0.7670 0.8210 0.9865);" title=""></div>
 <div class="sw" style="background: #FFE900; background: color(display-p3 1.0000 0.9183 0.0000);" title=""></div>
 <div class="sw" style="background: #F9F4E0; background: color(display-p3 0.9743 0.9565 0.8878);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #4B303C; background: color(display-p3 0.2785 0.1933 0.2319);" title=""></div>
 <div class="sw" style="background: #2F443F; background: color(display-p3 0.2018 0.2660 0.2475);" title=""></div>
 <div class="sw" style="background: #0087A6; background: color(display-p3 0.0000 0.5170 0.6376);" title=""></div>
 <div class="sw" style="background: #848081; background: color(display-p3 0.5143 0.5042 0.5077);" title=""></div>
 <div class="sw" style="background: #E65D63; background: color(display-p3 0.8368 0.3977 0.4030);" title=""></div>
 <div class="sw" style="background: #00E8E6; background: color(display-p3 0.0000 0.8918 0.8911);" title=""></div>
 <div class="sw" style="background: #FFE2CE; background: color(display-p3 1.0000 0.8918 0.8183);" title=""></div>
 <div class="sw" style="background: #DFF7F2; background: color(display-p3 0.8919 0.9656 0.9481);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.62 (0.33–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 33.2%;"></span><span class="l-dot" style="left: 40.5%;"></span><span class="l-dot" style="left: 56.5%;"></span><span class="l-dot" style="left: 60.3%;"></span><span class="l-dot" style="left: 65.5%;"></span><span class="l-dot" style="left: 80.5%;"></span><span class="l-dot" style="left: 94.3%;"></span><span class="l-dot" style="left: 95.5%;"></span></span></div><div class="subtitle">conservative ΔE min 25.17 &nbsp; mean 38.96<br>expected ΔE min 27.04 &nbsp; mean 47.25<br>L values [0.332, 0.405, 0.565, 0.603, 0.655, 0.805, 0.943, 0.955]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.12</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #353151; background: color(display-p3 0.2040 0.1915 0.3105);" title="L=0.33"></div><div class="sw" style="background: #6D3828; background: color(display-p3 0.4005 0.2309 0.1704);" title="L=0.41"></div><div class="sw" style="background: #5258FF; background: color(display-p3 0.3264 0.3438 0.9710);" title="L=0.56"></div><div class="sw" style="background: #838085; background: color(display-p3 0.5118 0.5006 0.5202);" title="L=0.60"></div><div class="sw" style="background: #D6722B; background: color(display-p3 0.7888 0.4662 0.2354);" title="L=0.66"></div><div class="sw" style="background: #00D9FE; background: color(display-p3 0.2623 0.8382 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF600; background: color(display-p3 0.9768 0.9636 0.2343);" title="L=0.94"></div><div class="sw" style="background: #DFF8E1; background: color(display-p3 0.8939 0.9697 0.8900);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #353151; background: color(display-p3 0.2040 0.1915 0.3105);" title="L=0.33"></div><div class="sw" style="background: #6D3828; background: color(display-p3 0.4005 0.2309 0.1704);" title="L=0.41"></div><div class="sw" style="background: #5258FF; background: color(display-p3 0.3264 0.3438 0.9710);" title="L=0.56"></div><div class="sw" style="background: #838085; background: color(display-p3 0.5118 0.5006 0.5202);" title="L=0.60"></div><div class="sw" style="background: #D6722B; background: color(display-p3 0.7888 0.4662 0.2354);" title="L=0.66"></div><div class="sw" style="background: #00D9FE; background: color(display-p3 0.2623 0.8382 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF600; background: color(display-p3 0.9768 0.9636 0.2343);" title="L=0.94"></div><div class="sw" style="background: #DFF8E1; background: color(display-p3 0.8939 0.9697 0.8900);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #353151; background: color(display-p3 0.2040 0.1915 0.3105);" title="L=0.33"></div><div class="sw" style="background: #6D3828; background: color(display-p3 0.4005 0.2309 0.1704);" title="L=0.41"></div><div class="sw" style="background: #5258FF; background: color(display-p3 0.3264 0.3438 0.9710);" title="L=0.56"></div><div class="sw" style="background: #838085; background: color(display-p3 0.5118 0.5006 0.5202);" title="L=0.60"></div><div class="sw" style="background: #D6722B; background: color(display-p3 0.7888 0.4662 0.2354);" title="L=0.66"></div><div class="sw" style="background: #00D9FE; background: color(display-p3 0.2623 0.8382 0.9766);" title="L=0.81"></div><div class="sw" style="background: #FAF600; background: color(display-p3 0.9768 0.9636 0.2343);" title="L=0.94"></div><div class="sw" style="background: #DFF8E1; background: color(display-p3 0.8939 0.9697 0.8900);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #353151; background: color(display-p3 0.2040 0.1915 0.3105);" title=""></div>
 <div class="sw" style="background: #6D3828; background: color(display-p3 0.4005 0.2309 0.1704);" title=""></div>
 <div class="sw" style="background: #5258FF; background: color(display-p3 0.3264 0.3438 0.9710);" title=""></div>
 <div class="sw" style="background: #838085; background: color(display-p3 0.5118 0.5006 0.5202);" title=""></div>
 <div class="sw" style="background: #D6722B; background: color(display-p3 0.7888 0.4662 0.2354);" title=""></div>
 <div class="sw" style="background: #00D9FE; background: color(display-p3 0.2623 0.8382 0.9766);" title=""></div>
 <div class="sw" style="background: #FAF600; background: color(display-p3 0.9768 0.9636 0.2343);" title=""></div>
 <div class="sw" style="background: #DFF8E1; background: color(display-p3 0.8939 0.9697 0.8900);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2A3351; background: color(display-p3 0.1732 0.2001 0.3086);" title=""></div>
 <div class="sw" style="background: #594727; background: color(display-p3 0.3373 0.2797 0.1700);" title=""></div>
 <div class="sw" style="background: #0065FF; background: color(display-p3 0.0000 0.3883 0.9634);" title=""></div>
 <div class="sw" style="background: #808185; background: color(display-p3 0.5035 0.5040 0.5197);" title=""></div>
 <div class="sw" style="background: #B28D28; background: color(display-p3 0.6753 0.5580 0.2372);" title=""></div>
 <div class="sw" style="background: #8BC3FE; background: color(display-p3 0.5919 0.7602 0.9755);" title=""></div>
 <div class="sw" style="background: #FFF200; background: color(display-p3 1.0000 0.9520 0.2764);" title=""></div>
 <div class="sw" style="background: #F0F2E2; background: color(display-p3 0.9430 0.9501 0.8921);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #273451; background: color(display-p3 0.1625 0.2021 0.3076);" title=""></div>
 <div class="sw" style="background: #534B27; background: color(display-p3 0.3193 0.2959 0.1719);" title=""></div>
 <div class="sw" style="background: #0068FE; background: color(display-p3 0.0000 0.3944 0.9588);" title=""></div>
 <div class="sw" style="background: #808185; background: color(display-p3 0.5012 0.5050 0.5196);" title=""></div>
 <div class="sw" style="background: #A79529; background: color(display-p3 0.6435 0.5887 0.2445);" title=""></div>
 <div class="sw" style="background: #9EBAFE; background: color(display-p3 0.6426 0.7269 0.9732);" title=""></div>
 <div class="sw" style="background: #FFF100; background: color(display-p3 1.0000 0.9507 0.2983);" title=""></div>
 <div class="sw" style="background: #F4F0E2; background: color(display-p3 0.9556 0.9432 0.8928);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2B3452; background: color(display-p3 0.1753 0.2034 0.3134);" title=""></div>
 <div class="sw" style="background: #533F26; background: color(display-p3 0.3133 0.2506 0.1638);" title=""></div>
 <div class="sw" style="background: #006FFF; background: color(display-p3 0.0000 0.4278 0.9834);" title=""></div>
 <div class="sw" style="background: #808085; background: color(display-p3 0.5024 0.5031 0.5207);" title=""></div>
 <div class="sw" style="background: #A77E22; background: color(display-p3 0.6293 0.5001 0.2089);" title=""></div>
 <div class="sw" style="background: #A0D1FF; background: color(display-p3 0.6670 0.8146 0.9839);" title=""></div>
 <div class="sw" style="background: #FFEE00; background: color(display-p3 1.0000 0.9368 0.1347);" title=""></div>
 <div class="sw" style="background: #F2F4E1; background: color(display-p3 0.9517 0.9573 0.8882);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #273553; background: color(display-p3 0.1645 0.2079 0.3156);" title=""></div>
 <div class="sw" style="background: #464026; background: color(display-p3 0.2698 0.2510 0.1623);" title=""></div>
 <div class="sw" style="background: #0078FF; background: color(display-p3 0.0000 0.4588 0.9923);" title=""></div>
 <div class="sw" style="background: #7F8185; background: color(display-p3 0.4989 0.5038 0.5211);" title=""></div>
 <div class="sw" style="background: #8F7F20; background: color(display-p3 0.5496 0.4991 0.1996);" title=""></div>
 <div class="sw" style="background: #BFD1FF; background: color(display-p3 0.7607 0.8165 0.9866);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9245 0.0000);" title=""></div>
 <div class="sw" style="background: #F9F3E0; background: color(display-p3 0.9722 0.9545 0.8862);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #2E373D; background: color(display-p3 0.1861 0.2134 0.2361);" title=""></div>
 <div class="sw" style="background: #772F34; background: color(display-p3 0.4338 0.2008 0.2113);" title=""></div>
 <div class="sw" style="background: #0085A5; background: color(display-p3 0.0000 0.5102 0.6333);" title=""></div>
 <div class="sw" style="background: #838081; background: color(display-p3 0.5119 0.5027 0.5067);" title=""></div>
 <div class="sw" style="background: #EB5C63; background: color(display-p3 0.8555 0.3962 0.4053);" title=""></div>
 <div class="sw" style="background: #00E7E5; background: color(display-p3 0.0000 0.8874 0.8877);" title=""></div>
 <div class="sw" style="background: #FFE4CF; background: color(display-p3 1.0000 0.8990 0.8243);" title=""></div>
 <div class="sw" style="background: #DDF7F1; background: color(display-p3 0.8853 0.9642 0.9465);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 6 &nbsp;·&nbsp; n=3 &nbsp;·&nbsp; L range 0.60 (0.33–0.93)<br><span class="l-bar"><span class="l-dot" style="left: 33.1%;"></span><span class="l-dot" style="left: 38.9%;"></span><span class="l-dot" style="left: 54.1%;"></span><span class="l-dot" style="left: 60.1%;"></span><span class="l-dot" style="left: 63.0%;"></span><span class="l-dot" style="left: 79.2%;"></span><span class="l-dot" style="left: 90.9%;"></span><span class="l-dot" style="left: 92.8%;"></span></span></div><div class="subtitle">conservative ΔE min 25.15 &nbsp; mean 35.89<br>expected ΔE min 27.87 &nbsp; mean 50.11<br>L values [0.331, 0.389, 0.541, 0.601, 0.63, 0.792, 0.909, 0.928]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.123</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #48274C; background: color(display-p3 0.2650 0.1576 0.2882);" title="L=0.33"></div><div class="sw" style="background: #3B4B27; background: color(display-p3 0.2428 0.2926 0.1700);" title="L=0.39"></div><div class="sw" style="background: #444DFF; background: color(display-p3 0.2740 0.3020 0.9713);" title="L=0.54"></div><div class="sw" style="background: #937784; background: color(display-p3 0.5587 0.4723 0.5170);" title="L=0.60"></div><div class="sw" style="background: #789628; background: color(display-p3 0.4943 0.5867 0.2347);" title="L=0.63"></div><div class="sw" style="background: #50CAFE; background: color(display-p3 0.4496 0.7822 0.9773);" title="L=0.79"></div><div class="sw" style="background: #FDD7CF; background: color(display-p3 0.9686 0.8482 0.8178);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8777 0.9777 0.2314);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #48274C; background: color(display-p3 0.2650 0.1576 0.2882);" title="L=0.33"></div><div class="sw" style="background: #3B4B27; background: color(display-p3 0.2428 0.2926 0.1700);" title="L=0.39"></div><div class="sw" style="background: #444DFF; background: color(display-p3 0.2740 0.3020 0.9713);" title="L=0.54"></div><div class="sw" style="background: #937784; background: color(display-p3 0.5587 0.4723 0.5170);" title="L=0.60"></div><div class="sw" style="background: #789628; background: color(display-p3 0.4943 0.5867 0.2347);" title="L=0.63"></div><div class="sw" style="background: #50CAFE; background: color(display-p3 0.4496 0.7822 0.9773);" title="L=0.79"></div><div class="sw" style="background: #FDD7CF; background: color(display-p3 0.9686 0.8482 0.8178);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8777 0.9777 0.2314);" title="L=0.93"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #48274C; background: color(display-p3 0.2650 0.1576 0.2882);" title="L=0.33"></div><div class="sw" style="background: #3B4B27; background: color(display-p3 0.2428 0.2926 0.1700);" title="L=0.39"></div><div class="sw" style="background: #444DFF; background: color(display-p3 0.2740 0.3020 0.9713);" title="L=0.54"></div><div class="sw" style="background: #937784; background: color(display-p3 0.5587 0.4723 0.5170);" title="L=0.60"></div><div class="sw" style="background: #789628; background: color(display-p3 0.4943 0.5867 0.2347);" title="L=0.63"></div><div class="sw" style="background: #50CAFE; background: color(display-p3 0.4496 0.7822 0.9773);" title="L=0.79"></div><div class="sw" style="background: #FDD7CF; background: color(display-p3 0.9686 0.8482 0.8178);" title="L=0.91"></div><div class="sw" style="background: #DAFA00; background: color(display-p3 0.8777 0.9777 0.2314);" title="L=0.93"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #48274C; background: color(display-p3 0.2650 0.1576 0.2882);" title=""></div>
 <div class="sw" style="background: #3B4B27; background: color(display-p3 0.2428 0.2926 0.1700);" title=""></div>
 <div class="sw" style="background: #444DFF; background: color(display-p3 0.2740 0.3020 0.9713);" title=""></div>
 <div class="sw" style="background: #937784; background: color(display-p3 0.5587 0.4723 0.5170);" title=""></div>
 <div class="sw" style="background: #789628; background: color(display-p3 0.4943 0.5867 0.2347);" title=""></div>
 <div class="sw" style="background: #50CAFE; background: color(display-p3 0.4496 0.7822 0.9773);" title=""></div>
 <div class="sw" style="background: #FDD7CF; background: color(display-p3 0.9686 0.8482 0.8178);" title=""></div>
 <div class="sw" style="background: #DAFA00; background: color(display-p3 0.8777 0.9777 0.2314);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #33314B; background: color(display-p3 0.2001 0.1942 0.2858);" title=""></div>
 <div class="sw" style="background: #484729; background: color(display-p3 0.2830 0.2785 0.1738);" title=""></div>
 <div class="sw" style="background: #005DFF; background: color(display-p3 0.0000 0.3530 0.9634);" title=""></div>
 <div class="sw" style="background: #847E84; background: color(display-p3 0.5132 0.4955 0.5157);" title=""></div>
 <div class="sw" style="background: #948E2F; background: color(display-p3 0.5771 0.5583 0.2493);" title=""></div>
 <div class="sw" style="background: #8DBCFE; background: color(display-p3 0.5908 0.7316 0.9748);" title=""></div>
 <div class="sw" style="background: #ECDFCF; background: color(display-p3 0.9175 0.8770 0.8177);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9901 0.9404 0.2781);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2C354A; background: color(display-p3 0.1778 0.2050 0.2849);" title=""></div>
 <div class="sw" style="background: #4C4629; background: color(display-p3 0.2931 0.2737 0.1755);" title=""></div>
 <div class="sw" style="background: #005FFE; background: color(display-p3 0.0000 0.3596 0.9587);" title=""></div>
 <div class="sw" style="background: #7F8084; background: color(display-p3 0.5004 0.5036 0.5155);" title=""></div>
 <div class="sw" style="background: #9B8B32; background: color(display-p3 0.5980 0.5492 0.2561);" title=""></div>
 <div class="sw" style="background: #97B6FE; background: color(display-p3 0.6172 0.7096 0.9723);" title=""></div>
 <div class="sw" style="background: #E8E2CF; background: color(display-p3 0.9043 0.8876 0.8185);" title=""></div>
 <div class="sw" style="background: #FFEC00; background: color(display-p3 1.0000 0.9292 0.2992);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #302F4C; background: color(display-p3 0.1868 0.1831 0.2904);" title=""></div>
 <div class="sw" style="background: #4A4826; background: color(display-p3 0.2873 0.2815 0.1653);" title=""></div>
 <div class="sw" style="background: #0068FF; background: color(display-p3 0.0000 0.3985 0.9840);" title=""></div>
 <div class="sw" style="background: #817B85; background: color(display-p3 0.5018 0.4848 0.5174);" title=""></div>
 <div class="sw" style="background: #968F1F; background: color(display-p3 0.5837 0.5622 0.2144);" title=""></div>
 <div class="sw" style="background: #9CC6FF; background: color(display-p3 0.6450 0.7735 0.9849);" title=""></div>
 <div class="sw" style="background: #E8DBCE; background: color(display-p3 0.8999 0.8591 0.8152);" title=""></div>
 <div class="sw" style="background: #FFEF00; background: color(display-p3 0.9938 0.9394 0.1380);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #22314D; background: color(display-p3 0.1461 0.1888 0.2928);" title=""></div>
 <div class="sw" style="background: #4E4724; background: color(display-p3 0.3018 0.2782 0.1610);" title=""></div>
 <div class="sw" style="background: #0072FF; background: color(display-p3 0.0000 0.4330 0.9931);" title=""></div>
 <div class="sw" style="background: #797C85; background: color(display-p3 0.4778 0.4869 0.5184);" title=""></div>
 <div class="sw" style="background: #9F8D14; background: color(display-p3 0.6121 0.5544 0.1949);" title=""></div>
 <div class="sw" style="background: #AFC7FF; background: color(display-p3 0.7055 0.7784 0.9887);" title=""></div>
 <div class="sw" style="background: #DFDBCE; background: color(display-p3 0.8711 0.8593 0.8145);" title=""></div>
 <div class="sw" style="background: #FFEB00; background: color(display-p3 1.0000 0.9257 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #492B35; background: color(display-p3 0.2712 0.1733 0.2073);" title=""></div>
 <div class="sw" style="background: #3C4842; background: color(display-p3 0.2446 0.2820 0.2619);" title=""></div>
 <div class="sw" style="background: #0080A2; background: color(display-p3 0.0000 0.4899 0.6209);" title=""></div>
 <div class="sw" style="background: #97777C; background: color(display-p3 0.5725 0.4714 0.4858);" title=""></div>
 <div class="sw" style="background: #7E8F81; background: color(display-p3 0.5063 0.5584 0.5101);" title=""></div>
 <div class="sw" style="background: #00D9DB; background: color(display-p3 0.1572 0.8343 0.8518);" title=""></div>
 <div class="sw" style="background: #FFD2D5; background: color(display-p3 0.9985 0.8328 0.8375);" title=""></div>
 <div class="sw" style="background: #E8EBD3; background: color(display-p3 0.9132 0.9215 0.8373);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 7 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.63 (0.33–0.96)<br><span class="l-bar"><span class="l-dot" style="left: 33.0%;"></span><span class="l-dot" style="left: 41.3%;"></span><span class="l-dot" style="left: 54.6%;"></span><span class="l-dot" style="left: 61.1%;"></span><span class="l-dot" style="left: 63.9%;"></span><span class="l-dot" style="left: 79.2%;"></span><span class="l-dot" style="left: 94.0%;"></span><span class="l-dot" style="left: 96.0%;"></span></span></div><div class="subtitle">conservative ΔE min 25.14 &nbsp; mean 36.80<br>expected ΔE min 27.24 &nbsp; mean 49.41<br>L values [0.33, 0.413, 0.546, 0.611, 0.639, 0.792, 0.94, 0.96]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.123</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #35314C; background: color(display-p3 0.2046 0.1934 0.2912);" title="L=0.33"></div><div class="sw" style="background: #743725; background: color(display-p3 0.4244 0.2280 0.1621);" title="L=0.41"></div><div class="sw" style="background: #484FFF; background: color(display-p3 0.2871 0.3084 0.9717);" title="L=0.55"></div><div class="sw" style="background: #927C87; background: color(display-p3 0.5577 0.4906 0.5282);" title="L=0.61"></div><div class="sw" style="background: #789A28; background: color(display-p3 0.4974 0.6009 0.2374);" title="L=0.64"></div><div class="sw" style="background: #00D3FE; background: color(display-p3 0.2645 0.8149 0.9764);" title="L=0.79"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9755 0.9578 0.2362);" title="L=0.94"></div><div class="sw" style="background: #E2F9E5; background: color(display-p3 0.9020 0.9740 0.9055);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #35314C; background: color(display-p3 0.2046 0.1934 0.2912);" title="L=0.33"></div><div class="sw" style="background: #743725; background: color(display-p3 0.4244 0.2280 0.1621);" title="L=0.41"></div><div class="sw" style="background: #484FFF; background: color(display-p3 0.2871 0.3084 0.9717);" title="L=0.55"></div><div class="sw" style="background: #927C87; background: color(display-p3 0.5577 0.4906 0.5282);" title="L=0.61"></div><div class="sw" style="background: #789A28; background: color(display-p3 0.4974 0.6009 0.2374);" title="L=0.64"></div><div class="sw" style="background: #00D3FE; background: color(display-p3 0.2645 0.8149 0.9764);" title="L=0.79"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9755 0.9578 0.2362);" title="L=0.94"></div><div class="sw" style="background: #E2F9E5; background: color(display-p3 0.9020 0.9740 0.9055);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #35314C; background: color(display-p3 0.2046 0.1934 0.2912);" title="L=0.33"></div><div class="sw" style="background: #743725; background: color(display-p3 0.4244 0.2280 0.1621);" title="L=0.41"></div><div class="sw" style="background: #484FFF; background: color(display-p3 0.2871 0.3084 0.9717);" title="L=0.55"></div><div class="sw" style="background: #927C87; background: color(display-p3 0.5577 0.4906 0.5282);" title="L=0.61"></div><div class="sw" style="background: #789A28; background: color(display-p3 0.4974 0.6009 0.2374);" title="L=0.64"></div><div class="sw" style="background: #00D3FE; background: color(display-p3 0.2645 0.8149 0.9764);" title="L=0.79"></div><div class="sw" style="background: #FAF400; background: color(display-p3 0.9755 0.9578 0.2362);" title="L=0.94"></div><div class="sw" style="background: #E2F9E5; background: color(display-p3 0.9020 0.9740 0.9055);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #35314C; background: color(display-p3 0.2046 0.1934 0.2912);" title=""></div>
 <div class="sw" style="background: #743725; background: color(display-p3 0.4244 0.2280 0.1621);" title=""></div>
 <div class="sw" style="background: #484FFF; background: color(display-p3 0.2871 0.3084 0.9717);" title=""></div>
 <div class="sw" style="background: #927C87; background: color(display-p3 0.5577 0.4906 0.5282);" title=""></div>
 <div class="sw" style="background: #789A28; background: color(display-p3 0.4974 0.6009 0.2374);" title=""></div>
 <div class="sw" style="background: #00D3FE; background: color(display-p3 0.2645 0.8149 0.9764);" title=""></div>
 <div class="sw" style="background: #FAF400; background: color(display-p3 0.9755 0.9578 0.2362);" title=""></div>
 <div class="sw" style="background: #E2F9E5; background: color(display-p3 0.9020 0.9740 0.9055);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2D334C; background: color(display-p3 0.1801 0.2005 0.2895);" title=""></div>
 <div class="sw" style="background: #5D4824; background: color(display-p3 0.3522 0.2866 0.1614);" title=""></div>
 <div class="sw" style="background: #005EFF; background: color(display-p3 0.0000 0.3592 0.9638);" title=""></div>
 <div class="sw" style="background: #868287; background: color(display-p3 0.5215 0.5084 0.5271);" title=""></div>
 <div class="sw" style="background: #97912F; background: color(display-p3 0.5875 0.5702 0.2528);" title=""></div>
 <div class="sw" style="background: #85BFFE; background: color(display-p3 0.5693 0.7410 0.9749);" title=""></div>
 <div class="sw" style="background: #FFF100; background: color(display-p3 1.0000 0.9474 0.2772);" title=""></div>
 <div class="sw" style="background: #F1F4E6; background: color(display-p3 0.9476 0.9556 0.9073);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2A344B; background: color(display-p3 0.1719 0.2021 0.2886);" title=""></div>
 <div class="sw" style="background: #564E24; background: color(display-p3 0.3312 0.3055 0.1636);" title=""></div>
 <div class="sw" style="background: #0061FE; background: color(display-p3 0.0000 0.3660 0.9592);" title=""></div>
 <div class="sw" style="background: #828387; background: color(display-p3 0.5114 0.5147 0.5269);" title=""></div>
 <div class="sw" style="background: #9E8E32; background: color(display-p3 0.6100 0.5600 0.2598);" title=""></div>
 <div class="sw" style="background: #97B6FE; background: color(display-p3 0.6165 0.7091 0.9724);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9465 0.2988);" title=""></div>
 <div class="sw" style="background: #F5F2E6; background: color(display-p3 0.9594 0.9491 0.9080);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2D344D; background: color(display-p3 0.1815 0.2029 0.2936);" title=""></div>
 <div class="sw" style="background: #563F23; background: color(display-p3 0.3247 0.2523 0.1541);" title=""></div>
 <div class="sw" style="background: #0069FF; background: color(display-p3 0.0000 0.4033 0.9843);" title=""></div>
 <div class="sw" style="background: #837F87; background: color(display-p3 0.5127 0.5003 0.5286);" title=""></div>
 <div class="sw" style="background: #99921E; background: color(display-p3 0.5953 0.5751 0.2164);" title=""></div>
 <div class="sw" style="background: #9ACCFF; background: color(display-p3 0.6438 0.7946 0.9841);" title=""></div>
 <div class="sw" style="background: #FFED00; background: color(display-p3 1.0000 0.9317 0.1394);" title=""></div>
 <div class="sw" style="background: #F3F6E5; background: color(display-p3 0.9560 0.9627 0.9041);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #2A354D; background: color(display-p3 0.1729 0.2065 0.2955);" title=""></div>
 <div class="sw" style="background: #474023; background: color(display-p3 0.2737 0.2530 0.1524);" title=""></div>
 <div class="sw" style="background: #0073FF; background: color(display-p3 0.0000 0.4372 0.9934);" title=""></div>
 <div class="sw" style="background: #7E8088; background: color(display-p3 0.4942 0.5020 0.5295);" title=""></div>
 <div class="sw" style="background: #A39012; background: color(display-p3 0.6262 0.5670 0.1959);" title=""></div>
 <div class="sw" style="background: #B7CCFF; background: color(display-p3 0.7335 0.7974 0.9873);" title=""></div>
 <div class="sw" style="background: #FFE900; background: color(display-p3 1.0000 0.9195 0.0000);" title=""></div>
 <div class="sw" style="background: #FAF5E4; background: color(display-p3 0.9753 0.9602 0.9023);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #30363B; background: color(display-p3 0.1911 0.2105 0.2290);" title=""></div>
 <div class="sw" style="background: #7F2B33; background: color(display-p3 0.4612 0.1918 0.2065);" title=""></div>
 <div class="sw" style="background: #0081A3; background: color(display-p3 0.0000 0.4928 0.6229);" title=""></div>
 <div class="sw" style="background: #957C80; background: color(display-p3 0.5684 0.4905 0.5020);" title=""></div>
 <div class="sw" style="background: #7D9384; background: color(display-p3 0.5079 0.5725 0.5223);" title=""></div>
 <div class="sw" style="background: #00E2E1; background: color(display-p3 0.0000 0.8673 0.8727);" title=""></div>
 <div class="sw" style="background: #FFE2CE; background: color(display-p3 1.0000 0.8933 0.8195);" title=""></div>
 <div class="sw" style="background: #DFF8F3; background: color(display-p3 0.8929 0.9698 0.9541);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 8 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.62 (0.34–0.96)<br><span class="l-bar"><span class="l-dot" style="left: 34.2%;"></span><span class="l-dot" style="left: 37.3%;"></span><span class="l-dot" style="left: 59.8%;"></span><span class="l-dot" style="left: 60.7%;"></span><span class="l-dot" style="left: 61.6%;"></span><span class="l-dot" style="left: 82.5%;"></span><span class="l-dot" style="left: 91.0%;"></span><span class="l-dot" style="left: 96.2%;"></span></span></div><div class="subtitle">conservative ΔE min 25.05 &nbsp; mean 38.15<br>expected ΔE min 26.87 &nbsp; mean 47.37<br>L values [0.342, 0.373, 0.598, 0.607, 0.616, 0.825, 0.91, 0.962]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 4 &nbsp;·&nbsp; mean chroma 0.121</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #34325E; background: color(display-p3 0.2021 0.1963 0.3565);" title="L=0.34"></div><div class="sw" style="background: #523B2B; background: color(display-p3 0.3074 0.2338 0.1772);" title="L=0.37"></div><div class="sw" style="background: #9745FF; background: color(display-p3 0.5525 0.2880 0.9715);" title="L=0.60"></div><div class="sw" style="background: #618C84; background: color(display-p3 0.4173 0.5452 0.5185);" title="L=0.61"></div><div class="sw" style="background: #C46A0C; background: color(display-p3 0.7208 0.4344 0.1653);" title="L=0.62"></div><div class="sw" style="background: #00E1FD; background: color(display-p3 0.3103 0.8673 0.9779);" title="L=0.83"></div><div class="sw" style="background: #FBE500; background: color(display-p3 0.9702 0.9002 0.2273);" title="L=0.91"></div><div class="sw" style="background: #E7F9E0; background: color(display-p3 0.9195 0.9726 0.8876);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #34325E; background: color(display-p3 0.2021 0.1963 0.3565);" title="L=0.34"></div><div class="sw" style="background: #523B2B; background: color(display-p3 0.3074 0.2338 0.1772);" title="L=0.37"></div><div class="sw" style="background: #9745FF; background: color(display-p3 0.5525 0.2880 0.9715);" title="L=0.60"></div><div class="sw" style="background: #618C84; background: color(display-p3 0.4173 0.5452 0.5185);" title="L=0.61"></div><div class="sw" style="background: #C46A0C; background: color(display-p3 0.7208 0.4344 0.1653);" title="L=0.62"></div><div class="sw" style="background: #00E1FD; background: color(display-p3 0.3103 0.8673 0.9779);" title="L=0.83"></div><div class="sw" style="background: #FBE500; background: color(display-p3 0.9702 0.9002 0.2273);" title="L=0.91"></div><div class="sw" style="background: #E7F9E0; background: color(display-p3 0.9195 0.9726 0.8876);" title="L=0.96"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #34325E; background: color(display-p3 0.2021 0.1963 0.3565);" title="L=0.34"></div><div class="sw" style="background: #523B2B; background: color(display-p3 0.3074 0.2338 0.1772);" title="L=0.37"></div><div class="sw" style="background: #9745FF; background: color(display-p3 0.5525 0.2880 0.9715);" title="L=0.60"></div><div class="sw" style="background: #618C84; background: color(display-p3 0.4173 0.5452 0.5185);" title="L=0.61"></div><div class="sw" style="background: #C46A0C; background: color(display-p3 0.7208 0.4344 0.1653);" title="L=0.62"></div><div class="sw" style="background: #00E1FD; background: color(display-p3 0.3103 0.8673 0.9779);" title="L=0.83"></div><div class="sw" style="background: #FBE500; background: color(display-p3 0.9702 0.9002 0.2273);" title="L=0.91"></div><div class="sw" style="background: #E7F9E0; background: color(display-p3 0.9195 0.9726 0.8876);" title="L=0.96"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #34325E; background: color(display-p3 0.2021 0.1963 0.3565);" title=""></div>
 <div class="sw" style="background: #523B2B; background: color(display-p3 0.3074 0.2338 0.1772);" title=""></div>
 <div class="sw" style="background: #9745FF; background: color(display-p3 0.5525 0.2880 0.9715);" title=""></div>
 <div class="sw" style="background: #618C84; background: color(display-p3 0.4173 0.5452 0.5185);" title=""></div>
 <div class="sw" style="background: #C46A0C; background: color(display-p3 0.7208 0.4344 0.1653);" title=""></div>
 <div class="sw" style="background: #00E1FD; background: color(display-p3 0.3103 0.8673 0.9779);" title=""></div>
 <div class="sw" style="background: #FBE500; background: color(display-p3 0.9702 0.9002 0.2273);" title=""></div>
 <div class="sw" style="background: #E7F9E0; background: color(display-p3 0.9195 0.9726 0.8876);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #26355D; background: color(display-p3 0.1605 0.2060 0.3541);" title=""></div>
 <div class="sw" style="background: #49402B; background: color(display-p3 0.2810 0.2514 0.1779);" title=""></div>
 <div class="sw" style="background: #256CFF; background: color(display-p3 0.2247 0.4164 0.9631);" title=""></div>
 <div class="sw" style="background: #7B8485; background: color(display-p3 0.4884 0.5182 0.5197);" title=""></div>
 <div class="sw" style="background: #A48207; background: color(display-p3 0.6222 0.5141 0.1692);" title=""></div>
 <div class="sw" style="background: #95CAFE; background: color(display-p3 0.6296 0.7877 0.9774);" title=""></div>
 <div class="sw" style="background: #FFE500; background: color(display-p3 0.9889 0.9036 0.2633);" title=""></div>
 <div class="sw" style="background: #F4F4E1; background: color(display-p3 0.9577 0.9577 0.8897);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #20365D; background: color(display-p3 0.1449 0.2078 0.3527);" title=""></div>
 <div class="sw" style="background: #47422B; background: color(display-p3 0.2742 0.2579 0.1790);" title=""></div>
 <div class="sw" style="background: #0074FD; background: color(display-p3 0.0000 0.4454 0.9586);" title=""></div>
 <div class="sw" style="background: #818285; background: color(display-p3 0.5047 0.5078 0.5196);" title=""></div>
 <div class="sw" style="background: #9B890B; background: color(display-p3 0.5950 0.5411 0.1787);" title=""></div>
 <div class="sw" style="background: #A9C1FE; background: color(display-p3 0.6812 0.7540 0.9753);" title=""></div>
 <div class="sw" style="background: #FFE600; background: color(display-p3 0.9968 0.9077 0.2839);" title=""></div>
 <div class="sw" style="background: #F8F3E1; background: color(display-p3 0.9678 0.9527 0.8906);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #27375F; background: color(display-p3 0.1662 0.2124 0.3603);" title=""></div>
 <div class="sw" style="background: #463D2A; background: color(display-p3 0.2698 0.2389 0.1736);" title=""></div>
 <div class="sw" style="background: #166CFF; background: color(display-p3 0.2009 0.4188 0.9831);" title=""></div>
 <div class="sw" style="background: #7F8884; background: color(display-p3 0.5051 0.5325 0.5190);" title=""></div>
 <div class="sw" style="background: #9A7400; background: color(display-p3 0.5809 0.4621 0.1289);" title=""></div>
 <div class="sw" style="background: #AAD8FF; background: color(display-p3 0.7018 0.8412 0.9847);" title=""></div>
 <div class="sw" style="background: #FDE000; background: color(display-p3 0.9718 0.8815 0.1356);" title=""></div>
 <div class="sw" style="background: #F6F5E0; background: color(display-p3 0.9632 0.9620 0.8854);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #22385F; background: color(display-p3 0.1526 0.2187 0.3630);" title=""></div>
 <div class="sw" style="background: #413D2A; background: color(display-p3 0.2531 0.2382 0.1721);" title=""></div>
 <div class="sw" style="background: #0077FF; background: color(display-p3 0.0000 0.4537 0.9924);" title=""></div>
 <div class="sw" style="background: #888784; background: color(display-p3 0.5342 0.5308 0.5183);" title=""></div>
 <div class="sw" style="background: #857500; background: color(display-p3 0.5118 0.4603 0.1130);" title=""></div>
 <div class="sw" style="background: #C8D7FF; background: color(display-p3 0.7960 0.8420 0.9868);" title=""></div>
 <div class="sw" style="background: #FCDD00; background: color(display-p3 0.9693 0.8706 0.0000);" title=""></div>
 <div class="sw" style="background: #FBF4DF; background: color(display-p3 0.9787 0.9591 0.8832);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #273B43; background: color(display-p3 0.1703 0.2285 0.2590);" title=""></div>
 <div class="sw" style="background: #583637; background: color(display-p3 0.3270 0.2187 0.2169);" title=""></div>
 <div class="sw" style="background: #7D76A0; background: color(display-p3 0.4839 0.4633 0.6154);" title=""></div>
 <div class="sw" style="background: #548E8A; background: color(display-p3 0.3827 0.5503 0.5382);" title=""></div>
 <div class="sw" style="background: #D7565B; background: color(display-p3 0.7826 0.3682 0.3701);" title=""></div>
 <div class="sw" style="background: #00EDE9; background: color(display-p3 0.0000 0.9120 0.9071);" title=""></div>
 <div class="sw" style="background: #FFD2C1; background: color(display-p3 1.0000 0.8345 0.7696);" title=""></div>
 <div class="sw" style="background: #E7F6F1; background: color(display-p3 0.9174 0.9647 0.9477);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 9 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.60 (0.34–0.94)<br><span class="l-bar"><span class="l-dot" style="left: 33.9%;"></span><span class="l-dot" style="left: 42.1%;"></span><span class="l-dot" style="left: 57.7%;"></span><span class="l-dot" style="left: 58.8%;"></span><span class="l-dot" style="left: 63.8%;"></span><span class="l-dot" style="left: 80.4%;"></span><span class="l-dot" style="left: 92.2%;"></span><span class="l-dot" style="left: 93.5%;"></span></span></div><div class="subtitle">conservative ΔE min 24.98 &nbsp; mean 34.98<br>expected ΔE min 26.80 &nbsp; mean 48.81<br>L values [0.339, 0.421, 0.577, 0.588, 0.638, 0.804, 0.922, 0.935]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.13</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #363351; background: color(display-p3 0.2102 0.2017 0.3090);" title="L=0.34"></div><div class="sw" style="background: #773828; background: color(display-p3 0.4352 0.2345 0.1726);" title="L=0.42"></div><div class="sw" style="background: #9334FF; background: color(display-p3 0.5321 0.2298 0.9684);" title="L=0.58"></div><div class="sw" style="background: #4F897F; background: color(display-p3 0.3641 0.5330 0.5003);" title="L=0.59"></div><div class="sw" style="background: #8D931B; background: color(display-p3 0.5570 0.5769 0.2085);" title="L=0.64"></div><div class="sw" style="background: #00D8FD; background: color(display-p3 0.2981 0.8317 0.9759);" title="L=0.80"></div><div class="sw" style="background: #CFFB00; background: color(display-p3 0.8459 0.9778 0.2264);" title="L=0.92"></div><div class="sw" style="background: #FBE4D7; background: color(display-p3 0.9704 0.8988 0.8506);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #363351; background: color(display-p3 0.2102 0.2017 0.3090);" title="L=0.34"></div><div class="sw" style="background: #773828; background: color(display-p3 0.4352 0.2345 0.1726);" title="L=0.42"></div><div class="sw" style="background: #9334FF; background: color(display-p3 0.5321 0.2298 0.9684);" title="L=0.58"></div><div class="sw" style="background: #4F897F; background: color(display-p3 0.3641 0.5330 0.5003);" title="L=0.59"></div><div class="sw" style="background: #8D931B; background: color(display-p3 0.5570 0.5769 0.2085);" title="L=0.64"></div><div class="sw" style="background: #00D8FD; background: color(display-p3 0.2981 0.8317 0.9759);" title="L=0.80"></div><div class="sw" style="background: #CFFB00; background: color(display-p3 0.8459 0.9778 0.2264);" title="L=0.92"></div><div class="sw" style="background: #FBE4D7; background: color(display-p3 0.9704 0.8988 0.8506);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #363351; background: color(display-p3 0.2102 0.2017 0.3090);" title="L=0.34"></div><div class="sw" style="background: #773828; background: color(display-p3 0.4352 0.2345 0.1726);" title="L=0.42"></div><div class="sw" style="background: #9334FF; background: color(display-p3 0.5321 0.2298 0.9684);" title="L=0.58"></div><div class="sw" style="background: #4F897F; background: color(display-p3 0.3641 0.5330 0.5003);" title="L=0.59"></div><div class="sw" style="background: #8D931B; background: color(display-p3 0.5570 0.5769 0.2085);" title="L=0.64"></div><div class="sw" style="background: #00D8FD; background: color(display-p3 0.2981 0.8317 0.9759);" title="L=0.80"></div><div class="sw" style="background: #CFFB00; background: color(display-p3 0.8459 0.9778 0.2264);" title="L=0.92"></div><div class="sw" style="background: #FBE4D7; background: color(display-p3 0.9704 0.8988 0.8506);" title="L=0.94"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #363351; background: color(display-p3 0.2102 0.2017 0.3090);" title=""></div>
 <div class="sw" style="background: #773828; background: color(display-p3 0.4352 0.2345 0.1726);" title=""></div>
 <div class="sw" style="background: #9334FF; background: color(display-p3 0.5321 0.2298 0.9684);" title=""></div>
 <div class="sw" style="background: #4F897F; background: color(display-p3 0.3641 0.5330 0.5003);" title=""></div>
 <div class="sw" style="background: #8D931B; background: color(display-p3 0.5570 0.5769 0.2085);" title=""></div>
 <div class="sw" style="background: #00D8FD; background: color(display-p3 0.2981 0.8317 0.9759);" title=""></div>
 <div class="sw" style="background: #CFFB00; background: color(display-p3 0.8459 0.9778 0.2264);" title=""></div>
 <div class="sw" style="background: #FBE4D7; background: color(display-p3 0.9704 0.8988 0.8506);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #2E3550; background: color(display-p3 0.1845 0.2087 0.3073);" title=""></div>
 <div class="sw" style="background: #5F4A26; background: color(display-p3 0.3611 0.2945 0.1718);" title=""></div>
 <div class="sw" style="background: #0064FE; background: color(display-p3 0.1340 0.3837 0.9598);" title=""></div>
 <div class="sw" style="background: #738080; background: color(display-p3 0.4605 0.4990 0.5017);" title=""></div>
 <div class="sw" style="background: #9B8F23; background: color(display-p3 0.6006 0.5639 0.2238);" title=""></div>
 <div class="sw" style="background: #8CC3FE; background: color(display-p3 0.5931 0.7572 0.9747);" title=""></div>
 <div class="sw" style="background: #FBEE00; background: color(display-p3 0.9764 0.9339 0.2749);" title=""></div>
 <div class="sw" style="background: #F2E9D7; background: color(display-p3 0.9435 0.9144 0.8512);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2B3650; background: color(display-p3 0.1758 0.2102 0.3063);" title=""></div>
 <div class="sw" style="background: #585027; background: color(display-p3 0.3395 0.3138 0.1740);" title=""></div>
 <div class="sw" style="background: #006DFD; background: color(display-p3 0.0000 0.4161 0.9552);" title=""></div>
 <div class="sw" style="background: #7B7C80; background: color(display-p3 0.4816 0.4858 0.5017);" title=""></div>
 <div class="sw" style="background: #9F8E27; background: color(display-p3 0.6131 0.5607 0.2320);" title=""></div>
 <div class="sw" style="background: #9EBAFD; background: color(display-p3 0.6406 0.7253 0.9724);" title=""></div>
 <div class="sw" style="background: #FFEA00; background: color(display-p3 1.0000 0.9201 0.2960);" title=""></div>
 <div class="sw" style="background: #F0EBD7; background: color(display-p3 0.9370 0.9205 0.8520);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #2E3652; background: color(display-p3 0.1867 0.2119 0.3117);" title=""></div>
 <div class="sw" style="background: #584126; background: color(display-p3 0.3330 0.2596 0.1649);" title=""></div>
 <div class="sw" style="background: #0064FF; background: color(display-p3 0.0869 0.3866 0.9803);" title=""></div>
 <div class="sw" style="background: #798480; background: color(display-p3 0.4822 0.5171 0.5009);" title=""></div>
 <div class="sw" style="background: #9B8E09; background: color(display-p3 0.5981 0.5588 0.1821);" title=""></div>
 <div class="sw" style="background: #A0D0FF; background: color(display-p3 0.6652 0.8098 0.9833);" title=""></div>
 <div class="sw" style="background: #FEEE00; background: color(display-p3 0.9839 0.9367 0.1325);" title=""></div>
 <div class="sw" style="background: #EFE6D7; background: color(display-p3 0.9325 0.9031 0.8481);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #2B3752; background: color(display-p3 0.1782 0.2158 0.3138);" title=""></div>
 <div class="sw" style="background: #494226; background: color(display-p3 0.2806 0.2604 0.1634);" title=""></div>
 <div class="sw" style="background: #0070FF; background: color(display-p3 0.0000 0.4255 0.9899);" title=""></div>
 <div class="sw" style="background: #85837F; background: color(display-p3 0.5190 0.5150 0.5000);" title=""></div>
 <div class="sw" style="background: #9F8C00; background: color(display-p3 0.6111 0.5515 0.1588);" title=""></div>
 <div class="sw" style="background: #BDD0FF; background: color(display-p3 0.7546 0.8121 0.9861);" title=""></div>
 <div class="sw" style="background: #FFEA00; background: color(display-p3 1.0000 0.9227 0.0000);" title=""></div>
 <div class="sw" style="background: #EBE6D6; background: color(display-p3 0.9168 0.9023 0.8469);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #30393E; background: color(display-p3 0.1938 0.2211 0.2411);" title=""></div>
 <div class="sw" style="background: #822D35; background: color(display-p3 0.4726 0.1982 0.2138);" title=""></div>
 <div class="sw" style="background: #766F9C; background: color(display-p3 0.4576 0.4363 0.5995);" title=""></div>
 <div class="sw" style="background: #398B86; background: color(display-p3 0.3126 0.5394 0.5245);" title=""></div>
 <div class="sw" style="background: #978A7E; background: color(display-p3 0.5833 0.5425 0.4982);" title=""></div>
 <div class="sw" style="background: #00E5E3; background: color(display-p3 0.0000 0.8810 0.8832);" title=""></div>
 <div class="sw" style="background: #DCECD4; background: color(display-p3 0.8755 0.9240 0.8375);" title=""></div>
 <div class="sw" style="background: #FFE1E1; background: color(display-p3 0.9924 0.8855 0.8834);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 10 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.61 (0.33–0.94)<br><span class="l-bar"><span class="l-dot" style="left: 32.7%;"></span><span class="l-dot" style="left: 40.4%;"></span><span class="l-dot" style="left: 51.6%;"></span><span class="l-dot" style="left: 59.7%;"></span><span class="l-dot" style="left: 62.8%;"></span><span class="l-dot" style="left: 78.9%;"></span><span class="l-dot" style="left: 89.2%;"></span><span class="l-dot" style="left: 94.2%;"></span></span></div><div class="subtitle">conservative ΔE min 24.96 &nbsp; mean 35.25<br>expected ΔE min 26.33 &nbsp; mean 50.76<br>L values [0.327, 0.404, 0.516, 0.597, 0.628, 0.789, 0.892, 0.942]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.139</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #492547; background: color(display-p3 0.2687 0.1517 0.2711);" title="L=0.33"></div><div class="sw" style="background: #414F27; background: color(display-p3 0.2645 0.3072 0.1726);" title="L=0.40"></div><div class="sw" style="background: #443AFF; background: color(display-p3 0.2613 0.2287 0.9689);" title="L=0.52"></div><div class="sw" style="background: #937684; background: color(display-p3 0.5567 0.4656 0.5139);" title="L=0.60"></div><div class="sw" style="background: #549E24; background: color(display-p3 0.4010 0.6143 0.2283);" title="L=0.63"></div><div class="sw" style="background: #BBADFF; background: color(display-p3 0.7238 0.6795 0.9774);" title="L=0.79"></div><div class="sw" style="background: #4CFCD0; background: color(display-p3 0.5185 0.9745 0.8234);" title="L=0.89"></div><div class="sw" style="background: #F9F500; background: color(display-p3 0.9749 0.9631 0.2370);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #492547; background: color(display-p3 0.2687 0.1517 0.2711);" title="L=0.33"></div><div class="sw" style="background: #414F27; background: color(display-p3 0.2645 0.3072 0.1726);" title="L=0.40"></div><div class="sw" style="background: #443AFF; background: color(display-p3 0.2613 0.2287 0.9689);" title="L=0.52"></div><div class="sw" style="background: #937684; background: color(display-p3 0.5567 0.4656 0.5139);" title="L=0.60"></div><div class="sw" style="background: #549E24; background: color(display-p3 0.4010 0.6143 0.2283);" title="L=0.63"></div><div class="sw" style="background: #BBADFF; background: color(display-p3 0.7238 0.6795 0.9774);" title="L=0.79"></div><div class="sw" style="background: #4CFCD0; background: color(display-p3 0.5185 0.9745 0.8234);" title="L=0.89"></div><div class="sw" style="background: #F9F500; background: color(display-p3 0.9749 0.9631 0.2370);" title="L=0.94"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #492547; background: color(display-p3 0.2687 0.1517 0.2711);" title="L=0.33"></div><div class="sw" style="background: #414F27; background: color(display-p3 0.2645 0.3072 0.1726);" title="L=0.40"></div><div class="sw" style="background: #443AFF; background: color(display-p3 0.2613 0.2287 0.9689);" title="L=0.52"></div><div class="sw" style="background: #937684; background: color(display-p3 0.5567 0.4656 0.5139);" title="L=0.60"></div><div class="sw" style="background: #549E24; background: color(display-p3 0.4010 0.6143 0.2283);" title="L=0.63"></div><div class="sw" style="background: #BBADFF; background: color(display-p3 0.7238 0.6795 0.9774);" title="L=0.79"></div><div class="sw" style="background: #4CFCD0; background: color(display-p3 0.5185 0.9745 0.8234);" title="L=0.89"></div><div class="sw" style="background: #F9F500; background: color(display-p3 0.9749 0.9631 0.2370);" title="L=0.94"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #492547; background: color(display-p3 0.2687 0.1517 0.2711);" title=""></div>
 <div class="sw" style="background: #414F27; background: color(display-p3 0.2645 0.3072 0.1726);" title=""></div>
 <div class="sw" style="background: #443AFF; background: color(display-p3 0.2613 0.2287 0.9689);" title=""></div>
 <div class="sw" style="background: #937684; background: color(display-p3 0.5567 0.4656 0.5139);" title=""></div>
 <div class="sw" style="background: #549E24; background: color(display-p3 0.4010 0.6143 0.2283);" title=""></div>
 <div class="sw" style="background: #BBADFF; background: color(display-p3 0.7238 0.6795 0.9774);" title=""></div>
 <div class="sw" style="background: #4CFCD0; background: color(display-p3 0.5185 0.9745 0.8234);" title=""></div>
 <div class="sw" style="background: #F9F500; background: color(display-p3 0.9749 0.9631 0.2370);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #353146; background: color(display-p3 0.2036 0.1910 0.2689);" title=""></div>
 <div class="sw" style="background: #4D4B29; background: color(display-p3 0.3019 0.2942 0.1768);" title=""></div>
 <div class="sw" style="background: #0052FF; background: color(display-p3 0.0000 0.3089 0.9608);" title=""></div>
 <div class="sw" style="background: #837D83; background: color(display-p3 0.5088 0.4903 0.5126);" title=""></div>
 <div class="sw" style="background: #8F902E; background: color(display-p3 0.5601 0.5641 0.2466);" title=""></div>
 <div class="sw" style="background: #A1B4FE; background: color(display-p3 0.6448 0.7036 0.9725);" title=""></div>
 <div class="sw" style="background: #C9E4D2; background: color(display-p3 0.8077 0.8901 0.8289);" title=""></div>
 <div class="sw" style="background: #FFF200; background: color(display-p3 1.0000 0.9512 0.2786);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #2D3446; background: color(display-p3 0.1816 0.2027 0.2681);" title=""></div>
 <div class="sw" style="background: #514A29; background: color(display-p3 0.3115 0.2899 0.1788);" title=""></div>
 <div class="sw" style="background: #0056FE; background: color(display-p3 0.0000 0.3211 0.9559);" title=""></div>
 <div class="sw" style="background: #7E7F83; background: color(display-p3 0.4953 0.4988 0.5123);" title=""></div>
 <div class="sw" style="background: #9A8B31; background: color(display-p3 0.5946 0.5460 0.2536);" title=""></div>
 <div class="sw" style="background: #98B6FD; background: color(display-p3 0.6184 0.7096 0.9697);" title=""></div>
 <div class="sw" style="background: #DDDAD3; background: color(display-p3 0.8637 0.8568 0.8296);" title=""></div>
 <div class="sw" style="background: #FFF100; background: color(display-p3 1.0000 0.9498 0.3003);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #312D47; background: color(display-p3 0.1887 0.1776 0.2730);" title=""></div>
 <div class="sw" style="background: #4E4B26; background: color(display-p3 0.3051 0.2962 0.1672);" title=""></div>
 <div class="sw" style="background: #005EFF; background: color(display-p3 0.0000 0.3570 0.9819);" title=""></div>
 <div class="sw" style="background: #807A84; background: color(display-p3 0.4968 0.4790 0.5143);" title=""></div>
 <div class="sw" style="background: #94941A; background: color(display-p3 0.5800 0.5798 0.2078);" title=""></div>
 <div class="sw" style="background: #A1B6FF; background: color(display-p3 0.6474 0.7097 0.9848);" title=""></div>
 <div class="sw" style="background: #D7EECF; background: color(display-p3 0.8600 0.9321 0.8227);" title=""></div>
 <div class="sw" style="background: #FFEE00; background: color(display-p3 1.0000 0.9363 0.1400);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #232F48; background: color(display-p3 0.1464 0.1829 0.2752);" title=""></div>
 <div class="sw" style="background: #534A24; background: color(display-p3 0.3183 0.2927 0.1622);" title=""></div>
 <div class="sw" style="background: #0069FF; background: color(display-p3 0.0000 0.3974 0.9913);" title=""></div>
 <div class="sw" style="background: #787B84; background: color(display-p3 0.4713 0.4813 0.5155);" title=""></div>
 <div class="sw" style="background: #A49106; background: color(display-p3 0.6310 0.5706 0.1845);" title=""></div>
 <div class="sw" style="background: #97B9FF; background: color(display-p3 0.6183 0.7207 0.9905);" title=""></div>
 <div class="sw" style="background: #F4ECCE; background: color(display-p3 0.9517 0.9251 0.8184);" title=""></div>
 <div class="sw" style="background: #FFEA00; background: color(display-p3 1.0000 0.9239 0.0000);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #4C2832; background: color(display-p3 0.2783 0.1633 0.1965);" title=""></div>
 <div class="sw" style="background: #434B45; background: color(display-p3 0.2690 0.2949 0.2738);" title=""></div>
 <div class="sw" style="background: #00779D; background: color(display-p3 0.0000 0.4555 0.6012);" title=""></div>
 <div class="sw" style="background: #97757A; background: color(display-p3 0.5712 0.4649 0.4804);" title=""></div>
 <div class="sw" style="background: #509887; background: color(display-p3 0.3852 0.5909 0.5332);" title=""></div>
 <div class="sw" style="background: #ACBBCB; background: color(display-p3 0.6857 0.7313 0.7884);" title=""></div>
 <div class="sw" style="background: #00FEEF; background: color(display-p3 0.3427 0.9807 0.9343);" title=""></div>
 <div class="sw" style="background: #FFE4CF; background: color(display-p3 1.0000 0.8988 0.8241);" title=""></div>
 </div></div>
 </div>
 </div>
 </body></html>
diff --git a/phase_b_preview_expected.html b/phase_b_preview_expected.html
 <!doctype html><html><head><meta charset='utf-8'>
 <title>qolour Phase B — cluster preview</title>
 <style>
 body { font-family: -apple-system, ui-sans-serif, sans-serif; background: #0f0f14; color: #e8e8ee; padding: 24px; max-width: 1100px; margin: 0 auto; }
 h1 { font-weight: 300; letter-spacing: -0.02em; font-size: 28px; }
 h2 { font-weight: 400; margin-top: 40px; border-bottom: 1px solid #333; padding-bottom: 6px; }
 h3 { font-weight: 500; margin-top: 24px; color: #b8b8c2; font-size: 16px; }
 .cluster { margin-bottom: 40px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); }
 .cluster-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
 .title { font-weight: 600; font-size: 15px; }
 .meta { font-family: ui-monospace, monospace; font-size: 11px; color: #888; line-height: 1.5; }
 .subtitle { font-size: 11px; color: #999; font-family: ui-monospace, monospace; line-height: 1.6; text-align: right; }
 .bg-panels { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
 .bg-panel { padding: 14px 10px; border-radius: 6px; }
 .bg-dark { background: #0b0b0f; }
 .bg-mid { background: #606065; }
 .bg-light { background: #f2f2f0; }
 .bg-label { font-size: 10px; font-family: ui-monospace, monospace; margin-bottom: 6px; opacity: 0.65; }
 .bg-dark .bg-label { color: #8a8a92; }
 .bg-mid .bg-label { color: #1a1a1a; }
 .bg-light .bg-label { color: #555; }
 .swatches { display: flex; gap: 2px; flex-wrap: wrap; }
 .sw { width: 44px; height: 44px; border-radius: 4px; }
 .cvd-grid { margin-top: 8px; padding: 10px 12px; background: rgba(0,0,0,0.25); border-radius: 6px; }
 .cvd-title { font-size: 10px; color: #777; margin-bottom: 6px; font-family: ui-monospace, monospace; }
 .cvd-row { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; }
 .cvd-label { flex: 0 0 100px; font-size: 10px; color: #888; font-family: ui-monospace, monospace; }
 .cvd-row .sw { width: 32px; height: 26px; border-radius: 3px; }
 .l-bar { display: inline-block; height: 6px; margin: 0 2px; border-radius: 2px; background: linear-gradient(to right, #222, #888, #fafaf8); position: relative; width: 160px; vertical-align: middle; }
 .l-dot { position: absolute; top: -3px; width: 4px; height: 12px; background: #c0c0ff; border-radius: 2px; transform: translateX(-50%); }
 </style></head><body>
 <h1>qolour Phase B — converged clusters (expected loss)</h1>
 <p class='meta'>Gradient descent on Lagrangian with CIEDE2000 metric, population-weighted Machado simulation, linear-P3 softplus barrier. No L-monotonicity or yellow-blue bias terms — Phase B is a clean test of whether non-monotone-L critical points exist.</p>
 <p class='meta'>Each cluster is shown with: (top) the palette sorted by L in Display P3 swatches, (below) the same palette under each CVD simulation so you can see what the viewer actually experiences, plus headline numbers. Your visual judgment is the final verdict on aesthetic superiority.</p>
 <h2>N = 6 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 5 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 53.09 / 55.04 / 55.44 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 3.10 / 5.12 / 5.84 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 1 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.54 (0.36–0.91)<br><span class="l-bar"><span class="l-dot" style="left: 36.4%;"></span><span class="l-dot" style="left: 38.6%;"></span><span class="l-dot" style="left: 65.1%;"></span><span class="l-dot" style="left: 76.9%;"></span><span class="l-dot" style="left: 81.8%;"></span><span class="l-dot" style="left: 90.5%;"></span></span></div><div class="subtitle">conservative ΔE min 6.74 &nbsp; mean 39.67<br>expected ΔE min 53.14 &nbsp; mean 63.92<br>L values [0.364, 0.386, 0.651, 0.769, 0.818, 0.905]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.186</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #2F2498; background: color(display-p3 0.1784 0.1440 0.5723);" title="L=0.36"></div><div class="sw" style="background: #125300; background: color(display-p3 0.1533 0.3197 0.0659);" title="L=0.39"></div><div class="sw" style="background: #EC5A00; background: color(display-p3 0.8599 0.3926 0.0301);" title="L=0.65"></div><div class="sw" style="background: #00CAFD; background: color(display-p3 0.2273 0.7780 0.9726);" title="L=0.77"></div><div class="sw" style="background: #FF8DFE; background: color(display-p3 0.9803 0.5802 0.9747);" title="L=0.82"></div><div class="sw" style="background: #B3FB00; background: color(display-p3 0.7628 0.9763 0.2809);" title="L=0.91"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #2F2498; background: color(display-p3 0.1784 0.1440 0.5723);" title="L=0.36"></div><div class="sw" style="background: #125300; background: color(display-p3 0.1533 0.3197 0.0659);" title="L=0.39"></div><div class="sw" style="background: #EC5A00; background: color(display-p3 0.8599 0.3926 0.0301);" title="L=0.65"></div><div class="sw" style="background: #00CAFD; background: color(display-p3 0.2273 0.7780 0.9726);" title="L=0.77"></div><div class="sw" style="background: #FF8DFE; background: color(display-p3 0.9803 0.5802 0.9747);" title="L=0.82"></div><div class="sw" style="background: #B3FB00; background: color(display-p3 0.7628 0.9763 0.2809);" title="L=0.91"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #2F2498; background: color(display-p3 0.1784 0.1440 0.5723);" title="L=0.36"></div><div class="sw" style="background: #125300; background: color(display-p3 0.1533 0.3197 0.0659);" title="L=0.39"></div><div class="sw" style="background: #EC5A00; background: color(display-p3 0.8599 0.3926 0.0301);" title="L=0.65"></div><div class="sw" style="background: #00CAFD; background: color(display-p3 0.2273 0.7780 0.9726);" title="L=0.77"></div><div class="sw" style="background: #FF8DFE; background: color(display-p3 0.9803 0.5802 0.9747);" title="L=0.82"></div><div class="sw" style="background: #B3FB00; background: color(display-p3 0.7628 0.9763 0.2809);" title="L=0.91"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #2F2498; background: color(display-p3 0.1784 0.1440 0.5723);" title=""></div>
 <div class="sw" style="background: #125300; background: color(display-p3 0.1533 0.3197 0.0659);" title=""></div>
 <div class="sw" style="background: #EC5A00; background: color(display-p3 0.8599 0.3926 0.0301);" title=""></div>
 <div class="sw" style="background: #00CAFD; background: color(display-p3 0.2273 0.7780 0.9726);" title=""></div>
 <div class="sw" style="background: #FF8DFE; background: color(display-p3 0.9803 0.5802 0.9747);" title=""></div>
 <div class="sw" style="background: #B3FB00; background: color(display-p3 0.7628 0.9763 0.2809);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #003297; background: color(display-p3 0.0000 0.1895 0.5673);" title=""></div>
 <div class="sw" style="background: #464906; background: color(display-p3 0.2765 0.2850 0.0816);" title=""></div>
 <div class="sw" style="background: #BA8900; background: color(display-p3 0.7014 0.5447 0.0227);" title=""></div>
 <div class="sw" style="background: #78B6FD; background: color(display-p3 0.5254 0.7079 0.9704);" title=""></div>
 <div class="sw" style="background: #C5B6FC; background: color(display-p3 0.7631 0.7164 0.9672);" title=""></div>
 <div class="sw" style="background: #F1EA1A; background: color(display-p3 0.9395 0.9171 0.3206);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #003496; background: color(display-p3 0.0000 0.1973 0.5644);" title=""></div>
 <div class="sw" style="background: #4E4509; background: color(display-p3 0.3005 0.2719 0.0871);" title=""></div>
 <div class="sw" style="background: #AA9600; background: color(display-p3 0.6540 0.5903 0.0607);" title=""></div>
 <div class="sw" style="background: #8AAEFD; background: color(display-p3 0.5696 0.6772 0.9677);" title=""></div>
 <div class="sw" style="background: #ABC2FB; background: color(display-p3 0.6889 0.7564 0.9646);" title=""></div>
 <div class="sw" style="background: #FFE429; background: color(display-p3 0.9817 0.8970 0.3371);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #00389A; background: color(display-p3 0.0000 0.2135 0.5800);" title=""></div>
 <div class="sw" style="background: #4A4C00; background: color(display-p3 0.2918 0.2972 0.0481);" title=""></div>
 <div class="sw" style="background: #AB7200; background: color(display-p3 0.6380 0.4573 0.0000);" title=""></div>
 <div class="sw" style="background: #8EC4FF; background: color(display-p3 0.6022 0.7616 0.9809);" title=""></div>
 <div class="sw" style="background: #B8AAFF; background: color(display-p3 0.7117 0.6691 0.9806);" title=""></div>
 <div class="sw" style="background: #F6ED00; background: color(display-p3 0.9568 0.9293 0.2224);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #003E9B; background: color(display-p3 0.0000 0.2361 0.5857);" title=""></div>
 <div class="sw" style="background: #554A00; background: color(display-p3 0.3274 0.2914 0.0241);" title=""></div>
 <div class="sw" style="background: #877400; background: color(display-p3 0.5164 0.4584 0.0000);" title=""></div>
 <div class="sw" style="background: #ABC4FF; background: color(display-p3 0.6891 0.7658 0.9846);" title=""></div>
 <div class="sw" style="background: #88B0FF; background: color(display-p3 0.5660 0.6869 0.9877);" title=""></div>
 <div class="sw" style="background: #FFE800; background: color(display-p3 1.0000 0.9150 0.1482);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #00465C; background: color(display-p3 0.0000 0.2670 0.3528);" title=""></div>
 <div class="sw" style="background: #045045; background: color(display-p3 0.1294 0.3072 0.2710);" title=""></div>
 <div class="sw" style="background: #FF2E4A; background: color(display-p3 0.9407 0.2739 0.3182);" title=""></div>
 <div class="sw" style="background: #00DADB; background: color(display-p3 0.0000 0.8357 0.8481);" title=""></div>
 <div class="sw" style="background: #FF97BA; background: color(display-p3 1.0000 0.6171 0.7296);" title=""></div>
 <div class="sw" style="background: #BBEFD5; background: color(display-p3 0.7738 0.9297 0.8408);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 2 &nbsp;·&nbsp; n=1 &nbsp;·&nbsp; L range 0.62 (0.29–0.91)<br><span class="l-bar"><span class="l-dot" style="left: 29.2%;"></span><span class="l-dot" style="left: 40.5%;"></span><span class="l-dot" style="left: 71.5%;"></span><span class="l-dot" style="left: 74.4%;"></span><span class="l-dot" style="left: 79.0%;"></span><span class="l-dot" style="left: 90.8%;"></span></span></div><div class="subtitle">conservative ΔE min 6.30 &nbsp; mean 40.66<br>expected ΔE min 53.43 &nbsp; mean 64.35<br>L values [0.292, 0.405, 0.715, 0.744, 0.79, 0.908]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.177</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #421647; background: color(display-p3 0.2380 0.0982 0.2685);" title="L=0.29"></div><div class="sw" style="background: #195726; background: color(display-p3 0.1713 0.3365 0.1702);" title="L=0.40"></div><div class="sw" style="background: #FF6C00; background: color(display-p3 0.9599 0.4630 0.0894);" title="L=0.71"></div><div class="sw" style="background: #00BFFD; background: color(display-p3 0.2249 0.7347 0.9701);" title="L=0.74"></div><div class="sw" style="background: #FF74FF; background: color(display-p3 0.9804 0.4920 0.9785);" title="L=0.79"></div><div class="sw" style="background: #B2FC00; background: color(display-p3 0.7615 0.9805 0.2781);" title="L=0.91"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #421647; background: color(display-p3 0.2380 0.0982 0.2685);" title="L=0.29"></div><div class="sw" style="background: #195726; background: color(display-p3 0.1713 0.3365 0.1702);" title="L=0.40"></div><div class="sw" style="background: #FF6C00; background: color(display-p3 0.9599 0.4630 0.0894);" title="L=0.71"></div><div class="sw" style="background: #00BFFD; background: color(display-p3 0.2249 0.7347 0.9701);" title="L=0.74"></div><div class="sw" style="background: #FF74FF; background: color(display-p3 0.9804 0.4920 0.9785);" title="L=0.79"></div><div class="sw" style="background: #B2FC00; background: color(display-p3 0.7615 0.9805 0.2781);" title="L=0.91"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #421647; background: color(display-p3 0.2380 0.0982 0.2685);" title="L=0.29"></div><div class="sw" style="background: #195726; background: color(display-p3 0.1713 0.3365 0.1702);" title="L=0.40"></div><div class="sw" style="background: #FF6C00; background: color(display-p3 0.9599 0.4630 0.0894);" title="L=0.71"></div><div class="sw" style="background: #00BFFD; background: color(display-p3 0.2249 0.7347 0.9701);" title="L=0.74"></div><div class="sw" style="background: #FF74FF; background: color(display-p3 0.9804 0.4920 0.9785);" title="L=0.79"></div><div class="sw" style="background: #B2FC00; background: color(display-p3 0.7615 0.9805 0.2781);" title="L=0.91"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #421647; background: color(display-p3 0.2380 0.0982 0.2685);" title=""></div>
 <div class="sw" style="background: #195726; background: color(display-p3 0.1713 0.3365 0.1702);" title=""></div>
 <div class="sw" style="background: #FF6C00; background: color(display-p3 0.9599 0.4630 0.0894);" title=""></div>
 <div class="sw" style="background: #00BFFD; background: color(display-p3 0.2249 0.7347 0.9701);" title=""></div>
 <div class="sw" style="background: #FF74FF; background: color(display-p3 0.9804 0.4920 0.9785);" title=""></div>
 <div class="sw" style="background: #B2FC00; background: color(display-p3 0.7615 0.9805 0.2781);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #292746; background: color(display-p3 0.1578 0.1514 0.2658);" title=""></div>
 <div class="sw" style="background: #494D28; background: color(display-p3 0.2881 0.3026 0.1766);" title=""></div>
 <div class="sw" style="background: #D29C00; background: color(display-p3 0.7902 0.6211 0.0865);" title=""></div>
 <div class="sw" style="background: #6BADFD; background: color(display-p3 0.4799 0.6719 0.9672);" title=""></div>
 <div class="sw" style="background: #BCAAFD; background: color(display-p3 0.7261 0.6702 0.9699);" title=""></div>
 <div class="sw" style="background: #F1EA17; background: color(display-p3 0.9419 0.9202 0.3187);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #1E2B46; background: color(display-p3 0.1268 0.1655 0.2647);" title=""></div>
 <div class="sw" style="background: #514A29; background: color(display-p3 0.3113 0.2898 0.1788);" title=""></div>
 <div class="sw" style="background: #C0AA00; background: color(display-p3 0.7400 0.6695 0.1136);" title=""></div>
 <div class="sw" style="background: #7BA5FC; background: color(display-p3 0.5176 0.6438 0.9643);" title=""></div>
 <div class="sw" style="background: #9CB8FC; background: color(display-p3 0.6340 0.7192 0.9670);" title=""></div>
 <div class="sw" style="background: #FFE427; background: color(display-p3 0.9848 0.8997 0.3355);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #242348; background: color(display-p3 0.1402 0.1366 0.2711);" title=""></div>
 <div class="sw" style="background: #4D5124; background: color(display-p3 0.3045 0.3158 0.1648);" title=""></div>
 <div class="sw" style="background: #C18400; background: color(display-p3 0.7222 0.5287 0.0000);" title=""></div>
 <div class="sw" style="background: #82BAFF; background: color(display-p3 0.5569 0.7244 0.9790);" title=""></div>
 <div class="sw" style="background: #AC9BFF; background: color(display-p3 0.6632 0.6110 0.9853);" title=""></div>
 <div class="sw" style="background: #F6EE00; background: color(display-p3 0.9598 0.9329 0.2181);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0D2548; background: color(display-p3 0.0762 0.1447 0.2738);" title=""></div>
 <div class="sw" style="background: #584F21; background: color(display-p3 0.3398 0.3109 0.1581);" title=""></div>
 <div class="sw" style="background: #9B8600; background: color(display-p3 0.5939 0.5294 0.0000);" title=""></div>
 <div class="sw" style="background: #9CBBFF; background: color(display-p3 0.6370 0.7305 0.9835);" title=""></div>
 <div class="sw" style="background: #6CA3FF; background: color(display-p3 0.4701 0.6339 0.9934);" title=""></div>
 <div class="sw" style="background: #FFE900; background: color(display-p3 1.0000 0.9185 0.1403);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #431D2C; background: color(display-p3 0.2444 0.1236 0.1704);" title=""></div>
 <div class="sw" style="background: #04554C; background: color(display-p3 0.1392 0.3282 0.2976);" title=""></div>
 <div class="sw" style="background: #FF415A; background: color(display-p3 1.0000 0.3413 0.3809);" title=""></div>
 <div class="sw" style="background: #00D0D4; background: color(display-p3 0.0000 0.7988 0.8206);" title=""></div>
 <div class="sw" style="background: #FF82B0; background: color(display-p3 1.0000 0.5439 0.6884);" title=""></div>
 <div class="sw" style="background: #BAF0D6; background: color(display-p3 0.7716 0.9339 0.8442);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 3 &nbsp;·&nbsp; n=36 &nbsp;·&nbsp; L range 0.58 (0.27–0.84)<br><span class="l-bar"><span class="l-dot" style="left: 26.7%;"></span><span class="l-dot" style="left: 37.2%;"></span><span class="l-dot" style="left: 74.7%;"></span><span class="l-dot" style="left: 76.8%;"></span><span class="l-dot" style="left: 79.5%;"></span><span class="l-dot" style="left: 84.5%;"></span></span></div><div class="subtitle">conservative ΔE min 5.84 &nbsp; mean 41.10<br>expected ΔE min 56.11 &nbsp; mean 65.97<br>L values [0.267, 0.372, 0.747, 0.768, 0.795, 0.845]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.189</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #330659; background: color(display-p3 0.1810 0.0360 0.3352);" title="L=0.27"></div><div class="sw" style="background: #284B1A; background: color(display-p3 0.1890 0.2889 0.1282);" title="L=0.37"></div><div class="sw" style="background: #00C0FF; background: color(display-p3 0.2027 0.7412 0.9770);" title="L=0.75"></div><div class="sw" style="background: #FF8F00; background: color(display-p3 0.9763 0.5858 0.1516);" title="L=0.77"></div><div class="sw" style="background: #FF7BFB; background: color(display-p3 0.9812 0.5147 0.9611);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2654 0.9775 0.2660);" title="L=0.84"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #330659; background: color(display-p3 0.1810 0.0360 0.3352);" title="L=0.27"></div><div class="sw" style="background: #284B1A; background: color(display-p3 0.1890 0.2889 0.1282);" title="L=0.37"></div><div class="sw" style="background: #00C0FF; background: color(display-p3 0.2027 0.7412 0.9770);" title="L=0.75"></div><div class="sw" style="background: #FF8F00; background: color(display-p3 0.9763 0.5858 0.1516);" title="L=0.77"></div><div class="sw" style="background: #FF7BFB; background: color(display-p3 0.9812 0.5147 0.9611);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2654 0.9775 0.2660);" title="L=0.84"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #330659; background: color(display-p3 0.1810 0.0360 0.3352);" title="L=0.27"></div><div class="sw" style="background: #284B1A; background: color(display-p3 0.1890 0.2889 0.1282);" title="L=0.37"></div><div class="sw" style="background: #00C0FF; background: color(display-p3 0.2027 0.7412 0.9770);" title="L=0.75"></div><div class="sw" style="background: #FF8F00; background: color(display-p3 0.9763 0.5858 0.1516);" title="L=0.77"></div><div class="sw" style="background: #FF7BFB; background: color(display-p3 0.9812 0.5147 0.9611);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2654 0.9775 0.2660);" title="L=0.84"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #330659; background: color(display-p3 0.1810 0.0360 0.3352);" title=""></div>
 <div class="sw" style="background: #284B1A; background: color(display-p3 0.1890 0.2889 0.1282);" title=""></div>
 <div class="sw" style="background: #00C0FF; background: color(display-p3 0.2027 0.7412 0.9770);" title=""></div>
 <div class="sw" style="background: #FF8F00; background: color(display-p3 0.9763 0.5858 0.1516);" title=""></div>
 <div class="sw" style="background: #FF7BFB; background: color(display-p3 0.9812 0.5147 0.9611);" title=""></div>
 <div class="sw" style="background: #00FE00; background: color(display-p3 0.2654 0.9775 0.2660);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #011D58; background: color(display-p3 0.0307 0.1103 0.3318);" title=""></div>
 <div class="sw" style="background: #43441D; background: color(display-p3 0.2622 0.2652 0.1345);" title=""></div>
 <div class="sw" style="background: #6BAEFF; background: color(display-p3 0.4800 0.6763 0.9741);" title=""></div>
 <div class="sw" style="background: #DEAF00; background: color(display-p3 0.8434 0.6950 0.1608);" title=""></div>
 <div class="sw" style="background: #C0ADF8; background: color(display-p3 0.7392 0.6809 0.9530);" title=""></div>
 <div class="sw" style="background: #CBDC26; background: color(display-p3 0.8081 0.8604 0.3133);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #002158; background: color(display-p3 0.0000 0.1251 0.3300);" title=""></div>
 <div class="sw" style="background: #48411E; background: color(display-p3 0.2785 0.2566 0.1369);" title=""></div>
 <div class="sw" style="background: #7CA6FE; background: color(display-p3 0.5196 0.6474 0.9711);" title=""></div>
 <div class="sw" style="background: #D2BA00; background: color(display-p3 0.8068 0.7320 0.1807);" title=""></div>
 <div class="sw" style="background: #A2BAF7; background: color(display-p3 0.6536 0.7276 0.9502);" title=""></div>
 <div class="sw" style="background: #E7CF32; background: color(display-p3 0.8903 0.8146 0.3278);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #001C5A; background: color(display-p3 0.0122 0.1080 0.3397);" title=""></div>
 <div class="sw" style="background: #454618; background: color(display-p3 0.2719 0.2728 0.1217);" title=""></div>
 <div class="sw" style="background: #82BCFF; background: color(display-p3 0.5594 0.7301 0.9859);" title=""></div>
 <div class="sw" style="background: #D19D00; background: color(display-p3 0.7873 0.6234 0.0403);" title=""></div>
 <div class="sw" style="background: #B09EFD; background: color(display-p3 0.6790 0.6236 0.9673);" title=""></div>
 <div class="sw" style="background: #DBE800; background: color(display-p3 0.8667 0.9066 0.2193);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #00215B; background: color(display-p3 0.0000 0.1239 0.3434);" title=""></div>
 <div class="sw" style="background: #4D4415; background: color(display-p3 0.2962 0.2686 0.1146);" title=""></div>
 <div class="sw" style="background: #9EBDFF; background: color(display-p3 0.6422 0.7362 0.9904);" title=""></div>
 <div class="sw" style="background: #B59D00; background: color(display-p3 0.6933 0.6207 0.0000);" title=""></div>
 <div class="sw" style="background: #76A6FF; background: color(display-p3 0.5018 0.6444 0.9750);" title=""></div>
 <div class="sw" style="background: #FFE200; background: color(display-p3 0.9882 0.8897 0.1405);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #2A1F32; background: color(display-p3 0.1590 0.1239 0.1909);" title=""></div>
 <div class="sw" style="background: #264840; background: color(display-p3 0.1808 0.2785 0.2522);" title=""></div>
 <div class="sw" style="background: #00D2D6; background: color(display-p3 0.0000 0.8060 0.8272);" title=""></div>
 <div class="sw" style="background: #FF7278; background: color(display-p3 1.0000 0.4921 0.4928);" title=""></div>
 <div class="sw" style="background: #FF86B0; background: color(display-p3 1.0000 0.5572 0.6905);" title=""></div>
 <div class="sw" style="background: #00F7D7; background: color(display-p3 0.0000 0.9495 0.8435);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 4 &nbsp;·&nbsp; n=10 &nbsp;·&nbsp; L range 0.56 (0.38–0.95)<br><span class="l-bar"><span class="l-dot" style="left: 38.4%;"></span><span class="l-dot" style="left: 42.8%;"></span><span class="l-dot" style="left: 54.4%;"></span><span class="l-dot" style="left: 78.1%;"></span><span class="l-dot" style="left: 84.3%;"></span><span class="l-dot" style="left: 94.7%;"></span></span></div><div class="subtitle">conservative ΔE min 3.98 &nbsp; mean 38.96<br>expected ΔE min 53.40 &nbsp; mean 62.06<br>L values [0.384, 0.428, 0.544, 0.781, 0.843, 0.947]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 2 &nbsp;·&nbsp; mean chroma 0.18</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #3323AA; background: color(display-p3 0.1910 0.1384 0.6399);" title="L=0.38"></div><div class="sw" style="background: #006115; background: color(display-p3 0.1492 0.3757 0.1301);" title="L=0.43"></div><div class="sw" style="background: #C63300; background: color(display-p3 0.7156 0.2502 0.0000);" title="L=0.54"></div><div class="sw" style="background: #00CFFE; background: color(display-p3 0.2262 0.7988 0.9751);" title="L=0.78"></div><div class="sw" style="background: #FFA2FC; background: color(display-p3 0.9799 0.6524 0.9675);" title="L=0.84"></div><div class="sw" style="background: #F8F800; background: color(display-p3 0.9719 0.9743 0.2484);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #3323AA; background: color(display-p3 0.1910 0.1384 0.6399);" title="L=0.38"></div><div class="sw" style="background: #006115; background: color(display-p3 0.1492 0.3757 0.1301);" title="L=0.43"></div><div class="sw" style="background: #C63300; background: color(display-p3 0.7156 0.2502 0.0000);" title="L=0.54"></div><div class="sw" style="background: #00CFFE; background: color(display-p3 0.2262 0.7988 0.9751);" title="L=0.78"></div><div class="sw" style="background: #FFA2FC; background: color(display-p3 0.9799 0.6524 0.9675);" title="L=0.84"></div><div class="sw" style="background: #F8F800; background: color(display-p3 0.9719 0.9743 0.2484);" title="L=0.95"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #3323AA; background: color(display-p3 0.1910 0.1384 0.6399);" title="L=0.38"></div><div class="sw" style="background: #006115; background: color(display-p3 0.1492 0.3757 0.1301);" title="L=0.43"></div><div class="sw" style="background: #C63300; background: color(display-p3 0.7156 0.2502 0.0000);" title="L=0.54"></div><div class="sw" style="background: #00CFFE; background: color(display-p3 0.2262 0.7988 0.9751);" title="L=0.78"></div><div class="sw" style="background: #FFA2FC; background: color(display-p3 0.9799 0.6524 0.9675);" title="L=0.84"></div><div class="sw" style="background: #F8F800; background: color(display-p3 0.9719 0.9743 0.2484);" title="L=0.95"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #3323AA; background: color(display-p3 0.1910 0.1384 0.6399);" title=""></div>
 <div class="sw" style="background: #006115; background: color(display-p3 0.1492 0.3757 0.1301);" title=""></div>
 <div class="sw" style="background: #C63300; background: color(display-p3 0.7156 0.2502 0.0000);" title=""></div>
 <div class="sw" style="background: #00CFFE; background: color(display-p3 0.2262 0.7988 0.9751);" title=""></div>
 <div class="sw" style="background: #FFA2FC; background: color(display-p3 0.9799 0.6524 0.9675);" title=""></div>
 <div class="sw" style="background: #F8F800; background: color(display-p3 0.9719 0.9743 0.2484);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #0035A8; background: color(display-p3 0.0000 0.1989 0.6344);" title=""></div>
 <div class="sw" style="background: #4F551B; background: color(display-p3 0.3152 0.3325 0.1422);" title=""></div>
 <div class="sw" style="background: #966900; background: color(display-p3 0.5631 0.4183 0.0000);" title=""></div>
 <div class="sw" style="background: #7EBBFE; background: color(display-p3 0.5459 0.7252 0.9734);" title=""></div>
 <div class="sw" style="background: #CEC1F9; background: color(display-p3 0.7976 0.7579 0.9611);" title=""></div>
 <div class="sw" style="background: #FFF400; background: color(display-p3 1.0000 0.9590 0.2893);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #0038A8; background: color(display-p3 0.0000 0.2090 0.6311);" title=""></div>
 <div class="sw" style="background: #5A501D; background: color(display-p3 0.3450 0.3160 0.1462);" title=""></div>
 <div class="sw" style="background: #867600; background: color(display-p3 0.5156 0.4637 0.0042);" title=""></div>
 <div class="sw" style="background: #91B2FD; background: color(display-p3 0.5931 0.6933 0.9708);" title=""></div>
 <div class="sw" style="background: #B9CAF8; background: color(display-p3 0.7384 0.7903 0.9589);" title=""></div>
 <div class="sw" style="background: #FFF300; background: color(display-p3 1.0000 0.9563 0.3103);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #003CAC; background: color(display-p3 0.0000 0.2274 0.6486);" title=""></div>
 <div class="sw" style="background: #55590F; background: color(display-p3 0.3360 0.3491 0.1190);" title=""></div>
 <div class="sw" style="background: #885200; background: color(display-p3 0.5029 0.3298 0.0000);" title=""></div>
 <div class="sw" style="background: #94C8FF; background: color(display-p3 0.6230 0.7797 0.9832);" title=""></div>
 <div class="sw" style="background: #C3B7FD; background: color(display-p3 0.7558 0.7199 0.9724);" title=""></div>
 <div class="sw" style="background: #FFF000; background: color(display-p3 1.0000 0.9458 0.1580);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #0043AE; background: color(display-p3 0.0000 0.2546 0.6551);" title=""></div>
 <div class="sw" style="background: #635706; background: color(display-p3 0.3807 0.3427 0.1046);" title=""></div>
 <div class="sw" style="background: #635400; background: color(display-p3 0.3777 0.3330 0.0000);" title=""></div>
 <div class="sw" style="background: #B2C8FF; background: color(display-p3 0.7133 0.7831 0.9866);" title=""></div>
 <div class="sw" style="background: #9EBCFF; background: color(display-p3 0.6441 0.7336 0.9785);" title=""></div>
 <div class="sw" style="background: #FFED00; background: color(display-p3 1.0000 0.9332 0.0036);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #004C66; background: color(display-p3 0.0000 0.2903 0.3904);" title=""></div>
 <div class="sw" style="background: #005F53; background: color(display-p3 0.0931 0.3643 0.3243);" title=""></div>
 <div class="sw" style="background: #DB0028; background: color(display-p3 0.7861 0.0915 0.1919);" title=""></div>
 <div class="sw" style="background: #00DFDE; background: color(display-p3 0.0000 0.8539 0.8621);" title=""></div>
 <div class="sw" style="background: #FFA8C3; background: color(display-p3 1.0000 0.6785 0.7657);" title=""></div>
 <div class="sw" style="background: #FFE7D2; background: color(display-p3 1.0000 0.9108 0.8345);" title=""></div>
 </div></div>
 </div>
 </div>
 <div class="cluster">
 <div class="cluster-head"><div class="title">Cluster 5 &nbsp;·&nbsp; n=2 &nbsp;·&nbsp; L range 0.45 (0.40–0.85)<br><span class="l-bar"><span class="l-dot" style="left: 39.6%;"></span><span class="l-dot" style="left: 41.2%;"></span><span class="l-dot" style="left: 49.7%;"></span><span class="l-dot" style="left: 79.4%;"></span><span class="l-dot" style="left: 80.0%;"></span><span class="l-dot" style="left: 84.6%;"></span></span></div><div class="subtitle">conservative ΔE min 3.13 &nbsp; mean 38.50<br>expected ΔE min 49.00 &nbsp; mean 58.20<br>L values [0.396, 0.412, 0.497, 0.794, 0.8, 0.846]<br>L class: <b>non-monotone</b> &nbsp;·&nbsp; near-same-L pairs: 3 &nbsp;·&nbsp; mean chroma 0.199</div></div>
 <div class="bg-panels">
 <div class="bg-panel bg-dark"><div class="bg-label">on dark (#0b0b0f)</div><div class="swatches"><div class="sw" style="background: #841600; background: color(display-p3 0.4729 0.1312 0.0151);" title="L=0.40"></div><div class="sw" style="background: #025B29; background: color(display-p3 0.1477 0.3510 0.1818);" title="L=0.41"></div><div class="sw" style="background: #432FFA; background: color(display-p3 0.2523 0.1885 0.9435);" title="L=0.50"></div><div class="sw" style="background: #00D4FE; background: color(display-p3 0.2495 0.8192 0.9757);" title="L=0.79"></div><div class="sw" style="background: #FFA327; background: color(display-p3 0.9763 0.6589 0.2790);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2943 0.9776 0.2407);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-mid"><div class="bg-label">on mid (#606065)</div><div class="swatches"><div class="sw" style="background: #841600; background: color(display-p3 0.4729 0.1312 0.0151);" title="L=0.40"></div><div class="sw" style="background: #025B29; background: color(display-p3 0.1477 0.3510 0.1818);" title="L=0.41"></div><div class="sw" style="background: #432FFA; background: color(display-p3 0.2523 0.1885 0.9435);" title="L=0.50"></div><div class="sw" style="background: #00D4FE; background: color(display-p3 0.2495 0.8192 0.9757);" title="L=0.79"></div><div class="sw" style="background: #FFA327; background: color(display-p3 0.9763 0.6589 0.2790);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2943 0.9776 0.2407);" title="L=0.85"></div></div></div>
 <div class="bg-panel bg-light"><div class="bg-label">on light (#f2f2f0)</div><div class="swatches"><div class="sw" style="background: #841600; background: color(display-p3 0.4729 0.1312 0.0151);" title="L=0.40"></div><div class="sw" style="background: #025B29; background: color(display-p3 0.1477 0.3510 0.1818);" title="L=0.41"></div><div class="sw" style="background: #432FFA; background: color(display-p3 0.2523 0.1885 0.9435);" title="L=0.50"></div><div class="sw" style="background: #00D4FE; background: color(display-p3 0.2495 0.8192 0.9757);" title="L=0.79"></div><div class="sw" style="background: #FFA327; background: color(display-p3 0.9763 0.6589 0.2790);" title="L=0.80"></div><div class="sw" style="background: #00FE00; background: color(display-p3 0.2943 0.9776 0.2407);" title="L=0.85"></div></div></div>
 </div>
 <div class="cvd-grid"><div class="cvd-title">CVD simulations</div>
 <div class="cvd-row"><div class="cvd-label">normal</div><div class="swatches">
 <div class="sw" style="background: #841600; background: color(display-p3 0.4729 0.1312 0.0151);" title=""></div>
 <div class="sw" style="background: #025B29; background: color(display-p3 0.1477 0.3510 0.1818);" title=""></div>
 <div class="sw" style="background: #432FFA; background: color(display-p3 0.2523 0.1885 0.9435);" title=""></div>
 <div class="sw" style="background: #00D4FE; background: color(display-p3 0.2495 0.8192 0.9757);" title=""></div>
 <div class="sw" style="background: #FFA327; background: color(display-p3 0.9763 0.6589 0.2790);" title=""></div>
 <div class="sw" style="background: #00FE00; background: color(display-p3 0.2943 0.9776 0.2407);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-mild</div><div class="swatches">
 <div class="sw" style="background: #614100; background: color(display-p3 0.3631 0.2608 0.0069);" title=""></div>
 <div class="sw" style="background: #49502C; background: color(display-p3 0.2919 0.3123 0.1884);" title=""></div>
 <div class="sw" style="background: #004CF8; background: color(display-p3 0.0000 0.2834 0.9353);" title=""></div>
 <div class="sw" style="background: #85BFFE; background: color(display-p3 0.5708 0.7436 0.9743);" title=""></div>
 <div class="sw" style="background: #E5BB26; background: color(display-p3 0.8703 0.7407 0.2868);" title=""></div>
 <div class="sw" style="background: #CCDC16; background: color(display-p3 0.8130 0.8619 0.2931);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">deutan-severe</div><div class="swatches">
 <div class="sw" style="background: #564B00; background: color(display-p3 0.3283 0.2939 0.0158);" title=""></div>
 <div class="sw" style="background: #524C2D; background: color(display-p3 0.3185 0.2974 0.1905);" title=""></div>
 <div class="sw" style="background: #0050F7; background: color(display-p3 0.0000 0.2980 0.9306);" title=""></div>
 <div class="sw" style="background: #98B6FD; background: color(display-p3 0.6196 0.7110 0.9719);" title=""></div>
 <div class="sw" style="background: #DBC329; background: color(display-p3 0.8424 0.7699 0.2982);" title=""></div>
 <div class="sw" style="background: #E8CF27; background: color(display-p3 0.8941 0.8168 0.3090);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-mild</div><div class="swatches">
 <div class="sw" style="background: #573000; background: color(display-p3 0.3200 0.1957 0.0000);" title=""></div>
 <div class="sw" style="background: #4F5427; background: color(display-p3 0.3117 0.3282 0.1768);" title=""></div>
 <div class="sw" style="background: #0057FD; background: color(display-p3 0.0000 0.3312 0.9562);" title=""></div>
 <div class="sw" style="background: #9ACDFF; background: color(display-p3 0.6464 0.7978 0.9834);" title=""></div>
 <div class="sw" style="background: #D9AC0E; background: color(display-p3 0.8232 0.6829 0.2374);" title=""></div>
 <div class="sw" style="background: #DCE800; background: color(display-p3 0.8701 0.9070 0.1852);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">protan-severe</div><div class="swatches">
 <div class="sw" style="background: #3B3200; background: color(display-p3 0.2271 0.1988 0.0000);" title=""></div>
 <div class="sw" style="background: #5B5225; background: color(display-p3 0.3523 0.3230 0.1700);" title=""></div>
 <div class="sw" style="background: #0063FF; background: color(display-p3 0.0000 0.3732 0.9655);" title=""></div>
 <div class="sw" style="background: #B8CDFF; background: color(display-p3 0.7382 0.8005 0.9865);" title=""></div>
 <div class="sw" style="background: #C3AC00; background: color(display-p3 0.7505 0.6790 0.2170);" title=""></div>
 <div class="sw" style="background: #FFE200; background: color(display-p3 0.9898 0.8899 0.0743);" title=""></div>
 </div></div>
 <div class="cvd-row"><div class="cvd-label">tritan-severe</div><div class="swatches">
 <div class="sw" style="background: #920011; background: color(display-p3 0.5216 0.0000 0.0952);" title=""></div>
 <div class="sw" style="background: #00594F; background: color(display-p3 0.0908 0.3438 0.3114);" title=""></div>
 <div class="sw" style="background: #007197; background: color(display-p3 0.0000 0.4301 0.5783);" title=""></div>
 <div class="sw" style="background: #00E3E2; background: color(display-p3 0.0000 0.8711 0.8753);" title=""></div>
 <div class="sw" style="background: #FF8C8D; background: color(display-p3 1.0000 0.5809 0.5689);" title=""></div>
 <div class="sw" style="background: #00F6D6; background: color(display-p3 0.0000 0.9483 0.8417);" title=""></div>
 </div></div>
 </div>
 </div>
 <h2>N = 8 &nbsp;·&nbsp; 50 converged / 50 attempted &nbsp;·&nbsp; 32 distinct clusters</h2>
 <p class='meta'>expected ΔE p05/p50/p95 = 36.91 / 40.18 / 42.33 &nbsp;·&nbsp; conservative ΔE p05/p50/p95 = 1.20 / 2.68 / 8.21 &nbsp;·&nbsp; non-monotone: 50/50</p>
 <div class="cluster">
diff --git a/phase_b_preview_hexagon.html b/phase_b_preview_hexagon.html
No results found