Colore con nome · #9D8888
Mauverine
Mauverine è #9D8888: rgb(157 136 136), hsl(0 10% 57%), oklch(0.646 0.026 17.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mauverine color name →
#9D8888
oklch(0.646 0.026 17.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A79393
- B09F9F
- BAAAAA
- C3B6B6
- CDC2C2
- D7CECE
- E1DADA
- EBE6E6
- F5F3F3
Ombre
- 887575
- 736363
- 5F5252
- 4C4141
- 3A3131
- 282222
- 181313
- 090606
- 010101
Toni
- 9A8787
- 978686
- 948686
- 918585
- 8F8484
- 8C8383
- 898282
- 868282
- 838181
Armonie di colore
Complementare +180°
- 9D8888
Mauverine
- 7D9393
≈ Lexington Blue
Analogo -30° +30°
- 9D8888
Mauverine
- 9A8891
≈ Purple Mauve
- 9C8A81
≈ Ruins of Metal
Triadico +120° +240°
- 9D8888
Mauverine
- 879283
≈ Silver Linden Grey
- 848F9E
≈ Diopside Blue
Complementare divisa +150° +210°
- 9D8888
Mauverine
- 80938B
≈ Quantum Green
- 7E919A
≈ Silent Tide
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.32:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.31:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}