ColorTool
Se connecter
#E206A0

#e206a0 ≈ Medium Violet Red

  • magenta
  • Luminosité: moyenne
  • Saturation: vive
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#e206a0 est une couleur de la famille « magenta », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 88,63 % de rouge, 2,35 % de vert et 62,75 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 97,35 % de magenta, 29,2 % de jaune et 11,37 % de noir. Son angle de teinte est de 318°, avec 94,83 % de saturation et 45,49 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la créativité, l’audace et l’individualité. Les designers l’utilisent souvent pour la beauté et les cosmétiques, les studios créatifs et les boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 4,77:1 (WCAG AA). La couleur nommée la plus proche est Medium Violet Red (#c71585), ΔE 6,39.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#cc0099
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.1884

Complémentaire

  1. #e206a0
  2. #06e248

Complémentaire divisé

  1. #e206a0
  2. #32e206
  3. #06e2b6

Analogue

  1. #b606e2
  2. #e206a0
  3. #e20632

Triadique

  1. #e206a0
  2. #a0e206
  3. #06a0e2

Tétradique

  1. #e206a0
  2. #e24806
  3. #06e248
  4. #06a0e2

Carré

  1. #e206a0
  2. #e2b606
  3. #06e248
  4. #0632e2

Monochrome

  1. #4d0236
  2. #97046b
  3. #e206a0
  4. #fa3bc0
  5. #fc85d8

Ombres

#e206a0 mélangé progressivement avec du noir.

  1. #e206a0
  2. #cb0590
  3. #b50580
  4. #9e0470
  5. #880460
  6. #710350
  7. #5a0240
  8. #440230
  9. #2d0120
  10. #170110
  11. #000000

Teintes

#e206a0 mélangé progressivement avec du blanc.

  1. #e206a0
  2. #e51faa
  3. #e838b3
  4. #eb51bd
  5. #ee6ac6
  6. #f183d0
  7. #f39bd9
  8. #f6b4e3
  9. #f9cdec
  10. #fce6f6
  11. #ffffff

Tons

#e206a0 mélangé progressivement avec du gris.

  1. #e206a0
  2. #d8129d
  3. #ce1e9a
  4. #c52b96
  5. #bb3793
  6. #b14390
  7. #a74f8d
  8. #9d5b8a
  9. #946886
  10. #8a7483
  11. #808080

Texte lisible 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #787878 ≈ 0.003% des hommes
Achromatomalie #ad5f8a ≈ 0.001% des hommes
Protanopie #3c62a3 ≈ 1.01% des hommes
Deutéranopie #7c849c ≈ 1.27% des hommes
Tritanopie #f2005e ≈ 0.0001% des hommes
Protanomalie #9c4da2 ≈ 1.08% des hommes
Deutéranomalie #ae689e ≈ 4.63% des hommes
Tritanomalie #ec007e ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-e206a0 {
  color: #e206a0;
}
Arrière-plan
.bg-e206a0 {
  background-color: #e206a0;
  color: #000000;
}
Bordure
.border-e206a0 {
  border: 2px solid #e206a0;
}
Variables CSS
:root {
  --color-primary: #e206a0;
  --color-primary-rgb: 226 6 160;
  --color-primary-hsl: 318 95% 45%;
}
Dégradé
.gradient-e206a0 {
  background: linear-gradient(135deg, #e206a0, #e20632);
}
Ombre colorée
.shadow-e206a0 {
  box-shadow: 0 8px 24px rgb(226 6 160 / 0.35);
}

#c71585 Medium Violet Red ΔE 6.39 #fc0fc0 Shocking Pink ΔE 6.81 #c54b8c Mulberry ΔE 7.00 #fe28a2 Persian Rose ΔE 7.39 #ff1493 Deep Pink ΔE 8.02 #cf3476 Telemagenta ΔE 8.94 #ff43a4 Wild Strawberry ΔE 9.84 #1df95f Inversée #787878 Niveaux de gris 

Medium Violet Red
#e206a0  rgb(226, 6, 160)  hsl(318, 95%, 45%)  Medium Violet Red
#06e248  rgb(6, 226, 72)  hsl(138, 95%, 45%)  Malachite
#a0e206  rgb(160, 226, 6)  hsl(78, 95%, 45%)  Inchworm
#06a0e2  rgb(6, 160, 226)  hsl(198, 95%, 45%)  Carolina Blue