#a05af0 ≈ Amethyst
#a05af0 ist eine Farbe aus der Farbfamilie „Violett“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 62,75 % Rot, 35,29 % Grün und 94,12 % Blau; im CMYK-Druck benötigt sie 33,33 % Cyan, 62,5 % Magenta, 0 % Gelb und 5,88 % Schwarz. Ihr Farbtonwinkel beträgt 268° bei 83,33 % Sättigung und 64,71 % 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,22:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Amethyst (#9966cc), ΔE 6.
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.2108 |
Schattierungen
#a05af0 schrittweise mit Schwarz gemischt.
Tönungen
#a05af0 schrittweise mit Weiß gemischt.
Abtönungen
#a05af0 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a05af0 {
color: #a05af0;
}
.bg-a05af0 {
background-color: #a05af0;
color: #000000;
}
.border-a05af0 {
border: 2px solid #a05af0;
}
:root {
--color-primary: #a05af0;
--color-primary-rgb: 160 90 240;
--color-primary-hsl: 268 83% 65%;
}
.gradient-a05af0 {
background: linear-gradient(135deg, #a05af0, #eb5af0);
}
.shadow-a05af0 {
box-shadow: 0 8px 24px rgb(160 90 240 / 0.35);
}
Amethyst
#a05af0 rgb(160, 90, 240) hsl(268, 83%, 65%) Amethyst
#aaf05a rgb(170, 240, 90) hsl(88, 83%, 65%) Inchworm
#f0a05a rgb(240, 160, 90) hsl(28, 83%, 65%) Sandy Brown
#5af0a0 rgb(90, 240, 160) hsl(148, 83%, 65%) Medium Spring Green