#7c2ea2 ≈ Purple Heart
#7c2ea2 ist eine Farbe aus der Farbfamilie „Magenta“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 48,63 % Rot, 18,04 % Grün und 63,53 % Blau; im CMYK-Druck benötigt sie 23,46 % Cyan, 71,6 % Magenta, 0 % Gelb und 36,47 % Schwarz. Ihr Farbtonwinkel beträgt 280,34° bei 55,77 % Sättigung und 40,78 % 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 7,58:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 3,77.
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.0885 |
Schattierungen
#7c2ea2 schrittweise mit Schwarz gemischt.
Tönungen
#7c2ea2 schrittweise mit Weiß gemischt.
Abtönungen
#7c2ea2 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7c2ea2 {
color: #7c2ea2;
}
.bg-7c2ea2 {
background-color: #7c2ea2;
color: #ffffff;
}
.border-7c2ea2 {
border: 2px solid #7c2ea2;
}
:root {
--color-primary: #7c2ea2;
--color-primary-rgb: 124 46 162;
--color-primary-hsl: 280 56% 41%;
}
.gradient-7c2ea2 {
background: linear-gradient(135deg, #7c2ea2, #a22e8e);
}
.shadow-7c2ea2 {
box-shadow: 0 8px 24px rgb(124 46 162 / 0.35);
}
Purple Heart
#7c2ea2 rgb(124, 46, 162) hsl(280, 56%, 41%) Purple Heart
#54a22e rgb(84, 162, 46) hsl(100, 56%, 41%) Kelly Green
#a27c2e rgb(162, 124, 46) hsl(40, 56%, 41%) Dark Goldenrod
#2ea27c rgb(46, 162, 124) hsl(160, 56%, 41%) Jungle Green