Le turquoise 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 : #40E0D0
- Valeur RVB : 25,1 % rouge, 87,8 % vert et 81,6 % 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 turquoise dans vos designs :
- Guider l'interaction utilisateur. La vivacité du turquoise attire l'attention sur des éléments importants comme les boutons d'appel à l'action ou des sections de contenu spécifiques.
- Évoquer une sensation de fraîcheur et de clarté. Le turquoise peut créer une ambiance propre et rafraîchissante, ce qui en fait une excellente couleur pour les sites web ou applications liés au voyage, à la nature ou à la technologie.
- Laisser une impression. Si votre marque s'aligne avec les associations positives du turquoise, comme la confiance, la créativité ou la tranquillité, cela peut être le choix parfait pour votre logo, votre palette de couleurs ou votre esthétique globale.
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 bleu-vert que le turquoise, considérez :
- Le bleu-vert (#01B3B1) est un véritable mélange de bleu et de vert.
- Le Tiffany Blue® (#81D8D0) partage la même essence que le turquoise avec sa teinte bleu-vert.
- Le bleu canard (#069494) est une nuance dans le même spectre bleu-vert qui offre un look monochromatique.
- L'aigue-marine (#66F1C2) est similaire au turquoise, penchant davantage vers le vert.
Pour compléter le turquoise, envisagez de l'associer avec :
- Le gris froid (#CBCBCB) ajoute de la sophistication et peut tempérer la vivacité du turquoise.
- Le corail (#FF8559) est une couleur complémentaire qui crée une combinaison vibrante et énergique.
- Le marron (#895129) est une teinte terreuse qui peut ancrer la vivacité du turquoise.
- La mandarine (#FFA800) ajoute une touche de chaleur et de ludisme.
D'autres couleurs à considérer incluent le blanc pour une sensation propre et aérienne, le noir pour un contraste dramatique, et des accents métalliques comme l'or ou l'argent pour ajouter une touche de luxe.
Bien que le turquoise soit terreux et aux tons froids, il peut jurer avec :
- Le rouge (#FF2C2C) est une couleur très chaude, qui peut sembler visuellement discordante lorsqu'elle est associée au turquoise.
- Le vert-jaune (#CCFF00) penche trop vers le jaune, créant une tension maladroite avec le turquoise qui penche plus vers le bleu.
- Le vert néon (#2CFF05) est très saturé et crée un effet accablant et visuellement chargé.
- Le violet (#7F00FF) peut créer un contraste sombre et sombre à côté d'un turquoise vif.
Le turquoise incarne la richesse, le statut et la beauté. Dans l'Égypte ancienne, il était associé au ciel, à l'amour et à la fertilité, lié à la déesse Hathor. Les Aztèques reliaient le turquoise à l'eau et à la création, et les tribus autochtones d'Amérique du Nord le considéraient comme un talisman de bonne fortune et de communication.
Psychologiquement, le turquoise fusionne les effets apaisants du bleu avec les qualités rafraîchissantes du vert, favorisant la relaxation et la sérénité. Ses nuances vertes suggèrent la créativité et le renouveau, évoquant la croissance et les idées nouvelles.
Dans le design d'interface, le turquoise est utilisé efficacement par les entreprises de voyage pour évoquer des images de détente tropicale. Les marques de soins de la peau l'utilisent pour suggérer la propreté et le rajeunissement. Les entreprises technologiques peuvent utiliser le turquoise pour signifier l'innovation et la créativité, soulignant leur nature avant-gardiste.
L'histoire de la gemme turquoise s'étend sur plusieurs civilisations anciennes, y compris l'Égypte, la Perse, la Chine et les Aztèques. En Grèce, elle était connue sous le nom de "callais", et les Aztèques l'appelaient "chalchihuitl".
Le nom moderne "turquoise" vient du mot français "turquois", signifiant "turc", en référence à la route de la pierre précieuse à travers l'Empire ottoman vers l'Europe. À la fin du XVIe siècle, le terme "turquoise" avait également évolué au-delà de la pierre précieuse pour désigner la couleur bleu-vert distinctive qui la caractérise.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Méditerranéen
Marée Bohème
Herbier Marin
Vérificateur de contraste
Contraste 1,64
- Texte en grand format
#40E0D0
- 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 12,79
- Texte en grand format
#40E0D0
- 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 #40e0d0, connue sous le nom de Turquoise, a des valeurs RVB de R:64, G:224, B:208 et des valeurs CMJN de C:71, M:0, Y:7, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #40e0d0 | #40e0d0 |
| RGB DECIMAL | 64, 224, 208 | RGB(64,224,208) |
| RGB PERCENTAGE | 25.1, 87.8, 81.6 | RGB(25.1%,87.8%,81.6%) |
| CMYK | 71, 0, 7, 12 | |
| HSL | HSL(174.0, 72.1%, 56.5%) | HSL(174.0, 72.1%, 56.5%) |
| HSV (OR HSB) | 174.0°, 71.4, 87.8 | |
| WEB SAFE | #51204204 | #51204204 |
| BINARY | 01000000, 11100000, 11010000 | |
| iOS - SwiftUI | Color(red: 0.251, green: 0.878, blue: 0.816) | |
| iOS - UIKit | UIColor(red: 0.251, green: 0.878, blue: 0.816, alpha: 1) | |
| Android - Compose | Color(0xFF40E0D0) |



