// Personal website of Chris Smith

Snippets » CSS » Lighten or darken colours

Use colour-mix:

:root {
    --colour: #3c658d;
    --colour-dark: color-mix(in srgb, var(--colour), black 20%);
    --colour-light: color-mix(in srgb, var(--colour), white 20%);
}