Heliotrope #D94FF5
Heliotrope est un violet moyennement clair et vif, de code hex #D94FF5 et de valeur RGB rgb(217, 79, 245).
Aa
Le texte noir est le plus lisible sur cette couleur (6.38:1).
À propos de cette couleur
#D94FF5 est un violet moyennement clair et vif. En OKLCH, sa luminosité est de 68 %, son chroma de 0.254 et sa teinte de 320°. Sa teinte se situe entre les moitiés chaude et froide du cercle chromatique. C’est la couleur nommée Heliotrope. Le texte noir y est le plus lisible, avec un rapport de 6.38:1.
| Famille de teinte | Violets |
| Luminosité | moyennement clair (68%) |
| Chroma | vif (0.254) |
| Température | intermédiaire |
| Nom le plus proche | Heliotrope |
| Texte noir | 6.38:1 |
| Texte blanc | 3.28:1 |
Couleurs qui vont avec Heliotrope
Accords obtenus en faisant tourner Heliotrope sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.
Complémentaire
La teinte opposée (180°).
Analogue
Teintes voisines, 30° de chaque côté.
Triadique
Trois teintes espacées de 120°.
Palettes de couleurs avec Heliotrope
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Heliotrope, les plus proches d’abord.
Aucune palette sélectionnée n’a encore de couleur à moins de ΔE 0,06 de Heliotrope.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Heliotrope, avec leur distance ΔE.
- Bright Lilac #C95EFB ΔE 0.036
- Bright Lavender #C760FF ΔE 0.042
- Purple Pink #D725DE ΔE 0.058
- Pink Purple #EF1DE7 ΔE 0.062
- Light Magenta #FA5FF7 ΔE 0.070
- Easter Purple #C071FE ΔE 0.070
- Violet Pink #FB5FFC ΔE 0.072
- Medium Orchid #BA55D3 ΔE 0.074
En savoir plus sur Heliotrope
Comment obtenir Heliotrope
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.
- 1 part de violet
- 1 part de blanc
Résultat de la recette : #B876D0, un écart de ΔE 0.110 par rapport à Heliotrope. Heliotrope 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 Heliotrope dans tous les formats
| HEX | #D94FF5 |
| RGB | rgb(217, 79, 245) |
| HSL | hsl(290, 89%, 64%) |
| OKLCH | oklch(67.8% 0.254 320.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.
| Paire | WCAG 2 | Résultat | APCA | Recommandation APCA |
|---|---|---|---|---|
| Texte blanc sur #D94FF5 | 3.28:1 | AA grand texte | Lc -64.7 | Texte de contenu, pas pour la lecture longue |
| Texte noir sur #D94FF5 | 6.38:1 | AA | Lc 44.8 | Éléments non textuels, texte indicatif |
| Texte #D94FF5 sur blanc | 3.28:1 | AA grand texte | Lc 59.2 | Texte grand ou gras, titres |
| Texte #D94FF5 sur noir | 6.38:1 | AA | Lc -42.5 | Éléments non textuels, texte indicatif |
Teintes et nuances de Heliotrope
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 400.
-
Palier 50
50
#FCF1FE
oklch(97% 0.021 321)
-
Palier 100
100
#F8E1FD
oklch(93.7% 0.045 320.2)
-
Palier 200
200
#F4C7FD
oklch(88.6% 0.087 320.7)
-
Palier 300
300
#EE9DFF
oklch(81% 0.158 320.5)
-
Palier 400
400 (cette couleur)
#D94FF5
oklch(67.8% 0.254 320.4)
-
Palier 500
500
#D300F5
oklch(63% 0.302 320.3)
-
Palier 600
600
#B200CF
oklch(55.5% 0.266 320.3)
-
Palier 700
700
#9700AF
oklch(49.1% 0.235 320.6)
-
Palier 800
800
#7C0091
oklch(42.6% 0.204 320.3)
-
Palier 900
900
#68007A
oklch(37.6% 0.18 320.2)
-
Palier 950
950
#40004C
oklch(27% 0.13 320.2)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Heliotrope 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.
| Vision | Perçue comme | Écart (ΔE) |
|---|---|---|
| Protanopie (sans cônes rouges) | #0384FA | 0.257 |
| Deutéranopie (sans cônes verts) | #5F93F1 | 0.219 |
| Tritanopie (sans cônes bleus) | #DA6D9D | 0.155 |
| Achromatopsie (sans couleur) | #8E8E8E | 0.256 |
Utilisez Heliotrope 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.