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

Ancien contraste

Contraste invalide
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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

Nouveau contraste : 42 résultats (419 couleurs testées)

Contrastes valides
Avant plan Arrière plan Exemple Ratio Distance
  • hsl(121, 32%, 32%)
  • rgb(57, 111, 58)
  • #396F3A
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.57334 27.15
  • hsl(120, 24%, 35%)
  • rgb(68, 111, 68)
  • #446F44
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.42765 25.02
  • hsl(120, 16%, 37%)
  • rgb(80, 111, 80)
  • #506F50
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.2419 24.04
  • hsl(120, 9%, 39%)
  • rgb(91, 111, 91)
  • #5B6F5B
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.05366 11.78
  • hsl(120, 4%, 41%)
  • rgb(102, 111, 102)
  • #666F66
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.85189 36.07
  • hsl(120, 41%, 30%)
  • rgb(46, 111, 47)
  • #2E6F2F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.69981 35.11
  • hsl(122, 53%, 28%)
  • rgb(34, 111, 37)
  • #226F25
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.80554 46.66
  • hsl(122, 65%, 26%)
  • rgb(23, 111, 26)
  • #176F1A
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.88128 59.49
  • hsl(122, 81%, 23%)
  • rgb(11, 111, 15)
  • #0B6F0F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.93523 73.47
  • hsl(122, 99%, 21%)
  • rgb(0, 111, 5)
  • #006F05
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.96953 86.45
  • hsl(84, 32%, 32%)
  • rgb(89, 111, 57)
  • #596F39
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.20435 22.58
  • hsl(85, 24%, 35%)
  • rgb(93, 111, 68)
  • #5D6F44
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.11579 15.16
  • hsl(85, 16%, 37%)
  • rgb(98, 111, 80)
  • #626F50
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.00288 19.18
  • hsl(87, 9%, 39%)
  • rgb(102, 111, 91)
  • #666F5B
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.9015 29.3
  • hsl(86, 4%, 41%)
  • rgb(107, 111, 102)
  • #6B6F66
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.78049 40.17
  • hsl(84, 41%, 30%)
  • rgb(84, 111, 46)
  • #546F2E
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.29946 30.55
  • hsl(84, 53%, 28%)
  • rgb(79, 111, 34)
  • #4F6F22
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.38833 40.32
  • hsl(85, 65%, 26%)
  • rgb(74, 111, 23)
  • #4A6F17
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.46667 50.15
  • hsl(85, 81%, 23%)
  • rgb(69, 111, 11)
  • #456F0B
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.53736 61.41
  • hsl(85, 99%, 21%)
  • rgb(64, 111, 0)
  • #406F00
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.60059 72.03
  • hsl(156, 32%, 32%)
  • rgb(57, 111, 90)
  • #396F5A
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.4392 22.21
  • hsl(156, 24%, 35%)
  • rgb(68, 111, 94)
  • #446F5E
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.31241 15.13
  • hsl(154, 16%, 37%)
  • rgb(80, 111, 98)
  • #506F62
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.15821 17.17
  • hsl(153, 9%, 39%)
  • rgb(91, 111, 102)
  • #5B6F66
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.00094 28.61
  • hsl(153, 4%, 41%)
  • rgb(102, 111, 107)
  • #666F6B
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.8274 39.96
  • hsl(156, 41%, 30%)
  • rgb(46, 111, 86)
  • #2E6F56
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.54887 29.65
  • hsl(157, 53%, 28%)
  • rgb(34, 111, 82)
  • #226F52
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.6461 39.35
  • hsl(157, 65%, 26%)
  • rgb(23, 111, 78)
  • #176F4E
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.71776 49.2
  • hsl(157, 81%, 23%)
  • rgb(11, 111, 74)
  • #0B6F4A
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.77403 60.46
  • hsl(157, 99%, 21%)
  • rgb(0, 111, 70)
  • #006F46
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.8164 71.05
  • hsl(194, 32%, 32%)
  • rgb(57, 98, 111)
  • #39626F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.2071 19.07
  • hsl(193, 24%, 35%)
  • rgb(68, 101, 111)
  • #44656F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.8607 27.64
  • hsl(195, 16%, 37%)
  • rgb(80, 103, 111)
  • #50676F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.57035 30.75
  • hsl(195, 9%, 39%)
  • rgb(91, 106, 111)
  • #5B6A6F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.2345 35.9
  • hsl(200, 4%, 41%)
  • rgb(102, 108, 111)
  • #666C6F
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.96406 42.14
  • hsl(193, 41%, 37%)
  • rgb(56, 118, 136)
  • #387688
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.75232 64.32
  • hsl(230, 32%, 48%)
  • rgb(83, 96, 162)
  • #5360A2
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.48913 88.44
  • hsl(230, 23%, 43%)
  • rgb(84, 92, 136)
  • #545C88
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.99264 57.71
  • hsl(229, 41%, 44%)
  • rgb(67, 83, 162)
  • #4353A2
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.52369 84.56
  • hsl(229, 52%, 48%)
  • rgb(58, 81, 188)
  • #3A51BC
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.34307 112.75
  • hsl(228, 67%, 50%)
  • rgb(43, 75, 214)
  • #2B4BD6
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.34903 138.86
  • hsl(229, 87%, 52%)
  • rgb(26, 65, 240)
  • #1A41F0
  • hsl(60, 100%, 50%)
  • rgb(255, 255, 0)
  • #FFFF00

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.39441 163.66
Pas satisfait ?