brightness_difference

string | brightness_difference: string

returns number

Calculates the perceived brightness difference between two colors.

Tip

For accessibility best practices, it's recommended to have a minimum brightness difference of 125.

{{ '#E800B0' | brightness_difference: '#FECEE9' }}

Output

134

Was this page helpful?