L'aigue-marine est une nuance légère et rafraîchissante de bleu, nichée entre le cyan et le vert sur la roue chromatique. Elle incarne la tranquillité d'un océan calme et cristallin, apportant une qualité fraîche et paisible.
L'aigue-marine est définie par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #66F1C2
- Valeur RGB : 40 % rouge, 94,5 % vert, 76,1 % 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 l'aigue-marine dans vos designs :
- Guider subtilement les utilisateurs. La vivacité de l'aigue-marine la rend parfaite pour diriger les utilisateurs vers les boutons d'appel à l'action, les liens et les icônes sans être envahissante.
- Créer une atmosphère détendue. Utilisez l'influence apaisante de l'aigue-marine pour donner aux applications de voyage et aux sites de complexes touristiques une ambiance décontractée et rêveuse.
- Mettre en valeur les éléments interactifs. Utilisez l'aigue-marine pour indiquer les onglets actifs, les boutons et d'autres éléments.
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 audacieux que l'aigue-marine, envisagez :
- L'Aqua (#00FFF0) est une nuance plus audacieuse et plus bleue avec une ambiance tout aussi tropicale.
- Le Turquoise (#40E0D0) partage la qualité précieuse de l'aigue-marine mais est un peu plus sombre.
- Le Cyan (#00FFFF) offre des tons bleus plus vifs tout en évoquant la tranquillité.
- Le Vert d'eau (#8DDCDC) est légèrement plus terne que l'aigue-marine, bien que les deux incarnent des teintes océaniques.
Pour compléter l'aigue-marine, envisagez de l'associer avec :
- Le Blanc (#FFFFFF) crée un contraste magnifique qui correspond à l'esthétique d'une ville balnéaire grecque.
- Le Corail (#FF8559) renforce le thème marin pour une association audacieuse et tropicale.
- Le Coquillage (#FFF1E7) apporte une légèreté sablonneuse qui équilibre les bleus et verts de l'aigue-marine.
- Le Rose (#FF1D8D) peut s'associer à l'aigue-marine pour des palettes audacieuses et rétro.
D'autres couleurs à considérer sont le sable, l'ivoire et le blanc cassé pour des combinaisons de plage. L'orange, la mandarine et le rouge-orangé fonctionnent également bien pour des designs percutants et accrocheurs.
Bien que l'aigue-marine soit fraîche et tropicale, elle peut entrer en dissonance avec :
- Le Violet (#7F00FF), une teinte pourpre profonde, qui jure avec la légèreté de l'aigue-marine.
- Le Bleu électrique (#00F0FF) peut dominer l'aigue-marine avec ses tons bleus éclatants.
- Le Vert olive (#636B2F) a une terreur sombre qui ne s'harmonise pas avec la clarté de l'aigue-marine.
- Le Vert néon (#2CFF05) crée un effet visuel saisissant et accablant lorsqu'il est placé à côté de l'aigue-marine.
L'aigue-marine incarne la fraîcheur, le calme et la mer. Son association avec la pierre précieuse d'aigue-marine évoque également l'espoir, le bonheur, la jeunesse et la guérison.
En psychologie des couleurs, l'aigue-marine apporte une énergie apaisante et rafraîchissante. Son mélange équilibré de teintes bleues et vertes crée des sentiments de tranquillité, et son lien avec la mer lui confère une influence revigorante.
Dans le design d'interface, l'aigue-marine peut apporter une sensation de loisir et de détente aux expériences utilisateur. Sa légèreté et sa clarté en font un choix fort pour les arrière-plans et les accents, surtout lorsqu'on cultive une ambiance côtière.
L'aigue-marine partage son nom avec la pierre précieuse bleu-vert connue pour sa ressemblance avec l'eau de mer. Utilisée pour la première fois en Angleterre comme nom de couleur en 1598, elle a gagné en popularité au milieu des années 1800. Bien que les teintes de la pierre précieuse puissent varier, l'aigue-marine en tant que couleur désigne désormais un mélange distinct de vert, cyan et bleu, fréquemment utilisé dans l'art, la décoration, la mode et le design.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Forêt de Kelp
Crique de la Sirène
Jardin d'Algues
Vérificateur de contraste
Contraste 1,41
- Texte en grand format
#66F1C2
- 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 14,93
- Texte en grand format
#66F1C2
- 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 #66f1c2, connue sous le nom de aigue-marine, a des valeurs RVB de R:102, G:241, B:194 et des valeurs CMJN de C:58, M:0, Y:20, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #66f1c2 | #66f1c2 |
| RGB DECIMAL | 102, 241, 194 | RGB(102,241,194) |
| RGB PERCENTAGE | 40.0, 94.5, 76.1 | RGB(40.0%,94.5%,76.1%) |
| CMYK | 58, 0, 20, 5 | |
| HSL | HSL(159.7, 83.2%, 67.3%) | HSL(159.7, 83.2%, 67.3%) |
| HSV (OR HSB) | 159.7°, 57.7, 94.5 | |
| WEB SAFE | #102255204 | #102255204 |
| BINARY | 01100110, 11110001, 11000010 | |
| iOS - SwiftUI | Color(red: 0.400, green: 0.945, blue: 0.761) | |
| iOS - UIKit | UIColor(red: 0.400, green: 0.945, blue: 0.761, alpha: 1) | |
| Android - Compose | Color(0xFF66F1C2) |
