ColorTool
Se connecter
#AA09E1

#aa09e1 ≈ Dark Orchid

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

#aa09e1 est une couleur de la famille « magenta », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 66,67 % de rouge, 3,53 % de vert et 88,24 % de bleu ; imprimée en CMJN, elle utilise 24,44 % de cyan, 96 % de magenta, 0 % de jaune et 11,76 % de noir. Son angle de teinte est de 284,72°, avec 92,31 % de saturation et 45,88 % de luminosité en HSL. C’est une couleur froide, 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 blanc sur cette couleur atteint un rapport de contraste de 5,48:1 (WCAG AA). La couleur nommée la plus proche est Dark Orchid (#9932cc), ΔE 3,68.

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#9900cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.1418

Complémentaire

  1. #aa09e1
  2. #40e109

Complémentaire divisé

  1. #aa09e1
  2. #ace109
  3. #09e13e

Analogue

  1. #3e09e1
  2. #aa09e1
  3. #e109ac

Triadique

  1. #aa09e1
  2. #e1aa09
  3. #09e1aa

Tétradique

  1. #aa09e1
  2. #e10940
  3. #40e109
  4. #09e1aa

Carré

  1. #aa09e1
  2. #e13e09
  3. #40e109
  4. #09ace1

Monochrome

  1. #3b034e
  2. #720697
  3. #aa09e1
  4. #c83ff7
  5. #dd89fa

Ombres

#aa09e1 mélangé progressivement avec du noir.

  1. #aa09e1
  2. #9908cb
  3. #8807b4
  4. #77069e
  5. #660587
  6. #550571
  7. #44045a
  8. #330344
  9. #22022d
  10. #110117
  11. #000000

Teintes

#aa09e1 mélangé progressivement avec du blanc.

  1. #aa09e1
  2. #b322e4
  3. #bb3ae7
  4. #c453ea
  5. #cc6bed
  6. #d584f0
  7. #dd9df3
  8. #e6b5f6
  9. #eecef9
  10. #f7e6fc
  11. #ffffff

Tons

#aa09e1 mélangé progressivement avec du gris.

  1. #aa09e1
  2. #a615d7
  3. #a221ce
  4. #9d2dc4
  5. #9939ba
  6. #9545b1
  7. #9150a7
  8. #8d5c9d
  9. #886893
  10. #84748a
  11. #808080

Texte lisible 5.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texte lisible 3.84:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #696969 ≈ 0.003% des hommes
Achromatomalie #8853a7 ≈ 0.001% des hommes
Protanopie #0062e6 ≈ 1.01% des hommes
Deutéranopie #006cdd ≈ 1.27% des hommes
Tritanopie #a45184 ≈ 0.0001% des hommes
Protanomalie #5c4de4 ≈ 1.08% des hommes
Deutéranomalie #6b55df ≈ 4.63% des hommes
Tritanomalie #a63fb1 ≈ 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-aa09e1 {
  color: #aa09e1;
}
Arrière-plan
.bg-aa09e1 {
  background-color: #aa09e1;
  color: #ffffff;
}
Bordure
.border-aa09e1 {
  border: 2px solid #aa09e1;
}
Variables CSS
:root {
  --color-primary: #aa09e1;
  --color-primary-rgb: 170 9 225;
  --color-primary-hsl: 285 92% 46%;
}
Dégradé
.gradient-aa09e1 {
  background: linear-gradient(135deg, #aa09e1, #e109ac);
}
Ombre colorée
.shadow-aa09e1 {
  box-shadow: 0 8px 24px rgb(170 9 225 / 0.35);
}

#9932cc Dark Orchid ΔE 3.68 #9f00ff Vivid Violet ΔE 4.16 #9400d3 Dark Violet ΔE 4.63 #8a2be2 Blue Violet ΔE 5.03 #bf00ff Electric Purple ΔE 5.60 #8f00ff Electric Violet ΔE 5.70 #6f00ff Electric Indigo ΔE 9.50 #55f61e Inversée #696969 Niveaux de gris 

Dark Orchid
#aa09e1  rgb(170, 9, 225)  hsl(285, 92%, 46%)  Dark Orchid
#40e109  rgb(64, 225, 9)  hsl(105, 92%, 46%)  Lime Green
#e1aa09  rgb(225, 170, 9)  hsl(45, 92%, 46%)  Goldenrod
#09e1aa  rgb(9, 225, 170)  hsl(165, 92%, 46%)  Caribbean Green