Benannte Farbe · #B3A9A3
Muted Mauve
Muted Mauve ist #B3A9A3: rgb(179 169 163), hsl(23 10% 67%), oklch(0.741 0.014 53.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Muted Mauve color name →
#B3A9A3
oklch(0.741 0.014 53.3)
Farbumrechnungen
- HEX
- #b3a9a3
- RGB
- rgb(179 169 163)
- HSL
- hsl(23 10% 67%)
- HWB
- hwb(23 64% 30%)
- OKLCH
- oklch(0.741 0.014 53.3)
- OKLab
- oklab(0.741 0.009 0.012)
- CIE Lab
- lab(69.96 2.93 4.46)
- LCH
- lch(69.96 5.34 56.7)
- CMYK
- cmyk(0% 6% 9% 30%)
Tints · Shades · Tones
Tints
- BAB1AC
- C2BAB5
- C9C2BE
- D1CBC7
- D8D3D0
- E0DCD9
- E8E5E3
- EFEDEC
- F7F6F5
Shades
- 9B928D
- 847C78
- 6E6763
- 58534F
- 433F3C
- 2F2C2A
- 1D1B19
- 0C0A0A
- 010101
Tones
- AEA59F
- A9A19C
- A39C98
- 9E9895
- 999491
- 94908E
- 8F8C8A
- 8A8887
- 858483
Farbharmonien
Komplementär +180°
- B3A9A3
Muted Mauve
- A3ADB3
≈ Laundry Blue
Analog -30° +30°
- B3A9A3
Muted Mauve
- B4A8A7
≈ Fashion Mauve
- B0ABA1
≈ Big Band
Triadisch +120° +240°
- B3A9A3
Muted Mauve
- A3AEAA
≈ Silver Screen
- ABAAB4
≈ Velvet Grey
Geteilt komplementär +150° +210°
- B3A9A3
Muted Mauve
- A1AEAF
≈ Tempered Grey
- A6ABB5
≈ Dutch Jug
Tetradisch +90° +180° +270°
- B3A9A3
Muted Mauve
- A6AEA6
≈ Light Drizzle
- A3ADB3
≈ Laundry Blue
- B0A8B1
≈ Elderberry Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.12:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--muted-mauve: #b3a9a3;
--muted-mauve-rgb: 179 169 163;
--muted-mauve-oklch: oklch(0.741 0.014 53.3);
}
.element {
color: var(--muted-mauve);
background-color: hsl(23 10% 67%);
border-color: oklch(0.741 0.014 53.3);
}Tailwind CSS v4
@theme {
--color-muted-mauve: #b3a9a3;
--color-muted-mauve-50: #f9f4f1;
--color-muted-mauve-100: #ece7e3;
--color-muted-mauve-200: #d9d3ce;
--color-muted-mauve-300: #bdb6b0;
--color-muted-mauve-400: #a69c97;
--color-muted-mauve-500: #8e847d;
--color-muted-mauve-600: #78706a;
--color-muted-mauve-700: #605955;
--color-muted-mauve-800: #47413e;
--color-muted-mauve-900: #312d2b;
--color-muted-mauve-950: #1d1a18;
}SCSS
$muted-mauve: #b3a9a3;
$muted-mauve-rgb: 179, 169, 163;
$muted-mauve-light: mix(#fff, $muted-mauve, 20%);
$muted-mauve-dark: mix(#000, $muted-mauve, 20%);
.element {
color: $muted-mauve;
box-shadow: 0 0 0 2px rgba($muted-mauve, 0.35);
}