Texte noir sur fond jaune moutarde
Calculez le contraste d'un texte presque noir #1F1A1A sur un fond jaune moutarde #E0B020.
Par Jimenez Julien, éditeur de Nuancier Carmin · mis à jour le
- Rapport de contraste
- 8,52 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Atteint
- Grand texte, niveau AA (3)
- Atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Le cas en détail
Le jaune est très lumineux : le texte sombre dessus offre un excellent contraste, bien meilleur qu'un blanc sur le même jaune. C'est pourquoi les panneaux d'avertissement associent noir et jaune.
À retenir : Pour un fond jaune, choisissez toujours un texte très foncé. Le blanc sur jaune est presque illisible.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des prix ni des mesures relevés) :
- Couleur du texte : #1F1A1A
- Couleur du fond : #E0B020
- Rapport de contraste
- 8,52 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Atteint
- Grand texte, niveau AA (3)
- Atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
On calcule la luminance relative de chaque couleur à partir de ses canaux corrigés, puis le rapport (plus claire + 0,05) divisé par (plus sombre + 0,05). Les seuils de la norme d'accessibilité sont 4,5 pour le texte courant en niveau AA, 7 en niveau AAA et 3 pour le grand texte.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.