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 : 2.6

Ancien contraste

Contraste invalide
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(32, 30%, 60%)
  • rgb(184, 156, 122)
  • #B89C7A
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.

2.60079

Nouveau contraste : 20 résultats (3 939 840 couleurs testées)

Contrastes valides
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(28, 55%, 42%)
  • rgb(167, 104, 48)
  • #A76830
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50074 81.97
  • hsl(28, 53%, 42%)
  • rgb(165, 105, 50)
  • #A56932
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50011 80.04
  • hsl(30, 51%, 41%)
  • rgb(161, 107, 51)
  • #A16B33
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50036 78.72
  • hsl(29, 44%, 42%)
  • rgb(158, 108, 61)
  • #9E6C3D
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50042 70.82
  • hsl(30, 44%, 42%)
  • rgb(156, 109, 60)
  • #9C6D3C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50036 71.41
  • hsl(36, 54%, 38%)
  • rgb(153, 111, 45)
  • #996F2D
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50052 83.27
  • hsl(30, 39%, 43%)
  • rgb(153, 110, 67)
  • #996E43
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50076 66.46
  • hsl(34, 46%, 40%)
  • rgb(152, 111, 56)
  • #986F38
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50068 74.37
  • hsl(32, 39%, 42%)
  • rgb(151, 111, 65)
  • #976F41
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50067 67.84
  • hsl(36, 47%, 39%)
  • rgb(150, 112, 53)
  • #967035
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50076 76.8
  • hsl(36, 42%, 40%)
  • rgb(147, 113, 59)
  • #93713B
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50082 72.44
  • hsl(35, 33%, 41%)
  • rgb(143, 114, 71)
  • #8F7247
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.5008 65.08
  • hsl(37, 30%, 41%)
  • rgb(140, 115, 74)
  • #8C734A
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50039 64.21
  • hsl(29, 22%, 44%)
  • rgb(140, 114, 89)
  • #8C7259
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50038 58.01
  • hsl(35, 26%, 42%)
  • rgb(139, 115, 80)
  • #8B7350
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50072 61.63
  • hsl(36, 21%, 43%)
  • rgb(135, 116, 87)
  • #877457
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50068 60.78
  • hsl(34, 18%, 44%)
  • rgb(134, 116, 92)
  • #86745C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50029 60.0
  • hsl(36, 14%, 44%)
  • rgb(130, 117, 97)
  • #827561
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50036 61.48
  • hsl(34, 12%, 45%)
  • rgb(129, 117, 101)
  • #817565
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50078 61.71
  • hsl(31, 9%, 45%)
  • rgb(128, 117, 105)
  • #807569
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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.50032 62.13
Pas satisfait ?