ColorTool
Anmelden
#AA4AF8

#aa4af8 ≈ Electric Purple

  • Violett
  • Helligkeit: hoher
  • Sättigung: kräftiger
  • Kühl
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#aa4af8 ist eine Farbe aus der Farbfamilie „Violett“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 66,67 % Rot, 29,02 % Grün und 97,25 % Blau; im CMYK-Druck benötigt sie 31,45 % Cyan, 70,16 % Magenta, 0 % Gelb und 2,75 % Schwarz. Ihr Farbtonwinkel beträgt 273,1° bei 92,55 % Sättigung und 63,14 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Fantasie, Spiritualität und Luxus verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,04:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Electric Purple (#bf00ff), ΔE 5,43.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#9933ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.2022

Komplementär

  1. #aa4af8
  2. #98f84a

Geteilt komplementär

  1. #aa4af8
  2. #eff84a
  3. #4af853

Analog

  1. #534af8
  2. #aa4af8
  3. #f84aef

Triadisch

  1. #aa4af8
  2. #f8aa4a
  3. #4af8aa

Tetradisch

  1. #aa4af8
  2. #f84a98
  3. #98f84a
  4. #4af8aa

Quadrat

  1. #aa4af8
  2. #f8534a
  3. #98f84a
  4. #4aeff8

Monochrom

  1. #5d06a3
  2. #8609ec
  3. #aa4af8
  4. #cd94fb
  5. #efddfe

Schattierungen

#aa4af8 schrittweise mit Schwarz gemischt.

  1. #aa4af8
  2. #9943df
  3. #883bc6
  4. #7734ae
  5. #662c95
  6. #55257c
  7. #441e63
  8. #33164a
  9. #220f32
  10. #110719
  11. #000000

Tönungen

#aa4af8 schrittweise mit Weiß gemischt.

  1. #aa4af8
  2. #b35cf9
  3. #bb6ef9
  4. #c480fa
  5. #cc92fb
  6. #d5a5fc
  7. #ddb7fc
  8. #e6c9fd
  9. #eedbfe
  10. #f7edfe
  11. #ffffff

Abtönungen

#aa4af8 schrittweise mit Grau gemischt.

  1. #aa4af8
  2. #a64fec
  3. #a255e0
  4. #9d5ad4
  5. #9960c8
  6. #9565bc
  7. #916ab0
  8. #8d70a4
  9. #887598
  10. #847b8c
  11. #808080

Lesbarer Text 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7c7c7c ≈ 0.003% der Männer
Achromatomalie #916cbb ≈ 0.001% der Männer
Protanopie #007afd ≈ 1.01% der Männer
Deuteranopie #007cf4 ≈ 1.27% der Männer
Tritanopie #9c739c ≈ 0.0001% der Männer
Protanomalie #636afb ≈ 1.08% der Männer
Deuteranomalie #6e6cf6 ≈ 4.63% der Männer
Tritanomalie #a265c8 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-aa4af8 {
  color: #aa4af8;
}
Hintergrund
.bg-aa4af8 {
  background-color: #aa4af8;
  color: #000000;
}
Rahmen
.border-aa4af8 {
  border: 2px solid #aa4af8;
}
CSS-Variablen
:root {
  --color-primary: #aa4af8;
  --color-primary-rgb: 170 74 248;
  --color-primary-hsl: 273 93% 63%;
}
Verlauf
.gradient-aa4af8 {
  background: linear-gradient(135deg, #aa4af8, #f84aef);
}
Farbiger Schatten
.shadow-aa4af8 {
  box-shadow: 0 8px 24px rgb(170 74 248 / 0.35);
}

#bf00ff Electric Purple ΔE 5.43 #ba55d3 Medium Orchid ΔE 7.16 #9f00ff Vivid Violet ΔE 8.01 #9966cc Amethyst ΔE 8.21 #9932cc Dark Orchid ΔE 9.17 #9370db Medium Purple ΔE 9.39 #8a2be2 Blue Violet ΔE 9.73 #55b507 Invertiert #7c7c7c Graustufen 

Electric Purple
#aa4af8  rgb(170, 74, 248)  hsl(273, 93%, 63%)  Electric Purple
#98f84a  rgb(152, 248, 74)  hsl(93, 93%, 63%)  Lawn Green
#f8aa4a  rgb(248, 170, 74)  hsl(33, 93%, 63%)  Yellow Orange
#4af8aa  rgb(74, 248, 170)  hsl(153, 93%, 63%)  Medium Spring Green