لون مسمّى · #B2ACA2
Greyhound
Greyhound هو #B2ACA2: rgb(178 172 162)، hsl(38 9% 67%)، oklch(0.747 0.016 80.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Greyhound color name →
#B2ACA2
oklch(0.747 0.016 80.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B9B4AB
- C1BCB4
- C9C4BD
- D0CCC6
- D8D5D0
- E0DDD9
- E7E5E2
- EFEEEC
- F7F6F5
درجات داكنة
- 9A958C
- 837F77
- 6D6963
- 57544F
- 43403C
- 2F2D2A
- 1D1B19
- 0C0B0A
- 010101
درجات رمادية
- ADA89F
- A8A39B
- A39F98
- 9E9A94
- 999691
- 94918D
- 8F8D8A
- 8A8987
- 858483
تناسق الألوان
متمم +180°
- B2ACA2
Greyhound
- A7ADB7
≈ Jacaranda Light
متجاور -30° +30°
- B2ACA2
Greyhound
- B6AAA4
≈ Cement Greige
- ADAEA3
≈ Smoky White
ثلاثي +120° +240°
- B2ACA2
Greyhound
- A2B0B1
≈ Tempered Grey
- B2AAB3
≈ Endless Slumber
متمم منقسم +150° +210°
- B2ACA2
Greyhound
- A3AFB5
≈ Northern Light Grey
- ACABB6
≈ Velvet Grey
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.25:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.31:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
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);
}