Fork me on GitHub

Find me the good constrasts, for web accessibility, between these two colors:

Foreground Color : invalid color For each color (red, green and blue), enter a number between 0 et 255. The color should be between #000000 and #FFFFFF
Background Color : invalid color For each color (red, green and blue), enter a number between 0 et 255. The color should be between #000000 and #FFFFFF

In the international reglementation etablished by the WCAG, the success criteria 1.4.3 requires a minimum contrast ratio of 4.5:1 (and 3:1 for enlarged text).

This minimum contrast ratio is also required by the French regulation, established by the RGAA 3.0 2016, in the criteria 3.3 et 3.4.

Component to edit :
Gimme :

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(120, 99%, 99%)
  • rgb(254, 255, 254)
  • #FEFFFE
  • hsl(35, 100%, 50%)
  • rgb(255, 151, 0)
  • #FF9700

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

2.16449

New contrast : 0 result (1,379,840 colors tested)

Not satisfied ?
Let's try again changing the background color.