#7a2fb7 ≈ Purple Heart
#7a2fb7 ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 47,84 % Rot, 18,43 % Grün und 71,76 % Blau; im CMYK-Druck benötigt sie 33,33 % Cyan, 74,32 % Magenta, 0 % Gelb und 28,24 % Schwarz. Ihr Farbtonwinkel beträgt 273,09° bei 59,13 % Sättigung und 45,1 % 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 Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,2:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 4,75.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #6633cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.0959 |
Schattierungen
#7a2fb7 schrittweise mit Schwarz gemischt.
Tönungen
#7a2fb7 schrittweise mit Weiß gemischt.
Abtönungen
#7a2fb7 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7a2fb7 {
color: #7a2fb7;
}
.bg-7a2fb7 {
background-color: #7a2fb7;
color: #ffffff;
}
.border-7a2fb7 {
border: 2px solid #7a2fb7;
}
:root {
--color-primary: #7a2fb7;
--color-primary-rgb: 122 47 183;
--color-primary-hsl: 273 59% 45%;
}
.gradient-7a2fb7 {
background: linear-gradient(135deg, #7a2fb7, #b72fb0);
}
.shadow-7a2fb7 {
box-shadow: 0 8px 24px rgb(122 47 183 / 0.35);
}
Purple Heart
#7a2fb7 rgb(122, 47, 183) hsl(273, 59%, 45%) Purple Heart
#6cb72f rgb(108, 183, 47) hsl(93, 59%, 45%) Kelly Green
#b77a2f rgb(183, 122, 47) hsl(33, 59%, 45%) Copper
#2fb77a rgb(47, 183, 122) hsl(153, 59%, 45%) Medium Sea Green