#a55bb3 ≈ Purpureus
#a55bb3 ist eine Farbe aus der Farbfamilie „Magenta“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 64,71 % Rot, 35,69 % Grün und 70,2 % Blau; im CMYK-Druck benötigt sie 7,82 % Cyan, 49,16 % Magenta, 0 % Gelb und 29,8 % Schwarz. Ihr Farbtonwinkel beträgt 290,45° bei 36,67 % Sättigung und 52,94 % 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. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 4,75:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Purpureus (#9a4eae), ΔE 4,44.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #9966cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1874 |
Schattierungen
#a55bb3 schrittweise mit Schwarz gemischt.
Tönungen
#a55bb3 schrittweise mit Weiß gemischt.
Abtönungen
#a55bb3 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a55bb3 {
color: #a55bb3;
}
.bg-a55bb3 {
background-color: #a55bb3;
color: #000000;
}
.border-a55bb3 {
border: 2px solid #a55bb3;
}
:root {
--color-primary: #a55bb3;
--color-primary-rgb: 165 91 179;
--color-primary-hsl: 290 37% 53%;
}
.gradient-a55bb3 {
background: linear-gradient(135deg, #a55bb3, #b35b95);
}
.shadow-a55bb3 {
box-shadow: 0 8px 24px rgb(165 91 179 / 0.35);
}
Purpureus
#a55bb3 rgb(165, 91, 179) hsl(290, 37%, 53%) Purpureus
#69b35b rgb(105, 179, 91) hsl(110, 37%, 53%) Mantis
#b3a55b rgb(179, 165, 91) hsl(50, 37%, 53%) Brass
#5bb3a5 rgb(91, 179, 165) hsl(170, 37%, 53%) Verdigris