Nazwany kolor · #B2ACA2
Greyhound
Greyhound to #B2ACA2: rgb(178 172 162), hsl(38 9% 67%), oklch(0.747 0.016 80.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Greyhound color name →
#B2ACA2
oklch(0.747 0.016 80.7)
Konwersje koloru
- HEX
- #b2aca2
- RGB
- rgb(178 172 162)
- HSL
- hsl(38 9% 67%)
- HWB
- hwb(38 64% 30%)
- OKLCH
- oklch(0.747 0.016 80.7)
- OKLab
- oklab(0.747 0.003 0.015)
- CIE Lab
- lab(70.64 0.9 5.97)
- LCH
- lch(70.64 6.03 81.5)
- CMYK
- cmyk(0% 3% 9% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9B4AB
- C1BCB4
- C9C4BD
- D0CCC6
- D8D5D0
- E0DDD9
- E7E5E2
- EFEEEC
- F7F6F5
Odcienie ciemniejsze
- 9A958C
- 837F77
- 6D6963
- 57544F
- 43403C
- 2F2D2A
- 1D1B19
- 0C0B0A
- 010101
Tony
- ADA89F
- A8A39B
- A39F98
- 9E9A94
- 999691
- 94918D
- 8F8D8A
- 8A8987
- 858483
Harmonie kolorów
Komplementarna +180°
- B2ACA2
Greyhound
- A7ADB7
≈ Jacaranda Light
Analogowa -30° +30°
- B2ACA2
Greyhound
- B6AAA4
≈ Cement Greige
- ADAEA3
≈ Smoky White
Triada +120° +240°
- B2ACA2
Greyhound
- A2B0B1
≈ Tempered Grey
- B2AAB3
≈ Endless Slumber
Komplementarna rozszczepiona +150° +210°
- B2ACA2
Greyhound
- A3AFB5
≈ Northern Light Grey
- ACABB6
≈ Velvet Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.31:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--greyhound: #b2aca2;
--greyhound-rgb: 178 172 162;
--greyhound-oklch: oklch(0.747 0.016 80.7);
}
.element {
color: var(--greyhound);
background-color: hsl(38 9% 67%);
border-color: oklch(0.747 0.016 80.7);
}Tailwind CSS v4
@theme {
--color-greyhound: #b2aca2;
--color-greyhound-50: #f7f5f0;
--color-greyhound-100: #eae7e2;
--color-greyhound-200: #d7d4cd;
--color-greyhound-300: #bbb7af;
--color-greyhound-400: #a39e94;
--color-greyhound-500: #8c857b;
--color-greyhound-600: #767168;
--color-greyhound-700: #5e5a53;
--color-greyhound-800: #45423c;
--color-greyhound-900: #302d29;
--color-greyhound-950: #1c1a17;
}SCSS
$greyhound: #b2aca2;
$greyhound-rgb: 178, 172, 162;
$greyhound-light: mix(#fff, $greyhound, 20%);
$greyhound-dark: mix(#000, $greyhound, 20%);
.element {
color: $greyhound;
box-shadow: 0 0 0 2px rgba($greyhound, 0.35);
}