#ab3aa3 ≈ Purpureus
#ab3aa3 ist eine Farbe aus der Farbfamilie „Magenta“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 67,06 % Rot, 22,75 % Grün und 63,92 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 66,08 % Magenta, 4,68 % Gelb und 32,94 % Schwarz. Ihr Farbtonwinkel beträgt 304,25° bei 49,34 % Sättigung und 44,9 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Kreativität, Mut und Individualität verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,43:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Purpureus (#9a4eae), ΔE 5,31.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #993399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1433 |
Schattierungen
#ab3aa3 schrittweise mit Schwarz gemischt.
Tönungen
#ab3aa3 schrittweise mit Weiß gemischt.
Abtönungen
#ab3aa3 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-ab3aa3 {
color: #ab3aa3;
}
.bg-ab3aa3 {
background-color: #ab3aa3;
color: #ffffff;
}
.border-ab3aa3 {
border: 2px solid #ab3aa3;
}
:root {
--color-primary: #ab3aa3;
--color-primary-rgb: 171 58 163;
--color-primary-hsl: 304 49% 45%;
}
.gradient-ab3aa3 {
background: linear-gradient(135deg, #ab3aa3, #ab3a6a);
}
.shadow-ab3aa3 {
box-shadow: 0 8px 24px rgb(171 58 163 / 0.35);
}
Purpureus
#ab3aa3 rgb(171, 58, 163) hsl(304, 49%, 45%) Purpureus
#3aab42 rgb(58, 171, 66) hsl(124, 49%, 45%) Kelly Green
#a3ab3a rgb(163, 171, 58) hsl(64, 49%, 45%) Brass
#3aa3ab rgb(58, 163, 171) hsl(184, 49%, 45%) Cadet Blue