Comprendre. Comparer. Créer.
Le vert sauge a la douceur d’une feuille froissée entre les doigts, entre le jardin et la brume. Pour retrouver cette impression dans un projet, commencez pourtant par un repère précis : notre répertoire utilise #689D71, soit RVB 104, 157, 113. Ce nom recouvre plusieurs nuances ; voici comment les comparer, les associer et garder des textes lisibles.
Les catalogues ne partagent pas un code unique. Ces références produisent des rendus différents sous un même nom : choisissez votre nuance, puis conservez son code dans toute la maquette.
| Référence | HEX | RVB |
|---|---|---|
| Répertoire Toutes les couleurs | #689D71 | 104, 157, 113 |
| HTML Color Codes | #8A9A5B | 138, 154, 91 |
| Canva | #B2AC88 | 178, 172, 136 |
Notre repère est plus vert ; celui de HTML Color Codes plus olive, celui de Canva plus grisé et doré. Ces observations comparent uniquement les valeurs affichées. En CSS, écrivez le HEX ou rgb() explicitement.
Ivoire, rose poussiéreux, terre cuite ou bleu assourdi : chaque voisinage raconte une autre sauge. Nos compositions distinguent fond, sauge, texte et accent. Leurs noms imagés ne sont pas des références commerciales.
Papier chaud, sauge et paille évoquent un carnet botanique ou une identité artisanale. L’encre sombre garde les mots distincts.
#F3EFE5RVB 243, 239, 229#689D71RVB 104, 157, 113#182820RVB 24, 40, 32#B7A17ARVB 183, 161, 122Le rose poussiéreux rencontre une sauge dorée : une piste pour une invitation ou un portfolio floral, ponctuée de détails tendres.
#F5ECE8RVB 245, 236, 232#B2AC88RVB 178, 172, 136#35272ERVB 53, 39, 46#C58D87RVB 197, 141, 135Sauge olive et terre cuite dessinent un jardin méditerranéen. Réservez l’accent à quelques détails d’un éditorial ou d’une planche d’inspiration.
#F2E8DCRVB 242, 232, 220#8A9A5BRVB 138, 154, 91#2D231ERVB 45, 35, 30#B6634CRVB 182, 99, 76La sauge et le bleu ouvrent un paysage frais. Séparez leurs surfaces dans un portfolio nature ; l’encre porte les légendes.
#EDF2EFRVB 237, 242, 239#689D71RVB 104, 157, 113#132630RVB 19, 38, 48#587A89RVB 88, 122, 137Essayez 60 % de fond, 30 % de sauge et 10 % d’accent, puis ajustez aux images et matières. Cette proportion est une piste créative ; l’encre conserve son rôle fonctionnel.
La délicatesse d’une palette ne doit pas effacer les mots. Sur #689D71, le noir atteint 6,65:1 de contraste, contre 3,16:1 pour le blanc. Le blanc échoue donc au seuil AA de 4,5:1 pour le texte courant. Dans nos quatre palettes, l’encre indiquée dépasse ce seuil sur le fond clair et sur la sauge.
| Palette | Texte sur fond clair | Texte sur sauge |
|---|---|---|
| Herbier et lin | 13,42:1 | 4,88:1 |
| Rose du soir | 12,18:1 | 6,18:1 |
| Terre après pluie | 12,66:1 | 5,00:1 |
| Lac et feuillage | 13,76:1 | 4,93:1 |
Ratios calculés sur des aplats sRGB opaques avec la luminance relative WCAG. Photos, transparences et dégradés nécessitent d’autres contrôles. Vérifiez également liens, focus et états : le contraste du texte ne valide pas toute l’interface. Méthode et seuils WCAG.
Pour une invitation ou un site, placez la sauge près de vos véritables photographies et caractères. Le voisinage change sa perception. Gardez une référence principale et attribuez un rôle précis aux variantes.
Pour un mur ou un textile, les HEX explorent une ambiance. Demandez un échantillon, placez-le près du bois, du sol et des tissus, puis observez-le à différentes heures. Pour l’impression, définissez papier, procédé et profil avec l’imprimeur. Aucun code écran ne fournit ici d’équivalence RAL, Pantone ou CMJN exacte.
Les noms se chevauchent selon les catalogues. Comparez valeurs et échantillons ; #8A9A5B donne ici une direction plus olive que #689D71.
Après contrôle du texte et des états. Un accord de palette ne garantit pas un contraste suffisant avec des lettres blanches.
À découvrir également : Casekit — le support client pour les boutiques en ligne.