Colore con nome · #B9ABAD
Aniline Mauve
Aniline Mauve è #B9ABAD: rgb(185 171 173), hsl(351 9% 70%), oklch(0.754 0.016 7.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aniline Mauve color name →
#B9ABAD
oklch(0.754 0.016 7.6)
Conversioni di colore
- HEX
- #b9abad
- RGB
- rgb(185 171 173)
- HSL
- hsl(351 9% 70%)
- HWB
- hwb(351 67% 27%)
- OKLCH
- oklch(0.754 0.016 7.6)
- OKLab
- oklab(0.754 0.016 0.002)
- CIE Lab
- lab(71.23 5.47 0.88)
- LCH
- lch(71.23 5.54 9.2)
- CMYK
- cmyk(0% 8% 6% 27%)
Tinte · Ombre · Toni
Tinte
- C0B3B5
- C7BBBD
- CEC4C5
- D5CCCD
- DCD4D5
- E3DDDD
- EAE5E6
- F1EEEE
- F8F6F7
Ombre
- A09496
- 897E7F
- 71686A
- 5B5455
- 464041
- 312D2D
- 1E1B1B
- 0D0B0B
- 020101
Toni
- B3A7A8
- ADA2A4
- A89E9F
- A29A9B
- 9C9596
- 969192
- 918D8D
- 8B8889
- 868484
Armonie di colore
Complementare +180°
- B9ABAD
Aniline Mauve
- A4B3B1
≈ Flint Smoke
Analogo -30° +30°
- B9ABAD
Aniline Mauve
- B6ABB3
≈ Gellibrand
- B9ACA8
≈ Winter Cocoa
Triadico +120° +240°
- B9ABAD
Aniline Mauve
- ACB1A6
≈ Pebble Walk
- A7B0B9
≈ Cistern
Complementare divisa +150° +210°
- B9ABAD
Aniline Mauve
- A7B2AB
≈ Marine Grey
- A4B2B6
≈ Special Delivery
Tetradico +90° +180° +270°
- B9ABAD
Aniline Mauve
- B2AFA4
≈ Light Sage
- A4B3B1
≈ Flint Smoke
- ACAEBA
≈ Pantomime
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.49:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.49:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--aniline-mauve: #b9abad;
--aniline-mauve-rgb: 185 171 173;
--aniline-mauve-oklch: oklch(0.754 0.016 7.6);
}
.element {
color: var(--aniline-mauve);
background-color: hsl(351 9% 70%);
border-color: oklch(0.754 0.016 7.6);
}Tailwind CSS v4
@theme {
--color-aniline-mauve: #b9abad;
--color-aniline-mauve-50: #faf3f4;
--color-aniline-mauve-100: #ede6e6;
--color-aniline-mauve-200: #dbd1d2;
--color-aniline-mauve-300: #bfb4b5;
--color-aniline-mauve-400: #a89b9c;
--color-aniline-mauve-500: #908284;
--color-aniline-mauve-600: #7a6e70;
--color-aniline-mauve-700: #625859;
--color-aniline-mauve-800: #484041;
--color-aniline-mauve-900: #322c2d;
--color-aniline-mauve-950: #1e191a;
}SCSS
$aniline-mauve: #b9abad;
$aniline-mauve-rgb: 185, 171, 173;
$aniline-mauve-light: mix(#fff, $aniline-mauve, 20%);
$aniline-mauve-dark: mix(#000, $aniline-mauve, 20%);
.element {
color: $aniline-mauve;
box-shadow: 0 0 0 2px rgba($aniline-mauve, 0.35);
}