Naviguer jusqu'au contenu principal

Turquoise

Tout ce que vous devez savoir sur le turquoise pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

Le turquoise est un mélange éclatant de bleu et de vert, évoquant les qualités sereines et accueillantes des eaux tropicales claires et peu profondes. Cette teinte particulière est remarquablement vive et limpide, avec une sensation rafraîchissante et aérienne.

color Turquoisecolor Turquoise

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.

Il s'agit d'un texte #40E0D0 sur un arrière-plan #FFFFFF.
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.

Il s'agit d'un texte #40E0D0 sur un arrière-plan #000000.
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.

VALUECSS
HEX#40e0d0#40e0d0
RGB DECIMAL64, 224, 208RGB(64,224,208)
RGB PERCENTAGE25.1, 87.8, 81.6RGB(25.1%,87.8%,81.6%)
CMYK71, 0, 7, 12
HSLHSL(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
BINARY01000000, 11100000, 11010000
iOS - SwiftUIColor(red: 0.251, green: 0.878, blue: 0.816)
iOS - UIKitUIColor(red: 0.251, green: 0.878, blue: 0.816, alpha: 1)
Android - ComposeColor(0xFF40E0D0)