Code couleur orchidée (#da70d6)

Orchidée est #da70d6 en hexadécimal et rgb(218, 112, 214) : un magenta clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Orchidée
#da70d6
Nom CSSorchid
Hex#da70d6
RGBrgb(218, 112, 214)
HSLhsl(302 59% 65%)
HWBhwb(302 44% 15%)
CMYK0%, 49%, 2%, 15%

Teintes et nuances

Harmonies de couleurs

À propos de l'orchidée

Orchidée (orchid) est un magenta clair, modérément saturé, de code hexadécimal #da70d6, soit rgb(218, 112, 214). En HSL, sa teinte est de 302°, sa saturation de 59% et sa luminosité de 65%. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: orchid; à la place de la valeur hexadécimale.

Utiliser l'orchidée pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte orchidée sur blanc2.89 : 1échec
Texte orchidée sur noir7.27 : 1AAA

Sur un fond orchidée, utilisez du texte noir (7.27 : 1). Les WCAG exigent au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: orchid;               /* or #da70d6 */
  background-color: #da70d6;
  border: 1px solid rgb(218 112 214 / 50%);
}

Couleurs nommées similaires

Violet (#ee82ee), Orchidée moyen (#ba55d3), Prune (#dda0dd), Rose vif (#ff69b4), Rouge violet pâle (#db7093), Pourpre moyen (#9370db).

Questions fréquentes

Quel est le code hexadécimal de l'orchidée ?
#da70d6, soit rgb(218, 112, 214) et hsl(302, 59%, 65%). En CSS, vous pouvez aussi simplement écrire orchid.
Le texte orchidée est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.89 : 1, ce qui ne respecte pas les WCAG. Réservez-la à la décoration ou utilisez-la sur un fond sombre.
Quelles couleurs vont bien avec l'orchidée ?
Sa couleur complémentaire est #71da75 ; les couleurs analogues #a971da et #da71a2 se trouvent à côté d'elle sur le cercle chromatique.