Rebecca Purple #663399

Rebecca Purple est un violet foncé et vif, de code hex #663399 et de valeur RGB rgb(102, 51, 153).

Aa

Le texte blanc est le plus lisible sur cette couleur (8.40:1).

À propos de cette couleur

#663399 est un violet foncé et vif. En OKLCH, sa luminosité est de 44 %, son chroma de 0.160 et sa teinte de 303°. Sa teinte se situe entre les moitiés chaude et froide du cercle chromatique. C’est la couleur nommée Rebecca Purple. Le texte blanc y est le plus lisible, avec un rapport de 8.40:1.

Famille de teinteViolets
Luminositéfoncé (44%)
Chromavif (0.160)
Températureintermédiaire
Nom le plus procheRebecca Purple
Texte noir2.49:1
Texte blanc8.40:1

Couleurs qui vont avec Rebecca Purple

Accords obtenus en faisant tourner Rebecca Purple sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.

Analogue

Teintes voisines, 30° de chaque côté.

Ouvrir la palette analogue dans le générateur

Palettes de couleurs avec Rebecca Purple

Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Rebecca Purple, les plus proches d’abord.

Couleurs nommées similaires

Les huit couleurs nommées les plus proches de Rebecca Purple, avec leur distance ΔE.

En savoir plus sur Rebecca Purple

Comment obtenir Rebecca Purple

Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.

  • 4 parts de violet
  • 1 part de bleu
  • 1 part de rose

Résultat de la recette : #673497, un écart de ΔE 0.004 par rapport à Rebecca Purple. C’est très proche : la plupart des gens ne verront pas la différence.

Quelles couleurs donnent le violet ? | Tableau de mélange des couleurs

Codes de Rebecca Purple dans tous les formats

HEX#663399
RGBrgb(102, 51, 153)
HSLhsl(270, 50%, 40%)
OKLCHoklch(44% 0.16 303.4)

Contraste

Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.

PaireWCAG 2RésultatAPCARecommandation APCA
Texte blanc sur #663399 8.40:1 AAA Lc -93.0 Recommandé pour le texte courant
Texte noir sur #663399 2.49:1 Échec Lc 15.6 Séparateurs et décoration uniquement
Texte #663399 sur blanc 8.40:1 AAA Lc 88.4 Correct pour le texte courant
Texte #663399 sur noir 2.49:1 Échec Lc -13.8 Illisible

Teintes et nuances de Rebecca Purple

Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 800.

  1. Palier 50

    50

    #F7F4FD

    oklch(97.2% 0.012 301.3)

  2. Palier 100

    100

    #EDE6F9

    oklch(93.6% 0.026 302.6)

  3. Palier 200

    200

    #E0D1F6

    oklch(88.4% 0.053 303.7)

  4. Palier 300

    300

    #CDB2F3

    oklch(80.9% 0.094 303.4)

  5. Palier 400

    400

    #B487EC

    oklch(70.7% 0.149 303.3)

  6. Palier 500

    500

    #A265E6

    oklch(63.1% 0.191 303.2)

  7. Palier 600

    600

    #8E47D4

    oklch(55.6% 0.208 303.3)

  8. Palier 700

    700

    #7937B8

    oklch(49.1% 0.194 303.3)

  9. Palier 800

    800 (cette couleur)

    #663399

    oklch(44% 0.16 303.4)

  10. Palier 900

    900

    #502B77

    oklch(37.7% 0.126 303.3)

  11. Palier 950

    950

    #2F1A45

    oklch(26.9% 0.079 304.1)

Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind

Rebecca Purple et daltonisme

Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.

VisionPerçue commeÉcart (ΔE)
Protanopie (sans cônes rouges)#004C9C0.124
Deutéranopie (sans cônes verts)#0F4D970.121
Tritanopie (sans cônes bleus)#5C49610.117
Achromatopsie (sans couleur)#4D4D4D0.162

Utilisez Rebecca Purple dans votre produit

Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.