Electric Purple #AA23FF

Electric Purple est un violet moyennement foncé et vif, de code hex #AA23FF et de valeur RGB rgb(170, 35, 255).

Aa

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

À propos de cette couleur

#AA23FF est un violet moyennement foncé et vif. En OKLCH, sa luminosité est de 59 %, son chroma de 0.287 et sa teinte de 306°. Sa teinte se situe entre les moitiés chaude et froide du cercle chromatique. C’est la couleur nommée Electric Purple. Le texte blanc y est le plus lisible, avec un rapport de 4.77:1.

Famille de teinteViolets
Luminositémoyennement foncé (59%)
Chromavif (0.287)
Températureintermédiaire
Nom le plus procheElectric Purple
Texte noir4.39:1
Texte blanc4.77:1

Couleurs qui vont avec Electric Purple

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

Palettes de couleurs avec Electric Purple

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

Aucune palette sélectionnée n’a encore de couleur à moins de ΔE 0,06 de Electric Purple.

Couleurs nommées similaires

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

En savoir plus sur Electric Purple

Comment obtenir Electric 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.

  • 2 parts de violet
  • 1 part de blanc

Résultat de la recette : #944DB4, un écart de ΔE 0.132 par rapport à Electric Purple. Electric Purple est plus vif que ce que ces peintures peuvent produire : partez d’une peinture violet toute prête et ajustez-la.

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

Codes de Electric Purple dans tous les formats

HEX#AA23FF
RGBrgb(170, 35, 255)
HSLhsl(277, 100%, 57%)
OKLCHoklch(59.2% 0.287 306.3)

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 #AA23FF 4.77:1 AA Lc -76.9 Correct pour le texte courant
Texte noir sur #AA23FF 4.39:1 AA grand texte Lc 32.7 Éléments non textuels, texte indicatif
Texte #AA23FF sur blanc 4.77:1 AA Lc 71.4 Texte de contenu, pas pour la lecture longue
Texte #AA23FF sur noir 4.39:1 AA grand texte Lc -30.3 Éléments non textuels, texte indicatif

Teintes et nuances de Electric 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 600.

  1. Palier 50

    50

    #F8F3FF

    oklch(97.1% 0.017 304.8)

  2. Palier 100

    100

    #F0E4FE

    oklch(93.6% 0.037 306.4)

  3. Palier 200

    200

    #E5CEFF

    oklch(88.6% 0.071 306.3)

  4. Palier 300

    300

    #D4ACFF

    oklch(80.9% 0.121 305.9)

  5. Palier 400

    400

    #C07AFF

    oklch(70.8% 0.196 306.4)

  6. Palier 500

    500

    #B14AFF

    oklch(63% 0.255 306.3)

  7. Palier 600

    600 (cette couleur)

    #AA23FF

    oklch(59.2% 0.287 306.3)

  8. Palier 700

    700

    #8600CD

    oklch(49.1% 0.253 306.4)

  9. Palier 800

    800

    #6E00AA

    oklch(42.6% 0.22 306.2)

  10. Palier 900

    900

    #591687

    oklch(37.7% 0.172 306.2)

  11. Palier 950

    950

    #34114F

    oklch(27% 0.108 306.1)

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

Electric 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)#006FFF0.212
Deutéranopie (sans cônes verts)#0073FB0.215
Tritanopie (sans cônes bleus)#9A66990.199
Achromatopsie (sans couleur)#7272720.289

Utilisez Electric 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.