Code couleur Rebecca Purple (#663399)

Rebecca Purple correspond à #663399 en hexadécimal et rgb(102, 51, 153) : un violet moyen. Ci-dessous, vous trouverez tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de ce violet utilisé comme texte.

Mis à jour le

Rebecca Purple
#663399
Nom CSSrebeccapurple
Hex#663399
RGBrgb(102, 51, 153)
HSLhsl(270 50% 40%)
HWBhwb(270 20% 40%)
CMYK33%, 67%, 0%, 40%

Teintes et nuances

Harmonies de couleurs

À propos de Rebecca Purple

Rebecca Purple (rebeccapurple) est un violet moyen, modérément saturé, de code hexadécimal #663399, soit rgb(102, 51, 153). En HSL, il se situe à une teinte de 270°, avec une saturation de 50 % et une luminosité de 40 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: rebeccapurple; à la place de la valeur hexadécimale.

Utiliser Rebecca Purple pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Rebecca Purple sur blanc8.41 : 1AAA
Texte Rebecca Purple sur noir2.50 : 1échec

Sur un fond rebecca purple, utilisez du texte blanc (8.41 : 1). Le WCAG exige un ratio d'au moins 4.5 : 1 pour le texte courant et de 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: rebeccapurple;               /* or #663399 */
  background-color: #663399;
  border: 1px solid rgb(102 51 153 / 50%);
}

Couleurs nommées similaires

Bleu ardoise foncé (#483d8b), Indigo (#4b0082), Violet (#800080), Magenta foncé (#8b008b), Bleu ardoise (#6a5acd), Orchidée foncée (#9932cc).

Questions fréquentes

Quel est le code hexadécimal de rebecca purple ?
#663399, soit rgb(102, 51, 153) et hsl(270, 50%, 40%). En CSS, vous pouvez aussi simplement écrire rebeccapurple.
Le texte rebecca purple est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 8.41 : 1, ce qui respecte le niveau AA du WCAG pour le texte courant.
Quelles couleurs se marient bien avec rebecca purple ?
Sa couleur complémentaire est #669933 ; les couleurs analogues #333399 et #993399 se situent à côté sur le cercle chromatique.