#6f3aa7 ≈ Purple Heart
#6f3aa7 ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 43,53 % Rot, 22,75 % Grün und 65,49 % Blau; im CMYK-Druck benötigt sie 33,53 % Cyan, 65,27 % Magenta, 0 % Gelb und 34,51 % Schwarz. Ihr Farbtonwinkel beträgt 269,17° bei 48,44 % Sättigung und 44,12 % 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,4:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Purple Heart (#69359c), ΔE 2,22.
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.092 |
Schattierungen
#6f3aa7 schrittweise mit Schwarz gemischt.
Tönungen
#6f3aa7 schrittweise mit Weiß gemischt.
Abtönungen
#6f3aa7 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-6f3aa7 {
color: #6f3aa7;
}
.bg-6f3aa7 {
background-color: #6f3aa7;
color: #ffffff;
}
.border-6f3aa7 {
border: 2px solid #6f3aa7;
}
:root {
--color-primary: #6f3aa7;
--color-primary-rgb: 111 58 167;
--color-primary-hsl: 269 48% 44%;
}
.gradient-6f3aa7 {
background: linear-gradient(135deg, #6f3aa7, #a53aa7);
}
.shadow-6f3aa7 {
box-shadow: 0 8px 24px rgb(111 58 167 / 0.35);
}
Purple Heart
#6f3aa7 rgb(111, 58, 167) hsl(269, 48%, 44%) Purple Heart
#72a73a rgb(114, 167, 58) hsl(89, 48%, 44%) Kelly Green
#a76f3a rgb(167, 111, 58) hsl(29, 48%, 44%) Copper
#3aa76f rgb(58, 167, 111) hsl(149, 48%, 44%) Jade