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.22

Ancien contraste

Contraste invalide
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(12, 88%, 72%)
  • rgb(247, 148, 121)
  • #F79479
  • 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.21826

Nouveau contraste : 30 résultats (287 couleurs testées)

Contrastes valides
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(12, 34%, 42%)
  • rgb(147, 88, 72)
  • #935848
  • 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.

5.62991 110.07
  • hsl(12, 26%, 45%)
  • rgb(147, 99, 86)
  • #936356
  • 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.

5.04841 105.09
  • hsl(13, 19%, 40%)
  • rgb(122, 92, 83)
  • #7A5C53
  • 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.

6.0288 129.74
  • hsl(13, 11%, 42%)
  • rgb(122, 102, 96)
  • #7A6660
  • 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.

5.3888 127.36
  • hsl(15, 6%, 44%)
  • rgb(122, 111, 107)
  • #7A6F6B
  • 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.86833 126.13
  • hsl(0, 0%, 37%)
  • rgb(97, 96, 96)
  • #616060
  • 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.

6.26804 152.28
  • hsl(13, 44%, 46%)
  • rgb(172, 90, 66)
  • #AC5A42
  • 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.8891 92.18
  • hsl(13, 54%, 43%)
  • rgb(172, 77, 50)
  • #AC4D32
  • 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.

5.43796 104.39
  • hsl(13, 69%, 45%)
  • rgb(197, 73, 36)
  • #C54924
  • 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.82475 105.1
  • hsl(13, 84%, 41%)
  • rgb(197, 58, 17)
  • #C53A11
  • 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.

5.26662 125.55
  • hsl(47, 34%, 35%)
  • rgb(122, 109, 60)
  • #7A6D3C
  • 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.

5.14678 130.83
  • hsl(48, 26%, 37%)
  • rgb(122, 112, 71)
  • #7A7047
  • 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.95731 128.56
  • hsl(46, 19%, 40%)
  • rgb(122, 113, 83)
  • #7A7153
  • 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.86734 127.05
  • hsl(48, 11%, 42%)
  • rgb(122, 117, 96)
  • #7A7560
  • 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.6246 125.96
  • hsl(39, 6%, 44%)
  • rgb(122, 117, 107)
  • #7A756B
  • 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.58081 125.69
  • hsl(60, 0%, 37%)
  • rgb(97, 97, 96)
  • #616160
  • 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.

6.20007 152.17
  • hsl(48, 45%, 32%)
  • rgb(122, 107, 46)
  • #7A6B2E
  • 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.

5.28961 134.7
  • hsl(47, 54%, 30%)
  • rgb(122, 104, 36)
  • #7A6824
  • 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.

5.47857 138.43
  • hsl(48, 70%, 28%)
  • rgb(122, 102, 21)
  • #7A6615
  • 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.

5.61664 145.03
  • hsl(47, 83%, 26%)
  • rgb(122, 99, 11)
  • #7A630B
  • 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.

5.80578 150.4
  • hsl(87, 34%, 35%)
  • rgb(94, 122, 60)
  • #5E7A3C
  • 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.85549 156.41
  • hsl(87, 26%, 37%)
  • rgb(99, 122, 71)
  • #637A47
  • 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.76695 150.14
  • hsl(86, 19%, 40%)
  • rgb(105, 122, 83)
  • #697A53
  • 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.65697 143.19
  • hsl(87, 11%, 42%)
  • rgb(110, 122, 96)
  • #6E7A60
  • 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.54967 137.59
  • hsl(85, 6%, 35%)
  • rgb(92, 97, 85)
  • #5C6155
  • 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.

6.37114 157.45
  • hsl(120, 0%, 37%)
  • rgb(96, 97, 96)
  • #606160
  • 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.

6.22012 153.14
  • hsl(86, 45%, 32%)
  • rgb(89, 122, 46)
  • #597A2E
  • 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.94346 163.66
  • hsl(86, 54%, 30%)
  • rgb(84, 122, 36)
  • #547A24
  • 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.

5.01642 170.57
  • hsl(85, 70%, 28%)
  • rgb(79, 122, 21)
  • #4F7A15
  • 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.

5.08832 179.25
  • hsl(85, 83%, 26%)
  • rgb(74, 122, 11)
  • #4A7A0B
  • 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.

5.14729 186.88
Pas satisfait ?