Galactic Federation as a scale
Eleven steps from #330077, built by moving lightness in OKLCh and keeping the hue where it is. Every step is gamut-mapped by giving up chroma, never by clipping channels — clipping is what turns a light blue purple.
| Stop | Hex | OKLCh L | Chroma | On white | On black | APCA on white | ΔE00 from the step above |
|---|---|---|---|---|---|---|---|
| 50 | #f5f4ff | 97.0% | 0.015 ·capped | 1.09:1 | 19.20:1 | 0 | — |
| 100 | #eae7ff | 93.8% | 0.032 ·capped | 1.21:1 | 17.41:1 | 10 | 5.2 |
| 200 | #d5cfff | 87.4% | 0.066 ·capped | 1.48:1 | 14.16:1 | 23 | 8.8 |
| 300 | #c0b6ff | 81.0% | 0.103 ·capped | 1.85:1 | 11.35:1 | 35 | 7.6 |
| 400 | #ad9cff | 74.6% | 0.141 ·capped | 2.35:1 | 8.94:1 | 46 | 7.3 |
| 500 | #9a83f7 | 68.2% | 0.167 | 3.02:1 | 6.96:1 | 57 | 7.0 |
| 600 | #876fe1 | 61.8% | 0.167 | 3.89:1 | 5.39:1 | 66 | 6.9 |
| 700 | #755bcb | 55.4% | 0.167 | 5.09:1 | 4.12:1 | 75 | 7.6 |
| 800 | #6348b6 | 49.0% | 0.167 | 6.72:1 | 3.13:1 | 83 | 6.9 |
| 900 | #3d1685 | 34.0% | 0.167 | 12.70:1 | 1.65:1 | 98 | 14.2 |
| 950 | #15003a | 18.0% | 0.102 ·capped | 19.23:1 | 1.09:1 | 105 | 13.5 |
What is true of this ramp
- 10 of the 10 adjacent pairs differ by ΔE00 2 or more. Every step here is a step a reader can see.
- The tightest pair is 50 to100, at ΔE00 5.2.
- 6 steps had to give up chroma to stay inside sRGB — 50, 100, 200, 300, 400, 950. A wider display would show them more vividly.
- 4 steps clear 4.5:1 on white (700, 800, 900, 950), and 7 on black (50, 100, 200, 300, 400, 500, 600).
Harmonies from Galactic Federation
complement
the hue directly opposite, at the same lightness. #2f2f00 (+180°) — chroma capped by sRGB.
analogous
the two neighbours 30° either side. #002669 (+-30°), #490056 (+30°) — chroma capped by sRGB.
split complement
the two hues either side of the opposite, 30° apart from it. #3c2900 (+150°), #093700 (+210°) — chroma capped by sRGB.
triad
the circle divided in three. #4a1e00 (+120°), #003628 (+240°) — chroma capped by sRGB.
tetrad
the circle divided in four. #5a0011 (+90°), #2f2f00 (+180°), #003437 (+270°) — chroma capped by sRGB.
The ramp as CSS
:root {
--galactic-federation-50: #f5f4ff;
--galactic-federation-100: #eae7ff;
--galactic-federation-200: #d5cfff;
--galactic-federation-300: #c0b6ff;
--galactic-federation-400: #ad9cff;
--galactic-federation-500: #9a83f7;
--galactic-federation-600: #876fe1;
--galactic-federation-700: #755bcb;
--galactic-federation-800: #6348b6;
--galactic-federation-900: #3d1685;
--galactic-federation-950: #15003a;
}