#a35df2 ≈ Amethyst
#a35df2 ist eine Farbe aus der Farbfamilie „Violett“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 63,92 % Rot, 36,47 % Grün und 94,9 % Blau; im CMYK-Druck benötigt sie 32,64 % Cyan, 61,57 % Magenta, 0 % Gelb und 5,1 % Schwarz. Ihr Farbtonwinkel beträgt 268,19° bei 85,14 % Sättigung und 65,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. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,41:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Amethyst (#9966cc), ΔE 6,03.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #9966ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.2203 |
Schattierungen
#a35df2 schrittweise mit Schwarz gemischt.
Tönungen
#a35df2 schrittweise mit Weiß gemischt.
Abtönungen
#a35df2 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a35df2 {
color: #a35df2;
}
.bg-a35df2 {
background-color: #a35df2;
color: #000000;
}
.border-a35df2 {
border: 2px solid #a35df2;
}
:root {
--color-primary: #a35df2;
--color-primary-rgb: 163 93 242;
--color-primary-hsl: 268 85% 66%;
}
.gradient-a35df2 {
background: linear-gradient(135deg, #a35df2, #ee5df2);
}
.shadow-a35df2 {
box-shadow: 0 8px 24px rgb(163 93 242 / 0.35);
}
Amethyst
#a35df2 rgb(163, 93, 242) hsl(268, 85%, 66%) Amethyst
#acf25d rgb(172, 242, 93) hsl(88, 85%, 66%) Inchworm
#f2a35d rgb(242, 163, 93) hsl(28, 85%, 66%) Sandy Brown
#5df2a3 rgb(93, 242, 163) hsl(148, 85%, 66%) Medium Spring Green