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