Le vert d'eau est une teinte douce et légère, entre le vert et le cyan sur la roue chromatique. Cette position lui permet d'acquérir une dimension à la fois légère et aérienne, en combinant les éléments de ces deux couleurs.
Le vert d'eau est défini par les codes et valeurs de couleur suivants pour garantir une cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #8DDCDC
- Valeur RVB : 55,3 % rouge, 86,3 % vert, et 86,3 % 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.
Voici quelques façons d'utiliser le vert d'eau dans vos designs :
- Établir une base sereine. Utilisez le vert d'eau comme couleur de fond principale pour créer une ambiance de sérénité. Cela fonctionne bien pour les outils de méditation ou les applications de productivité.
- Créer un intérêt visuel. Associez le vert d'eau à des accents contrastés pour un look plus dynamique. Pensez à des touches vives de corail, de jaune soleil ou de bleu canard profond pour apporter du dynamisme sans submerger l'utilisateur.
- Évoquer la croissance et la nature. L'association du vert d'eau avec l'océan et l'air frais en fait un choix parfait pour les applications et sites web liés à la durabilité, la santé ou la vie végétale.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre vert-bleu que le vert d'eau, considérez :
- Tiffany Blue® (#81D8D0) est légèrement plus bleu, évoquant une sophistication.
- Bleu-vert (#00D1D1) est une version plus sombre et saturée du vert d'eau.
- Turquoise (#40E0D0) est un peu plus vert, ajoutant une touche d'énergie et de vivacité.
- Cyan (#00FFFF) est une alternative plus vibrante, rappelant les eaux tropicales.
Pour compléter le vert d'eau, envisagez de l'associer avec :
- Seashell (#FFF1E7) qui renforce les qualités aériennes et légères du vert d'eau, créant une palette côtière et épurée.
- Taupe (#54463A) qui offre une base chaleureuse et ancrée, permettant aux tons frais du vert d'eau de briller.
- Corail (#FF8559) dont la vivacité apporte une dose d'énergie, créant une ambiance ludique et balnéaire.
- Puce (#E491A6) qui ajoute une touche de romantisme, complétant la douceur fraîche du vert d'eau.
- Jaune pastel (#FFEE8C) qui se combine avec le vert d'eau pour une sensation joyeuse et ensoleillée.
D'autres couleurs à considérer incluent le bleu marine pour un look nautique classique, le blanc pour une sensation nette et aérienne, ou le gris charbon pour une touche d'élégance moderne.
Bien que le vert d'eau soit aérien et balnéaire, il peut jurer avec :
- Chartreuse (#CCFF00) qui peut submerger les tons verts plus doux du vert d'eau, créant un look chargé.
- Fuchsia (#FF00FF) qui entre en dissonance avec la teinte vert-bleu du vert d'eau, créant un effet discordant.
- Vert olive (#636B2F) qui crée une sensation boueuse et trouble à côté du ton léger et aérien du vert d'eau.
- Pourpre (#9D00FF) qui crée un look déséquilibré, faisant paraître le vert d'eau délavé.
Les teintes douces de vert et de bleu du vert d'eau incarnent les vagues douces de l'océan et les bulles écumeuses sur le rivage. Il combine la tranquillité du bleu avec la croissance et le renouveau du vert.
En psychologie des couleurs, le vert d'eau favorise des sentiments de paix et de relaxation. Les verts frais et les bleus clairs créent un effet apaisant, semblable aux eaux tropicales rafraîchissantes. Il peut également évoquer une humeur lumineuse et joyeuse.
Dans le design d'interface, le vert d'eau fonctionne magnifiquement comme couleur de fond sereine ou pour ajouter des touches subtiles. Il se marie bien avec des couleurs vives telles que le corail ou la mandarine, renforçant la vivacité visuelle globale du design.
La couleur vert d'eau tire son nom de l'essence des vagues vert-bleu de l'océan. La première utilisation documentée de « vert d'eau » en anglais est apparue vers 1916.
Bien que son nom soit récent, les teintes fondamentales — vert et bleu — ont une longue histoire. Ces couleurs ont orné les fresques égyptiennes anciennes, l'art mésoaméricain, et divers artefacts tels que la poterie, les sculptures et les éléments architecturaux — un témoignage de leur importance à travers de nombreuses cultures et époques.
Aujourd'hui, le vert d'eau est un choix populaire pour sa capacité à créer des environnements calmes et rafraîchissants.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Amazonite
Salt Lake
Pangea
Vérificateur de contraste
Contraste 1,57
- Texte en grand format
#8DDCDC
- 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 13,4
- Texte en grand format
#8DDCDC
- 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 #8ddcdc, connue sous le nom de Vert d'eau, a des valeurs RVB de R:141, G:220, B:220 et des valeurs CMJN de C:36, M:0, Y:0, K:14.
| VALUE | CSS | |
|---|---|---|
| HEX | #8ddcdc | #8ddcdc |
| RGB DECIMAL | 141, 220, 220 | RGB(141,220,220) |
| RGB PERCENTAGE | 55.3, 86.3, 86.3 | RGB(55.3%,86.3%,86.3%) |
| CMYK | 36, 0, 0, 14 | |
| HSL | HSL(180.0, 53.0%, 70.8%) | HSL(180.0, 53.0%, 70.8%) |
| HSV (OR HSB) | 180.0°, 35.9, 86.3 | |
| WEB SAFE | #153204204 | #153204204 |
| BINARY | 10001101, 11011100, 11011100 | |
| iOS - SwiftUI | Color(red: 0.553, green: 0.863, blue: 0.863) | |
| iOS - UIKit | UIColor(red: 0.553, green: 0.863, blue: 0.863, alpha: 1) | |
| Android - Compose | Color(0xFF8DDCDC) |
