| Background | Luminance (L1) | Foreground | Luminance (L2) | Contrast Ratio |
|---|---|---|---|---|
| :1 |
This site compares two colors by their contrast ratio. From a usability perspective the W3C recommends a minimum contrast ratio of 4.5:1 for any elements that contain content. A minimum ratio of 3:1 is recommended for large text like headers.
This works better on the desktop.