Colore con nome · #B4ACA3
Timberwolf
Timberwolf è #B4ACA3: rgb(180 172 163), hsl(32 10% 67%), oklch(0.749 0.016 70.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Timberwolf color name →
#B4ACA3
oklch(0.749 0.016 70.8)
Conversioni di colore
- HEX
- #b4aca3
- RGB
- rgb(180 172 163)
- HSL
- hsl(32 10% 67%)
- HWB
- hwb(32 64% 29%)
- OKLCH
- oklch(0.749 0.016 70.8)
- OKLab
- oklab(0.749 0.005 0.015)
- CIE Lab
- lab(70.84 1.78 5.72)
- LCH
- lch(70.84 5.99 72.7)
- CMYK
- cmyk(0% 4% 9% 29%)
Tinte · Ombre · Toni
Tinte
- BBB4AC
- C3BCB5
- CAC4BE
- D1CCC7
- D9D5D0
- E0DDD9
- E8E5E3
- F0EEEC
- F7F6F5
Ombre
- 9C958D
- 857F78
- 6E6963
- 58544F
- 44403C
- 302D2A
- 1D1B19
- 0C0B0A
- 020101
Toni
- AFA89F
- A9A39C
- A49F98
- 9F9A95
- 9A9691
- 94918E
- 8F8D8A
- 8A8987
- 858483
Armonie di colore
Complementare +180°
- B4ACA3
Timberwolf
- A6AEB7
≈ Northern Light Grey
Analogo -30° +30°
- B4ACA3
Timberwolf
- B7AAA6
≈ Winter Cocoa
- AFAEA3
≈ Smoky White
Triadico +120° +240°
- B4ACA3
Timberwolf
- A3B1B0
≈ Conch
- B1ABB5
≈ Endless Slumber
Complementare divisa +150° +210°
- B4ACA3
Timberwolf
- A3B0B4
≈ Special Delivery
- ABADB8
≈ Jacaranda Light
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.37:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--timberwolf: #b4aca3;
--timberwolf-rgb: 180 172 163;
--timberwolf-oklch: oklch(0.749 0.016 70.8);
}
.element {
color: var(--timberwolf);
background-color: hsl(32 10% 67%);
border-color: oklch(0.749 0.016 70.8);
}Tailwind CSS v4
@theme {
--color-timberwolf: #b4aca3;
--color-timberwolf-50: #f8f4f0;
--color-timberwolf-100: #ebe7e2;
--color-timberwolf-200: #d8d3cd;
--color-timberwolf-300: #bcb6af;
--color-timberwolf-400: #a59d95;
--color-timberwolf-500: #8d857b;
--color-timberwolf-600: #777068;
--color-timberwolf-700: #5f5a53;
--color-timberwolf-800: #46413d;
--color-timberwolf-900: #302d2a;
--color-timberwolf-950: #1d1a17;
}SCSS
$timberwolf: #b4aca3;
$timberwolf-rgb: 180, 172, 163;
$timberwolf-light: mix(#fff, $timberwolf, 20%);
$timberwolf-dark: mix(#000, $timberwolf, 20%);
.element {
color: $timberwolf;
box-shadow: 0 0 0 2px rgba($timberwolf, 0.35);
}