#a15768 ≈ Mauve Taupe
#a15768 ist eine Farbe aus der Farbfamilie „Rot“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 63,14 % Rot, 34,12 % Grün und 40,78 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 45,96 % Magenta, 35,4 % Gelb und 36,86 % Schwarz. Ihr Farbtonwinkel beträgt 346,22° bei 29,84 % Sättigung und 48,63 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Energie, Leidenschaft und Dringlichkeit verbunden. Designer verwenden sie häufig für Lebensmittelmarken und Restaurants, Sales und Aktionen und Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,15:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Mauve Taupe (#915f6d), ΔE 5,02.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #996666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1539 |
Schattierungen
#a15768 schrittweise mit Schwarz gemischt.
Tönungen
#a15768 schrittweise mit Weiß gemischt.
Abtönungen
#a15768 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a15768 {
color: #a15768;
}
.bg-a15768 {
background-color: #a15768;
color: #ffffff;
}
.border-a15768 {
border: 2px solid #a15768;
}
:root {
--color-primary: #a15768;
--color-primary-rgb: 161 87 104;
--color-primary-hsl: 346 30% 49%;
}
.gradient-a15768 {
background: linear-gradient(135deg, #a15768, #a16b57);
}
.shadow-a15768 {
box-shadow: 0 8px 24px rgb(161 87 104 / 0.35);
}
Mauve Taupe
#a15768 rgb(161, 87, 104) hsl(346, 30%, 49%) Mauve Taupe
#57a190 rgb(87, 161, 144) hsl(166, 30%, 49%) Persian Green
#68a157 rgb(104, 161, 87) hsl(106, 30%, 49%) Asparagus
#5768a1 rgb(87, 104, 161) hsl(226, 30%, 49%) Queen Blue