Lighter Color

This demo uses color-mix(), part of the level 5 CSS color specification to lighten a black-like colors in increments of 10%.

Note: This demo only works in Firefox Nighttly and Safari TP122 or later with the `css color-mix()` experimental feature enabled as of 11/25/21. Because it is a demo, do not use in production!

charcoal
lab(12.57% 2.27 312.31)
charcoal
10% lighter
charcoal
20% lighter
charcoal
30% lighter
charcoal
40% lighter
charcoal
50% lighter
charcoal
60% lighter
charcoal
70% lighter
charcoal
80% lighter
charcoal
90% lighter