#7c5e63 ≈ Mauve Taupe
#7c5e63 ist eine Farbe aus der Farbfamilie „Rot“ mit mittlerer Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 48,63 % Rot, 36,86 % Grün und 38,82 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 24,19 % Magenta, 20,16 % Gelb und 51,37 % Schwarz. Ihr Farbtonwinkel beträgt 350° bei 13,76 % Sättigung und 42,75 % 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,77:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Mauve Taupe (#915f6d), ΔE 6,84.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #666666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1319 |
Schattierungen
#7c5e63 schrittweise mit Schwarz gemischt.
Tönungen
#7c5e63 schrittweise mit Weiß gemischt.
Abtönungen
#7c5e63 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7c5e63 {
color: #7c5e63;
}
.bg-7c5e63 {
background-color: #7c5e63;
color: #ffffff;
}
.border-7c5e63 {
border: 2px solid #7c5e63;
}
:root {
--color-primary: #7c5e63;
--color-primary-rgb: 124 94 99;
--color-primary-hsl: 350 14% 43%;
}
.gradient-7c5e63 {
background: linear-gradient(135deg, #7c5e63, #7c685e);
}
.shadow-7c5e63 {
box-shadow: 0 8px 24px rgb(124 94 99 / 0.35);
}
Mauve Taupe
#7c5e63 rgb(124, 94, 99) hsl(350, 14%, 43%) Mauve Taupe
#5e7c77 rgb(94, 124, 119) hsl(170, 14%, 43%) Xanadu
#637c5e rgb(99, 124, 94) hsl(110, 14%, 43%) Fern Green
#5e637c rgb(94, 99, 124) hsl(230, 14%, 43%) Old Lavender