#a219e7 ≈ Vivid Violet
#a219e7 ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 63,53 % Rot, 9,8 % Grün und 90,59 % Blau; im CMYK-Druck benötigt sie 29,87 % Cyan, 89,18 % Magenta, 0 % Gelb und 9,41 % Schwarz. Ihr Farbtonwinkel beträgt 279,9° bei 81,1 % Sättigung und 50,2 % 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. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,48:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Vivid Violet (#9f00ff), ΔE 2,9.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #9900ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1415 |
Schattierungen
#a219e7 schrittweise mit Schwarz gemischt.
Tönungen
#a219e7 schrittweise mit Weiß gemischt.
Abtönungen
#a219e7 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a219e7 {
color: #a219e7;
}
.bg-a219e7 {
background-color: #a219e7;
color: #ffffff;
}
.border-a219e7 {
border: 2px solid #a219e7;
}
:root {
--color-primary: #a219e7;
--color-primary-rgb: 162 25 231;
--color-primary-hsl: 280 81% 50%;
}
.gradient-a219e7 {
background: linear-gradient(135deg, #a219e7, #e719c5);
}
.shadow-a219e7 {
box-shadow: 0 8px 24px rgb(162 25 231 / 0.35);
}
Vivid Violet
#a219e7 rgb(162, 25, 231) hsl(280, 81%, 50%) Vivid Violet
#5ee719 rgb(94, 231, 25) hsl(100, 81%, 50%) Harlequin
#e7a219 rgb(231, 162, 25) hsl(40, 81%, 50%) Marigold
#19e7a2 rgb(25, 231, 162) hsl(160, 81%, 50%) Medium Spring Green