Colore con nome · #9E8996
Piano Mauve
Piano Mauve è #9E8996: rgb(158 137 150), hsl(323 10% 58%), oklch(0.653 0.031 340.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Piano Mauve color name →
#9E8996
oklch(0.653 0.031 340.4)
Conversioni di colore
- HEX
- #9e8996
- RGB
- rgb(158 137 150)
- HSL
- hsl(323 10% 58%)
- HWB
- hwb(323 54% 38%)
- OKLCH
- oklch(0.653 0.031 340.4)
- OKLab
- oklab(0.653 0.029 -0.01)
- CIE Lab
- lab(59.33 9.92 -3.88)
- LCH
- lch(59.33 10.65 338.7)
- CMYK
- cmyk(0% 13% 5% 38%)
Tinte · Ombre · Toni
Tinte
- A794A0
- B1A0AA
- BAABB4
- C4B7BF
- CEC2C9
- D7CED4
- E1DADE
- EBE6E9
- F5F3F4
Ombre
- 897682
- 74646E
- 60535B
- 4D4249
- 3A3137
- 292226
- 181416
- 090708
- 010101
Toni
- 9B8894
- 988792
- 95868F
- 92858D
- 8F858B
- 8C8489
- 898387
- 868284
- 838182
Armonie di colore
Complementare +180°
- 9E8996
Piano Mauve
- 80968A
≈ Azores
Analogo -30° +30°
- 9E8996
Piano Mauve
- 968B9F
≈ Eccentricity
- A2898B
≈ Tin Pink
Triadico +120° +240°
- 9E8996
Piano Mauve
- 94917B
≈ Paseo Verde
- 7C959E
≈ Wethers Field
Complementare divisa +150° +210°
- 9E8996
Piano Mauve
- 8A9480
≈ Aloe Tip
- 7B9794
≈ Green Granite
Tetradico +90° +180° +270°
- 9E8996
Piano Mauve
- 9D8D7C
≈ Weimaraner
- 80968A
≈ Azores
- 8292A3
≈ Dusty Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.24:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.47:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--piano-mauve: #9e8996;
--piano-mauve-rgb: 158 137 150;
--piano-mauve-oklch: oklch(0.653 0.031 340.4);
}
.element {
color: var(--piano-mauve);
background-color: hsl(323 10% 58%);
border-color: oklch(0.653 0.031 340.4);
}Tailwind CSS v4
@theme {
--color-piano-mauve: #9e8996;
--color-piano-mauve-50: #fcf2f8;
--color-piano-mauve-100: #f0e4eb;
--color-piano-mauve-200: #decfd8;
--color-piano-mauve-300: #c3b1bc;
--color-piano-mauve-400: #ac98a4;
--color-piano-mauve-500: #957e8d;
--color-piano-mauve-600: #7e6b77;
--color-piano-mauve-700: #65565f;
--color-piano-mauve-800: #4a3e46;
--color-piano-mauve-900: #332b30;
--color-piano-mauve-950: #1f181d;
}SCSS
$piano-mauve: #9e8996;
$piano-mauve-rgb: 158, 137, 150;
$piano-mauve-light: mix(#fff, $piano-mauve, 20%);
$piano-mauve-dark: mix(#000, $piano-mauve, 20%);
.element {
color: $piano-mauve;
box-shadow: 0 0 0 2px rgba($piano-mauve, 0.35);
}