Estoy tratando de implementar una visualización de rango, como en la imagen, y el principal desafío al que me enfrento es cambiar dinámicamente el color de fuente del valor cuando el fondo es más oscuro.

Ya probé mix-blend-mode: difference; , pero no ayuda.

Quiero que el color de la fuente cambie solo entre los dos colores que se muestran en la imagen.