documentation/notes/colour_note.md from matteoferla/Fragmenstein

documentation/notes/colour_note.md
Summary

Maintainability

Test Coverage

Issues
## Colour

> This is not relevant to users. It is just a note for the colour for styling.

The logo:

![logo](../../images/logo_v2.png)

Uses the colour: **#AED882**, which has hue 90º (=chartreuse), 40% saturation and 85% brightness.
This colour is very similar to feijoa (#a5d785) and is a brighter version of pistachio (#93c572, 96º, 41%, 77%).
`YellowGreen` is the closest web colour (80º, 61%, 50%).

For graphs, the R style divergent series in CIE HChL space 
(as [detailed here](https://blog.matteoferla.com/2022/01/ggplot-colours-in-python.html)) are:

<ol>
<li>
<span style="color:#AED882">#AED882</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#E9B9FF">#E9B9FF</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#FFAFD0">#FFAFD0</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#48DEE9">#48DEE9</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFB7AA">#FFB7AA</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#3FE1D5">#3FE1D5</span>
<span style="color:#B0CAFF">#B0CAFF</span>
<span style="color:#FFAFEB">#FFAFEB</span>
<span style="color:#FEBD94">#FEBD94</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#4BE2C7">#4BE2C7</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFAFD0">#FFAFD0</span>
<span style="color:#F5C287">#F5C287</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#58E1BC">#58E1BC</span>
<span style="color:#5EDBF5">#5EDBF5</span>
<span style="color:#C3C5FF">#C3C5FF</span>
<span style="color:#FFB1F4">#FFB1F4</span>
<span style="color:#FFB3BA">#FFB3BA</span>
<span style="color:#EDC580">#EDC580</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#63E1B4">#63E1B4</span>
<span style="color:#48DEE9">#48DEE9</span>
<span style="color:#9FCFFF">#9FCFFF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFAFE1">#FFAFE1</span>
<span style="color:#FFB7AA">#FFB7AA</span>
<span style="color:#E7C87C">#E7C87C</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#6BE0AE">#6BE0AE</span>
<span style="color:#3FE0DE">#3FE0DE</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#CCC2FF">#CCC2FF</span>
<span style="color:#FEB2F9">#FEB2F9</span>
<span style="color:#FFAFD0">#FFAFD0</span>
<span style="color:#FFBA9D">#FFBA9D</span>
<span style="color:#E2CA79">#E2CA79</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#72E0A9">#72E0A9</span>
<span style="color:#3FE1D5">#3FE1D5</span>
<span style="color:#68DAF9">#68DAF9</span>
<span style="color:#B0CAFF">#B0CAFF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFAFEB">#FFAFEB</span>
<span style="color:#FFB2C1">#FFB2C1</span>
<span style="color:#FEBD94">#FEBD94</span>
<span style="color:#DDCC78">#DDCC78</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#78DFA5">#78DFA5</span>
<span style="color:#44E1CD">#44E1CD</span>
<span style="color:#55DDF1">#55DDF1</span>
<span style="color:#97D1FF">#97D1FF</span>
<span style="color:#D2C1FF">#D2C1FF</span>
<span style="color:#FBB3FC">#FBB3FC</span>
<span style="color:#FFAFDC">#FFAFDC</span>
<span style="color:#FFB4B4">#FFB4B4</span>
<span style="color:#F9C08D">#F9C08D</span>
<span style="color:#DACD77">#DACD77</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#7DDFA1">#7DDFA1</span>
<span style="color:#4BE2C7">#4BE2C7</span>
<span style="color:#48DEE9">#48DEE9</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#BBC7FF">#BBC7FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFB0F1">#FFB0F1</span>
<span style="color:#FFAFD0">#FFAFD0</span>
<span style="color:#FFB7AA">#FFB7AA</span>
<span style="color:#F5C287">#F5C287</span>
<span style="color:#D6CE77">#D6CE77</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#81DF9F">#81DF9F</span>
<span style="color:#51E2C1">#51E2C1</span>
<span style="color:#41E0E1">#41E0E1</span>
<span style="color:#6ED9FB">#6ED9FB</span>
<span style="color:#A6CDFF">#A6CDFF</span>
<span style="color:#D6BFFF">#D6BFFF</span>
<span style="color:#F8B4FE">#F8B4FE</span>
<span style="color:#FFAFE5">#FFAFE5</span>
<span style="color:#FFB1C4">#FFB1C4</span>
<span style="color:#FFB9A1">#FFB9A1</span>
<span style="color:#F1C483">#F1C483</span>
<span style="color:#D4CF76">#D4CF76</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#84DE9C">#84DE9C</span>
<span style="color:#58E1BC">#58E1BC</span>
<span style="color:#3EE1DB">#3EE1DB</span>
<span style="color:#5EDBF5">#5EDBF5</span>
<span style="color:#92D2FF">#92D2FF</span>
<span style="color:#C3C5FF">#C3C5FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFB1F4">#FFB1F4</span>
<span style="color:#FFAFDA">#FFAFDA</span>
<span style="color:#FFB3BA">#FFB3BA</span>
<span style="color:#FFBB9A">#FFBB9A</span>
<span style="color:#EDC580">#EDC580</span>
<span style="color:#D1CF76">#D1CF76</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#87DE9A">#87DE9A</span>
<span style="color:#5DE1B8">#5DE1B8</span>
<span style="color:#3FE1D5">#3FE1D5</span>
<span style="color:#52DDEF">#52DDEF</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#B0CAFF">#B0CAFF</span>
<span style="color:#D9BEFF">#D9BEFF</span>
<span style="color:#F6B4FF">#F6B4FF</span>
<span style="color:#FFAFEB">#FFAFEB</span>
<span style="color:#FFAFD0">#FFAFD0</span>
<span style="color:#FFB5B1">#FFB5B1</span>
<span style="color:#FEBD94">#FEBD94</span>
<span style="color:#EAC77E">#EAC77E</span>
<span style="color:#CFD077">#CFD077</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#8ADE99">#8ADE99</span>
<span style="color:#63E1B4">#63E1B4</span>
<span style="color:#42E1D0">#42E1D0</span>
<span style="color:#48DEE9">#48DEE9</span>
<span style="color:#71D8FC">#71D8FC</span>
<span style="color:#9FCFFF">#9FCFFF</span>
<span style="color:#C8C4FF">#C8C4FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FFB1F7">#FFB1F7</span>
<span style="color:#FFAFE1">#FFAFE1</span>
<span style="color:#FFB1C6">#FFB1C6</span>
<span style="color:#FFB7AA">#FFB7AA</span>
<span style="color:#FBBF8F">#FBBF8F</span>
<span style="color:#E7C87C">#E7C87C</span>
<span style="color:#CDD177">#CDD177</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#8CDD97">#8CDD97</span>
<span style="color:#67E1B1">#67E1B1</span>
<span style="color:#46E1CB">#46E1CB</span>
<span style="color:#42DFE3">#42DFE3</span>
<span style="color:#64DAF7">#64DAF7</span>
<span style="color:#8FD2FF">#8FD2FF</span>
<span style="color:#B8C8FF">#B8C8FF</span>
<span style="color:#DBBEFF">#DBBEFF</span>
<span style="color:#F5B5FF">#F5B5FF</span>
<span style="color:#FFB0EF">#FFB0EF</span>
<span style="color:#FFAFD8">#FFAFD8</span>
<span style="color:#FFB2BE">#FFB2BE</span>
<span style="color:#FFB8A3">#FFB8A3</span>
<span style="color:#F8C18B">#F8C18B</span>
<span style="color:#E4C97A">#E4C97A</span>
<span style="color:#CCD177">#CCD177</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#8EDD96">#8EDD96</span>
<span style="color:#6BE0AE">#6BE0AE</span>
<span style="color:#4BE2C7">#4BE2C7</span>
<span style="color:#3FE0DE">#3FE0DE</span>
<span style="color:#59DCF2">#59DCF2</span>
<span style="color:#81D5FF">#81D5FF</span>
<span style="color:#A9CCFF">#A9CCFF</span>
<span style="color:#CCC2FF">#CCC2FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FEB2F9">#FEB2F9</span>
<span style="color:#FFAFE7">#FFAFE7</span>
<span style="color:#FFAFD0">#FFAFD0</span>
<span style="color:#FFB4B6">#FFB4B6</span>
<span style="color:#FFBA9D">#FFBA9D</span>
<span style="color:#F5C287">#F5C287</span>
<span style="color:#E2CA79">#E2CA79</span>
<span style="color:#CAD177">#CAD177</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#90DD95">#90DD95</span>
<span style="color:#6FE0AB">#6FE0AB</span>
<span style="color:#4FE2C3">#4FE2C3</span>
<span style="color:#3EE1D9">#3EE1D9</span>
<span style="color:#50DDED">#50DDED</span>
<span style="color:#74D8FD">#74D8FD</span>
<span style="color:#9AD0FF">#9AD0FF</span>
<span style="color:#BEC7FF">#BEC7FF</span>
<span style="color:#DCBDFF">#DCBDFF</span>
<span style="color:#F4B5FF">#F4B5FF</span>
<span style="color:#FFB0F2">#FFB0F2</span>
<span style="color:#FFAFDE">#FFAFDE</span>
<span style="color:#FFB0C8">#FFB0C8</span>
<span style="color:#FFB5B0">#FFB5B0</span>
<span style="color:#FFBC98">#FFBC98</span>
<span style="color:#F2C385">#F2C385</span>
<span style="color:#DFCB78">#DFCB78</span>
<span style="color:#C9D278">#C9D278</span>
</li>
<li>
<span style="color:#AED882">#AED882</span>
<span style="color:#91DD93">#91DD93</span>
<span style="color:#72E0A9">#72E0A9</span>
<span style="color:#54E1BF">#54E1BF</span>
<span style="color:#3FE1D5">#3FE1D5</span>
<span style="color:#48DEE9">#48DEE9</span>
<span style="color:#68DAF9">#68DAF9</span>
<span style="color:#8DD3FF">#8DD3FF</span>
<span style="color:#B0CAFF">#B0CAFF</span>
<span style="color:#CFC1FF">#CFC1FF</span>
<span style="color:#E9B9FF">#E9B9FF</span>
<span style="color:#FCB3FB">#FCB3FB</span>
<span style="color:#FFAFEB">#FFAFEB</span>
<span style="color:#FFAFD7">#FFAFD7</span>
<span style="color:#FFB2C1">#FFB2C1</span>
<span style="color:#FFB7AA">#FFB7AA</span>
<span style="color:#FEBD94">#FEBD94</span>
<span style="color:#F0C482">#F0C482</span>
<span style="color:#DDCC78">#DDCC78</span>
<span style="color:#C7D278">#C7D278</span>
</li>
</ol>