#a45366 ≈ Mauve Taupe
#a45366 ist eine Farbe aus der Farbfamilie „Rot“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 64,31 % Rot, 32,55 % Grün und 40 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 49,39 % Magenta, 37,8 % Gelb und 35,69 % Schwarz. Ihr Farbtonwinkel beträgt 345,93° bei 32,79 % Sättigung und 48,43 % 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,24:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Mauve Taupe (#915f6d), ΔE 6,2.
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.1504 |
Schattierungen
#a45366 schrittweise mit Schwarz gemischt.
Tönungen
#a45366 schrittweise mit Weiß gemischt.
Abtönungen
#a45366 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a45366 {
color: #a45366;
}
.bg-a45366 {
background-color: #a45366;
color: #ffffff;
}
.border-a45366 {
border: 2px solid #a45366;
}
:root {
--color-primary: #a45366;
--color-primary-rgb: 164 83 102;
--color-primary-hsl: 346 33% 48%;
}
.gradient-a45366 {
background: linear-gradient(135deg, #a45366, #a46953);
}
.shadow-a45366 {
box-shadow: 0 8px 24px rgb(164 83 102 / 0.35);
}
Mauve Taupe
#a45366 rgb(164, 83, 102) hsl(346, 33%, 48%) Mauve Taupe
#53a491 rgb(83, 164, 145) hsl(166, 33%, 48%) Persian Green
#66a453 rgb(102, 164, 83) hsl(106, 33%, 48%) Asparagus
#5366a4 rgb(83, 102, 164) hsl(226, 33%, 48%) Queen Blue