Benannte Farbe · #9D8888
Mauverine
Mauverine ist #9D8888: rgb(157 136 136), hsl(0 10% 57%), oklch(0.646 0.026 17.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mauverine color name →
#9D8888
oklch(0.646 0.026 17.8)
Farbumrechnungen
- HEX
- #9d8888
- RGB
- rgb(157 136 136)
- HSL
- hsl(0 10% 57%)
- HWB
- hwb(0 53% 38%)
- OKLCH
- oklch(0.646 0.026 17.8)
- OKLab
- oklab(0.646 0.024 0.008)
- CIE Lab
- lab(58.64 8.2 3.08)
- LCH
- lch(58.64 8.76 20.6)
- CMYK
- cmyk(0% 13% 13% 38%)
Tints · Shades · Tones
Tints
- A79393
- B09F9F
- BAAAAA
- C3B6B6
- CDC2C2
- D7CECE
- E1DADA
- EBE6E6
- F5F3F3
Shades
- 887575
- 736363
- 5F5252
- 4C4141
- 3A3131
- 282222
- 181313
- 090606
- 010101
Tones
- 9A8787
- 978686
- 948686
- 918585
- 8F8484
- 8C8383
- 898282
- 868282
- 838181
Farbharmonien
Komplementär +180°
- 9D8888
Mauverine
- 7D9393
≈ Lexington Blue
Analog -30° +30°
- 9D8888
Mauverine
- 9A8891
≈ Purple Mauve
- 9C8A81
≈ Ruins of Metal
Triadisch +120° +240°
- 9D8888
Mauverine
- 879283
≈ Silver Linden Grey
- 848F9E
≈ Diopside Blue
Geteilt komplementär +150° +210°
- 9D8888
Mauverine
- 80938B
≈ Quantum Green
- 7E919A
≈ Silent Tide
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.32:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.31:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--mauverine: #9d8888;
--mauverine-rgb: 157 136 136;
--mauverine-oklch: oklch(0.646 0.026 17.8);
}
.element {
color: var(--mauverine);
background-color: hsl(0 10% 57%);
border-color: oklch(0.646 0.026 17.8);
}Tailwind CSS v4
@theme {
--color-mauverine: #9d8888;
--color-mauverine-50: #fcf2f2;
--color-mauverine-100: #f0e5e4;
--color-mauverine-200: #dfd0d0;
--color-mauverine-300: #c4b3b2;
--color-mauverine-400: #ad9999;
--color-mauverine-500: #978080;
--color-mauverine-600: #7f6c6c;
--color-mauverine-700: #665656;
--color-mauverine-800: #4b3f3f;
--color-mauverine-900: #342b2c;
--color-mauverine-950: #1f1919;
}SCSS
$mauverine: #9d8888;
$mauverine-rgb: 157, 136, 136;
$mauverine-light: mix(#fff, $mauverine, 20%);
$mauverine-dark: mix(#000, $mauverine, 20%);
.element {
color: $mauverine;
box-shadow: 0 0 0 2px rgba($mauverine, 0.35);
}