Texte bleu #2F5AA6 sur bleu très pâle
Calculez le contraste d'un texte bleu #2F5AA6 sur un fond bleu très pâle #EAF0FA.
Par Jimenez Julien, éditeur de Nuancier Carmin · mis à jour le
- Rapport de contraste
- 5,85 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Non 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
Une même famille de couleurs donne des palettes harmonieuses, à condition que l'écart de luminosité soit suffisant. Ici, un bleu soutenu sur un bleu pâle atteint un contraste confortable pour du texte courant.
À retenir : Une palette monochrome fonctionne bien quand le texte est nettement plus sombre que le fond.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des prix ni des mesures relevés) :
- Couleur du texte : #2F5AA6
- Couleur du fond : #EAF0FA
- Rapport de contraste
- 5,85 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Non 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.