Le vert-de-gris est une teinte apaisante de vert-bleu avec une nuance douce de turquoise. Niché entre le bleu et le vert sur le cercle chromatique, il s'imprègne d'une dimension antique souvent observée dans les patines. Les teintes apparentées incluent le bleu canard et le vert d'eau. Utilisez le vert-de-gris pour apporter une touche vintage à vos designs.
Le vert-de-gris est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #43B3AE
- Valeur RVB : 26,3 % rouge, 70,2 % vert, 68,2 % bleu
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Pour des variations dans le même spectre que le vert-de-gris, considérez :
- Le vert jade (#00BB77) : Cette couleur incarne une teinte vibrante de vert-bleu, rappelant le vert-de-gris, mais avec un ton légèrement plus saturé qui apporte une sensation rafraîchissante.
- Le bleu canard (#069494) : Le bleu canard capture un mélange similaire de bleu et de vert que le vert-de-gris, créant une nuance riche et fraîche à la fois apaisante et vivifiante.
- Le vert d'eau (#2E8B57) : Présentant une tonalité plus profonde, le vert d'eau maintient l'essence vert-bleu du vert-de-gris mais avec une approche plus sombre et ancrée.
- Le turquoise (#40E0D0) : Un parent plus lumineux, le turquoise exhale une nuance turquoise vive, capturant l'esprit du vert-de-gris avec plus de vivacité et de dynamisme.
Pour compléter le vert-de-gris, envisagez de l'associer avec :
- La rouille (#B7410E) : Cette teinte chaude et terreuse contraste magnifiquement avec le vert-de-gris, mettant en valeur sa nuance turquoise fraîche pour une palette équilibrée.
- Le corail (#FF8559) : La nature vibrante et vive du corail complète le vert-de-gris en ajoutant une touche de luminosité, rehaussant sa teinte vert-bleu.
- Le sable (#CBBd93) : Cette couleur douce et neutre offre un arrière-plan délicat, permettant au vert-de-gris de se démarquer tout en maintenant une ambiance calme et sereine.
- La lavande (#D3D3FF) : La tonalité douce et fraîche de la lavande s'harmonise avec le vert-de-gris, créant une expérience visuelle apaisante et rafraîchissante.
Bien que le vert-de-gris soit une teinte unique et captivante de vert-bleu, il peut entrer en dissonance avec :
- L'écarlate (#ED2100) : Ce rouge vibrant peut créer un contraste saisissant avec le vert-de-gris, menant à une tension visuelle déstabilisante.
- Le violet néon (#8A00C4) : Son intensité lumineuse peut dominer le vert-de-gris, rendant les combinaisons trop vives.
- Le rouge cramoisi (#B22222) : Ce rouge profond pourrait rivaliser avec le vert-de-gris, créant une dissonance due à leurs sous-tons différents.
- L'or (#EFBF04) : La brillance métallique chaude de l'or peut visuellement entrer en conflit avec les tons plus frais du vert-de-gris, créant une palette déséquilibrée.
- Le rose vif (#FF46A2) : Sa luminosité peut submerger la subtilité du vert-de-gris, résultant en une association discordante.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Givre de bleu canard
Brume de corail
Marée vibrante
Vérificateur de contraste
Contraste 2,53
- Texte en grand format
#43B3AE
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 8,3
- Texte en grand format
#43B3AE
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #43B3AE, connue sous le nom de Vert-de-gris, a des valeurs RVB de R:67, G:179, B:174 et des valeurs CMJN de C:63, M:0, Y:3, K:30.
| VALUE | CSS | |
|---|---|---|
| HEX | #43B3AE | #43B3AE |
| RGB DECIMAL | 67, 179, 174 | RGB(67,179,174) |
| RGB PERCENTAGE | 26.3, 70.2, 68.2 | RGB(26.3%,70.2%,68.2%) |
| CMYK | 63, 0, 3, 30 | |
| HSL | HSL(177.3, 45.5%, 48.2%) | HSL(177.3, 45.5%, 48.2%) |
| HSV (OR HSB) | 177.3°, 62.6, 70.2 | |
| WEB SAFE | #51204153 | #51204153 |
| BINARY | 01000011, 10110011, 10101110 | |
| iOS - SwiftUI | Color(red: 0.263, green: 0.702, blue: 0.682) | |
| iOS - UIKit | UIColor(red: 0.263, green: 0.702, blue: 0.682, alpha: 1) | |
| Android - Compose | Color(0xFF43B3AE) |
