Aller au sélecteur de couleur

Couleur Gris clair : #d3d3d3

Gris clair, c’est #d3d3d3, rgb(211, 211, 211) en RGB et oklch(86.686% 0 0) en OKLCH. Tous les autres formats, nuances, couleurs assorties et palettes sont plus bas.

Lu comme HEX

0°
100 %

86,7 %
0,000
0°
  • Gris
  • Très clair
  • Sourd
  • Neutre
  • neutral-300
  • Noir 17 %

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Texte blanc
1.50:1Peu lisible
Lc -26
Texte noir
14.03:1Lisible · AA
Lc 80

Nuances

De la plus claire à la plus foncée. Cliquez sur une nuance pour l’utiliser.

Harmonies

Récents

Les couleurs que vous choisissez ou copiez apparaissent ici. Elles restent sur cet appareil.

Aussi appelée: Light gray, Light grey

Palettes avec Gris clair

Couleurs nommées similaires

Questions sur Gris clair

Quel est le code HEX de Gris clair ?

Le code HEX de Gris clair est #d3d3d3. En RGB, elle s’écrit rgb(211, 211, 211), en HSL hsl(0, 0%, 82.75%) et en OKLCH oklch(86.686% 0 0).

Quelles couleurs vont bien avec Gris clair ?

Sa couleur complémentaire est #d3d3d3. Pour un rendu plus calme, associez-la aux couleurs analogues #d3d3d3 et #d3d3d3. Des palettes prêtes à l’emploi avec Gris clair se trouvent sur cette page.

Gris clair : couleur chaude ou froide ?

Gris clair est une couleur neutre, avec une teinte OKLCH de 0 degrés.

Quelle couleur de texte est lisible sur Gris clair ?

Sur Gris clair, le texte le plus lisible est : Noir. Le blanc donne un ratio de contraste de 1.5:1, le noir 14.03:1. Le niveau WCAG AA demande au moins 4,5:1 pour le texte courant.

À propos de #d3d3d3

#d3d3d3 est une nuance très claire de gris. En OKLCH, sa clarté est de 86,7 %, son chroma de 0 et sa teinte de 0°.

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Un texte blanc sur cette couleur atteint un contraste de 1.5:1 et un texte noir 14.03:1 : le texte noir est donc plus lisible.

La couleur nommée la plus proche est Gris clair (#d3d3d3). Dans Tailwind CSS, la plus proche est neutral-300.

Voir aussi : couleurs gris très clair

Plus clair : #d3d3d3 mélangé au blanc

  1. d3d3d3
  2. dcdcdc

Plus foncé : #d3d3d3 mélangé au noir

  1. d3d3d3
  2. 696969

Plus calme : #d3d3d3 moins saturé

  1. d3d3d3
  2. d3d3d3
  3. d3d3d3
  4. d3d3d3
  5. d3d3d3
  6. d3d3d3
  7. d3d3d3
  8. d3d3d3
  9. d3d3d3
  10. d3d3d3