Colore con nome · #B9A193
White Mouse
White Mouse è #B9A193: rgb(185 161 147), hsl(22 21% 65%), oklch(0.726 0.035 52.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White Mouse color name →
#B9A193
oklch(0.726 0.035 52.2)
Conversioni di colore
- HEX
- #b9a193
- RGB
- rgb(185 161 147)
- HSL
- hsl(22 21% 65%)
- HWB
- hwb(22 58% 27%)
- OKLCH
- oklch(0.726 0.035 52.2)
- OKLab
- oklab(0.726 0.021 0.027)
- CIE Lab
- lab(68.1 7.43 10.73)
- LCH
- lch(68.1 13.05 55.3)
- CMYK
- cmyk(0% 13% 21% 27%)
Tinte · Ombre · Toni
Tinte
- C0AA9D
- C7B3A8
- CEBCB2
- D5C6BD
- DCCFC8
- E3D9D3
- EAE2DE
- F1ECE9
- F8F5F4
Ombre
- A08B7F
- 89766C
- 716259
- 5B4E47
- 463C36
- 312A25
- 1E1916
- 0D0908
- 020101
Toni
- B39E91
- AD9A8F
- A8978D
- A2948B
- 9C908A
- 978D88
- 918A86
- 8B8784
- 868382
Armonie di colore
Complementare +180°
- B9A193
White Mouse
- 92ABB9
≈ Nepal
Analogo -30° +30°
- B9A193
White Mouse
- BC9E9D
≈ Awakening
- B1A58E
≈ Safari Vest
Triadico +120° +240°
- B9A193
White Mouse
- 91AEA4
≈ Donnegal
- A6A3BB
≈ Awaken
Complementare divisa +150° +210°
- B9A193
White Mouse
- 8EADB0
≈ Bon Voyage
- 9BA7BD
≈ Zen Blue
Tetradico +90° +180° +270°
- B9A193
White Mouse
- 9BAC98
≈ Garden
- 92ABB9
≈ Nepal
- B1A0B4
≈ Pastel Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.58:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--white-mouse: #b9a193;
--white-mouse-rgb: 185 161 147;
--white-mouse-oklch: oklch(0.726 0.035 52.2);
}
.element {
color: var(--white-mouse);
background-color: hsl(22 21% 65%);
border-color: oklch(0.726 0.035 52.2);
}Tailwind CSS v4
@theme {
--color-white-mouse: #b9a193;
--color-white-mouse-50: #fef3ec;
--color-white-mouse-100: #f2e5dd;
--color-white-mouse-200: #e1d1c7;
--color-white-mouse-300: #c6b3a7;
--color-white-mouse-400: #b0998c;
--color-white-mouse-500: #998071;
--color-white-mouse-600: #826d60;
--color-white-mouse-700: #68574d;
--color-white-mouse-800: #4d3f38;
--color-white-mouse-900: #352b26;
--color-white-mouse-950: #201915;
}SCSS
$white-mouse: #b9a193;
$white-mouse-rgb: 185, 161, 147;
$white-mouse-light: mix(#fff, $white-mouse, 20%);
$white-mouse-dark: mix(#000, $white-mouse, 20%);
.element {
color: $white-mouse;
box-shadow: 0 0 0 2px rgba($white-mouse, 0.35);
}