Colore con nome · #ACAEB1
Grey Timberwolf
Grey Timberwolf è #ACAEB1: rgb(172 174 177), hsl(216 3% 68%), oklch(0.75 0.005 258.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Timberwolf color name →
#ACAEB1
oklch(0.75 0.005 258.3)
Conversioni di colore
- HEX
- #acaeb1
- RGB
- rgb(172 174 177)
- HSL
- hsl(216 3% 68%)
- HWB
- hwb(216 67% 31%)
- OKLCH
- oklch(0.75 0.005 258.3)
- OKLab
- oklab(0.75 -0.001 -0.005)
- CIE Lab
- lab(71 -0.3 -1.8)
- LCH
- lch(71 1.83 260.4)
- CMYK
- cmyk(3% 2% 0% 31%)
Tinte · Ombre · Toni
Tinte
- B4B6B9
- BCBEC0
- C4C6C8
- CCCED0
- D5D6D7
- DDDEDF
- E5E6E7
- EEEEEF
- F6F7F7
Ombre
- 959799
- 7F8083
- 696A6C
- 545557
- 404142
- 2D2E2F
- 1B1C1C
- 0B0B0C
- 010101
Toni
- A7A9AC
- A3A5A7
- 9FA0A2
- 9A9B9D
- 969798
- 919293
- 8D8E8E
- 89898A
- 848485
Armonie di colore
Complementare +180°
- ACAEB1
Grey Timberwolf
- B0AEAB
≈ Industrial Age
Analogo -30° +30°
- ACAEB1
Grey Timberwolf
- ABAFB0
≈ Grey Mirage
- AEADB1
≈ Grey Timberwolf
Triadico +120° +240°
- ACAEB1
Grey Timberwolf
- B1ADAD
≈ Industrial Age
- ACAFAC
≈ Mineral Deposit
Complementare divisa +150° +210°
- ACAEB1
Grey Timberwolf
- B1ADAB
≈ Smoky Wings
- AEAEAB
≈ Silver Chalice
Tetradico +90° +180° +270°
- ACAEB1
Grey Timberwolf
- B0ADAE
≈ Industrial Age
- B0AEAB
≈ Industrial Age
- ABAFAD
≈ Grey Mirage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.44:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-timberwolf: #acaeb1;
--grey-timberwolf-rgb: 172 174 177;
--grey-timberwolf-oklch: oklch(0.75 0.005 258.3);
}
.element {
color: var(--grey-timberwolf);
background-color: hsl(216 3% 68%);
border-color: oklch(0.75 0.005 258.3);
}Tailwind CSS v4
@theme {
--color-grey-timberwolf: #acaeb1;
--color-grey-timberwolf-50: #f4f5f6;
--color-grey-timberwolf-100: #e7e8e9;
--color-grey-timberwolf-200: #d3d4d6;
--color-grey-timberwolf-300: #b6b7ba;
--color-grey-timberwolf-400: #9d9ea1;
--color-grey-timberwolf-500: #848689;
--color-grey-timberwolf-600: #707274;
--color-grey-timberwolf-700: #595b5d;
--color-grey-timberwolf-800: #414244;
--color-grey-timberwolf-900: #2d2e2f;
--color-grey-timberwolf-950: #1a1b1c;
}SCSS
$grey-timberwolf: #acaeb1;
$grey-timberwolf-rgb: 172, 174, 177;
$grey-timberwolf-light: mix(#fff, $grey-timberwolf, 20%);
$grey-timberwolf-dark: mix(#000, $grey-timberwolf, 20%);
.element {
color: $grey-timberwolf;
box-shadow: 0 0 0 2px rgba($grey-timberwolf, 0.35);
}