Couleur au format hexadécimal, RGB ou par mot clé.
Exemple : #FFFFFF, rgb(255,255,255) ou white
Le contraste de vos couleurs est insuffisant.
Ratio actuel : 3.9

Ancien contraste

Contraste invalide
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(49, 100%, 49%)
  • rgb(252, 206, 0)
  • #FCCE00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

3.90228

Nouveau contraste : 10 résultats (874 couleurs testées)

Contrastes valides
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(49, 95%, 73%)
  • rgb(252, 229, 125)
  • #FCE57D
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.64971 125.26
  • hsl(13, 81%, 93%)
  • rgb(252, 231, 225)
  • #FCE7E1
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.93294 225.1
  • hsl(85, 100%, 49%)
  • rgb(147, 252, 0)
  • #93FC00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.51612 101.97
  • hsl(121, 95%, 73%)
  • rgb(125, 252, 129)
  • #7DFC81
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.5017 58.05
  • hsl(157, 96%, 69%)
  • rgb(100, 252, 195)
  • #64FCC3
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.54106 158.75
  • hsl(193, 92%, 83%)
  • rgb(175, 235, 252)
  • #AFEBFC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.50132 249.71
  • hsl(228, 81%, 93%)
  • rgb(225, 230, 252)
  • #E1E6FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.72876 251.97
  • hsl(266, 81%, 93%)
  • rgb(237, 225, 252)
  • #EDE1FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.68707 252.02
  • hsl(302, 81%, 93%)
  • rgb(252, 225, 251)
  • #FCE1FB
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.83389 251.04
  • hsl(335, 81%, 93%)
  • rgb(252, 225, 236)
  • #FCE1EC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Titre de grande taille avec des mots en gras

Ceci est un échantillon de texte avec quelques mots en gras pour illustrer le bon contraste.

4.78311 236.04
Pas satisfait ?