#7b0ea9 ≈ Purple Heart
#7b0ea9 ist eine Farbe aus der Farbfamilie „Magenta“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 48,24 % Rot, 5,49 % Grün und 66,27 % Blau; im CMYK-Druck benötigt sie 27,22 % Cyan, 91,72 % Magenta, 0 % Gelb und 33,73 % Schwarz. Ihr Farbtonwinkel beträgt 282,19° bei 84,7 % Sättigung und 35,88 % 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 Call-to-Action-Buttons. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 8,47:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 5,9.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #660099 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.0739 |
Schattierungen
#7b0ea9 schrittweise mit Schwarz gemischt.
Tönungen
#7b0ea9 schrittweise mit Weiß gemischt.
Abtönungen
#7b0ea9 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7b0ea9 {
color: #7b0ea9;
}
.bg-7b0ea9 {
background-color: #7b0ea9;
color: #ffffff;
}
.border-7b0ea9 {
border: 2px solid #7b0ea9;
}
:root {
--color-primary: #7b0ea9;
--color-primary-rgb: 123 14 169;
--color-primary-hsl: 282 85% 36%;
}
.gradient-7b0ea9 {
background: linear-gradient(135deg, #7b0ea9, #a90e8a);
}
.shadow-7b0ea9 {
box-shadow: 0 8px 24px rgb(123 14 169 / 0.35);
}
Purple Heart
#7b0ea9 rgb(123, 14, 169) hsl(282, 85%, 36%) Purple Heart
#3ca90e rgb(60, 169, 14) hsl(102, 85%, 36%) Kelly Green
#a97b0e rgb(169, 123, 14) hsl(42, 85%, 36%) Dark Goldenrod
#0ea97b rgb(14, 169, 123) hsl(162, 85%, 36%) Jungle Green