#7f1ea3 ≈ Purple Heart
#7f1ea3 ist eine Farbe aus der Farbfamilie „Magenta“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 49,8 % Rot, 11,76 % Grün und 63,92 % Blau; im CMYK-Druck benötigt sie 22,09 % Cyan, 81,6 % Magenta, 0 % Gelb und 36,08 % Schwarz. Ihr Farbtonwinkel beträgt 283,76° bei 68,91 % Sättigung und 37,84 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe 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 8,02:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 5,2.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #663399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.0808 |
Schattierungen
#7f1ea3 schrittweise mit Schwarz gemischt.
Tönungen
#7f1ea3 schrittweise mit Weiß gemischt.
Abtönungen
#7f1ea3 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7f1ea3 {
color: #7f1ea3;
}
.bg-7f1ea3 {
background-color: #7f1ea3;
color: #ffffff;
}
.border-7f1ea3 {
border: 2px solid #7f1ea3;
}
:root {
--color-primary: #7f1ea3;
--color-primary-rgb: 127 30 163;
--color-primary-hsl: 284 69% 38%;
}
.gradient-7f1ea3 {
background: linear-gradient(135deg, #7f1ea3, #a31e84);
}
.shadow-7f1ea3 {
box-shadow: 0 8px 24px rgb(127 30 163 / 0.35);
}
Purple Heart
#7f1ea3 rgb(127, 30, 163) hsl(284, 69%, 38%) Purple Heart
#42a31e rgb(66, 163, 30) hsl(104, 69%, 38%) Kelly Green
#a37f1e rgb(163, 127, 30) hsl(44, 69%, 38%) Dark Goldenrod
#1ea37f rgb(30, 163, 127) hsl(164, 69%, 38%) Jungle Green