 Ever find yourself with a base or brand color that you need to make a darker or lighter version? Oh, it's so annoying. Except not anymore with CSS relative color syntax. Check out this gooey snippet. To darken any color, and in this case, this indigo hex color, you just need to subtract 25 from the lightness channel. I'm gonna use OKLCH because that lightness channel is very reliable for tasks like lightning and darkening. And look, all I do is perform a calc on the L channel and I get this nice, richer dark color. Well, if I wanna lighten it, I'm just gonna add 25. And that's it. As it becomes really handy is if you go to change these colors, like if I change indigo to a different color, look at these really nice, lighter, and darker versions I get and all these different hues. So cool. Love this syntax. See you on the next gooey snippet.