Code couleur Turquoise (#40e0d0)

Turquoise est #40e0d0 en hexadécimal et rgb(64, 224, 208), un cyan moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Turquoise
#40e0d0
Nom CSSturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

Teintes et nuances

Harmonies de couleurs

À propos de Turquoise

Turquoise (turquoise) est un cyan moyen et vif, de code hexadécimal #40e0d0, soit rgb(64, 224, 208). En HSL, sa teinte est de 174°, sa saturation de 72 % et sa luminosité de 56 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: turquoise; à la place de la valeur hexadécimale.

Utiliser le turquoise pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte turquoise sur blanc1.64 : 1échoue
Texte turquoise sur noir12.79 : 1AAA

Sur un fond turquoise, utilisez un texte en noir (12.79 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

Noms de couleurs similaires

Turquoise moyen (#48d1cc), Aigue-marine moyen (#66cdaa), Turquoise foncé (#00ced1), Vert marin clair (#20b2aa), Aigue-marine (#7fffd4), Bleu ciel (#87ceeb).

Questions fréquentes

Quel est le code hexadécimal du turquoise ?
#40e0d0, soit rgb(64, 224, 208) et hsl(174, 72%, 56%). En CSS, vous pouvez aussi simplement écrire turquoise.
Le texte turquoise est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.64 : 1, ce qui échoue au WCAG. Utilisez-le plutôt à des fins décoratives ou sur un fond sombre.
Quelles couleurs vont bien avec le turquoise ?
Sa couleur complémentaire est #e03e4e ; les couleurs analogues #3ee07f et #3e9fe0 se trouvent à côté sur le cercle chromatique.