Pewter #96A8A1

Pewter est un ton moyennement clair proche du gris neutre, de code hex #96A8A1 et de valeur RGB rgb(150, 168, 161).

Aa

Le texte noir est le plus lisible sur cette couleur (8.41:1).

À propos de cette couleur

#96A8A1 est un ton moyennement clair proche du gris neutre. En OKLCH, sa luminosité est de 72 %, son chroma de 0.023. Son chroma est trop faible pour tirer vers le chaud ou le froid. C’est la couleur nommée Pewter. Le texte noir y est le plus lisible, avec un rapport de 8.41:1.

Famille de teinteNeutres
Luminositémoyennement clair (72%)
Chromaproche du gris neutre (0.023)
Températureneutre
Nom le plus prochePewter
Texte noir8.41:1
Texte blanc2.49:1

Couleurs qui vont avec Pewter

Accords obtenus en faisant tourner Pewter sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.

Analogue

Teintes voisines, 30° de chaque côté.

Ouvrir la palette analogue dans le générateur

Palettes de couleurs avec Pewter

Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Pewter, les plus proches d’abord.

Couleurs nommées similaires

Les huit couleurs nommées les plus proches de Pewter, avec leur distance ΔE.

En savoir plus sur Pewter

Comment obtenir Pewter

Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.

  • 4 parts de gris
  • 2 parts de blanc
  • 1 part de vert

Résultat de la recette : #96A399, un écart de ΔE 0.015 par rapport à Pewter. C’est très proche : la plupart des gens ne verront pas la différence.

Quelles couleurs donnent le gris ? | Tableau de mélange des couleurs

Codes de Pewter dans tous les formats

HEX#96A8A1
RGBrgb(150, 168, 161)
HSLhsl(157, 9%, 62%)
OKLCHoklch(71.5% 0.023 170.3)

Contraste

Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.

PaireWCAG 2RésultatAPCARecommandation APCA
Texte blanc sur #96A8A1 2.49:1 Échec Lc -54.1 Texte grand ou gras, titres
Texte noir sur #96A8A1 8.41:1 AAA Lc 55.0 Texte grand ou gras, titres
Texte #96A8A1 sur blanc 2.49:1 Échec Lc 49.0 Texte grand ou gras, titres
Texte #96A8A1 sur noir 8.41:1 AAA Lc -52.9 Texte grand ou gras, titres

Teintes et nuances de Pewter

Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 400.

  1. Palier 50

    50

    #F4F6F5

    oklch(97.1% 0.002 165.1)

  2. Palier 100

    100

    #E7EBE9

    oklch(93.6% 0.005 165)

  3. Palier 200

    200

    #D4DBD8

    oklch(88.5% 0.009 168.7)

  4. Palier 300

    300

    #B8C4BF

    oklch(81% 0.015 169.1)

  5. Palier 400

    400 (cette couleur)

    #96A8A1

    oklch(71.5% 0.023 170.3)

  6. Palier 500

    500

    #798F87

    oklch(63% 0.028 171.4)

  7. Palier 600

    600

    #627A71

    oklch(55.8% 0.031 170.3)

  8. Palier 700

    700

    #51665E

    oklch(49% 0.028 169.9)

  9. Palier 800

    800

    #42534D

    oklch(42.6% 0.023 171.7)

  10. Palier 900

    900

    #384540

    oklch(37.7% 0.019 170)

  11. Palier 950

    950

    #212826

    oklch(26.9% 0.011 176.4)

Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind

Pewter et daltonisme

Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.

VisionPerçue commeÉcart (ΔE)
Protanopie (sans cônes rouges)#A7A5A10.024
Deutéranopie (sans cônes verts)#A3A3A10.021
Tritanopie (sans cônes bleus)#92A8A60.008
Achromatopsie (sans couleur)#A4A4A40.023

Utilisez Pewter dans votre produit

Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.