#7c1ea5 ≈ Purple Heart
#7c1ea5 ist eine Farbe aus der Farbfamilie „Magenta“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 48,63 % Rot, 11,76 % Grün und 64,71 % Blau; im CMYK-Druck benötigt sie 24,85 % Cyan, 81,82 % Magenta, 0 % Gelb und 35,29 % Schwarz. Ihr Farbtonwinkel beträgt 281,78° bei 69,23 % Sättigung und 38,24 % 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,12:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 4,88.
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.0793 |
Schattierungen
#7c1ea5 schrittweise mit Schwarz gemischt.
Tönungen
#7c1ea5 schrittweise mit Weiß gemischt.
Abtönungen
#7c1ea5 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7c1ea5 {
color: #7c1ea5;
}
.bg-7c1ea5 {
background-color: #7c1ea5;
color: #ffffff;
}
.border-7c1ea5 {
border: 2px solid #7c1ea5;
}
:root {
--color-primary: #7c1ea5;
--color-primary-rgb: 124 30 165;
--color-primary-hsl: 282 69% 38%;
}
.gradient-7c1ea5 {
background: linear-gradient(135deg, #7c1ea5, #a51e8b);
}
.shadow-7c1ea5 {
box-shadow: 0 8px 24px rgb(124 30 165 / 0.35);
}
Purple Heart
#7c1ea5 rgb(124, 30, 165) hsl(282, 69%, 38%) Purple Heart
#47a51e rgb(71, 165, 30) hsl(102, 69%, 38%) Kelly Green
#a57c1e rgb(165, 124, 30) hsl(42, 69%, 38%) Dark Goldenrod
#1ea57c rgb(30, 165, 124) hsl(162, 69%, 38%) Jungle Green