Shocking Pink #FE02A2
Shocking Pink est un rouge moyennement clair et vif, de code hex #FE02A2 et de valeur RGB rgb(254, 2, 162).
Aa
Le texte noir est le plus lisible sur cette couleur (5.74:1).
À propos de cette couleur
#FE02A2 est un rouge moyennement clair et vif. En OKLCH, sa luminosité est de 66 %, son chroma de 0.271 et sa teinte de 352°. Sa teinte se situe du côté chaud du cercle chromatique. C’est la couleur nommée Shocking Pink. Le texte noir y est le plus lisible, avec un rapport de 5.74:1.
| Famille de teinte | Rouges |
| Luminosité | moyennement clair (66%) |
| Chroma | vif (0.271) |
| Température | chaud |
| Nom le plus proche | Shocking Pink |
| Texte noir | 5.74:1 |
| Texte blanc | 3.65:1 |
Couleurs qui vont avec Shocking Pink
Accords obtenus en faisant tourner Shocking Pink 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 Shocking Pink
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Shocking Pink, les plus proches d’abord.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Shocking Pink, avec leur distance ΔE.
- Bright Pink #FE01B1 ΔE 0.023
- Deep Pink #FF1493 ΔE 0.025
- Electric Pink #FF0490 ΔE 0.028
- Strong Pink #FF0789 ΔE 0.038
- Neon Pink #F72585 ΔE 0.050
- Barbie Pink #FE46A5 ΔE 0.050
- Hot Magenta #F504C9 ΔE 0.064
- Rose #FF006E ΔE 0.077
En savoir plus sur Shocking Pink
Comment obtenir Shocking Pink
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 rouge
- 1 part de rose
Résultat de la recette : #EC4F5C, un écart de ΔE 0.135 par rapport à Shocking Pink. Shocking Pink est plus vif que ce que ces peintures peuvent produire : partez d’une peinture rose toute prête et ajustez-la.
Quelles couleurs donnent le rose ? | Tableau de mélange des couleurs
Codes de Shocking Pink dans tous les formats
| HEX | #FE02A2 |
| RGB | rgb(254, 2, 162) |
| HSL | hsl(322, 99%, 50%) |
| OKLCH | oklch(65.5% 0.271 351.9) |
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 #FE02A2 | 3.65:1 | AA grand texte | Lc -66.8 | Texte de contenu, pas pour la lecture longue |
| Texte noir sur #FE02A2 | 5.74:1 | AA | Lc 42.7 | Éléments non textuels, texte indicatif |
| Texte #FE02A2 sur blanc | 3.65:1 | AA grand texte | Lc 61.4 | Texte de contenu, pas pour la lecture longue |
| Texte #FE02A2 sur noir | 5.74:1 | AA | Lc -40.3 | Éléments non textuels, texte indicatif |
Teintes et nuances de Shocking Pink
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 500.
-
Palier 50
50
#FFF1F7
oklch(97.1% 0.017 349.5)
-
Palier 100
100
#FFE0EC
oklch(93.6% 0.037 352.5)
-
Palier 200
200
#FFC7DE
oklch(88.6% 0.07 352.1)
-
Palier 300
300
#FF9EC9
oklch(81% 0.126 352.2)
-
Palier 400
400
#FD5BAF
oklch(70.8% 0.212 351.8)
-
Palier 500
500 (cette couleur)
#FE02A2
oklch(65.5% 0.271 351.9)
-
Palier 600
600
#CC0081
oklch(55.5% 0.23 351.9)
-
Palier 700
700
#AD006D
oklch(49.1% 0.204 351.8)
-
Palier 800
800
#8F0059
oklch(42.7% 0.177 351.9)
-
Palier 900
900
#78004A
oklch(37.6% 0.156 351.9)
-
Palier 950
950
#4B002C
oklch(27.1% 0.112 352.3)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Shocking Pink 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) | #4F6CA5 | 0.310 |
| Deutéranopie (sans cônes verts) | #91949D | 0.269 |
| Tritanopie (sans cônes bleus) | #FF005F | 0.098 |
| Achromatopsie (sans couleur) | #868686 | 0.273 |
Utilisez Shocking Pink 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.