#a52af2 ≈ Vivid Violet
#a52af2 ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 64,71 % Rot, 16,47 % Grün und 94,9 % Blau; im CMYK-Druck benötigt sie 31,82 % Cyan, 82,64 % Magenta, 0 % Gelb und 5,1 % Schwarz. Ihr Farbtonwinkel beträgt 276,9° bei 88,5 % Sättigung und 55,69 % 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 4,98:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Vivid Violet (#9f00ff), ΔE 3,01.
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 Leuchtdichte | 0.1607 |
Schattierungen
#a52af2 schrittweise mit Schwarz gemischt.
Tönungen
#a52af2 schrittweise mit Weiß gemischt.
Abtönungen
#a52af2 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a52af2 {
color: #a52af2;
}
.bg-a52af2 {
background-color: #a52af2;
color: #ffffff;
}
.border-a52af2 {
border: 2px solid #a52af2;
}
:root {
--color-primary: #a52af2;
--color-primary-rgb: 165 42 242;
--color-primary-hsl: 277 89% 56%;
}
.gradient-a52af2 {
background: linear-gradient(135deg, #a52af2, #f22adb);
}
.shadow-a52af2 {
box-shadow: 0 8px 24px rgb(165 42 242 / 0.35);
}
Vivid Violet
#a52af2 rgb(165, 42, 242) hsl(277, 89%, 56%) Vivid Violet
#77f22a rgb(119, 242, 42) hsl(97, 89%, 56%) Lawn Green
#f2a52a rgb(242, 165, 42) hsl(37, 89%, 56%) Marigold
#2af2a5 rgb(42, 242, 165) hsl(157, 89%, 56%) Medium Spring Green