لون مسمّى · #B19D8D
Light Taupe
Light Taupe هو #B19D8D: rgb(177 157 141)، hsl(27 19% 62%)، oklch(0.709 0.033 60.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Taupe color name →
#B19D8D
oklch(0.709 0.033 60.9)
تحويلات الألوان
- HEX
- #b19d8d
- RGB
- rgb(177 157 141)
- HSL
- hsl(27 19% 62%)
- HWB
- hwb(27 55% 31%)
- OKLCH
- oklch(0.709 0.033 60.9)
- OKLab
- oklab(0.709 0.016 0.029)
- CIE Lab
- lab(66.19 5.66 11.23)
- LCH
- lch(66.19 12.58 63.2)
- CMYK
- cmyk(0% 11% 20% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B9A698
- C0B0A3
- C8BAAE
- D0C3B9
- D8CDC5
- DFD7D0
- E7E1DC
- EFEBE7
- F7F5F3
درجات داكنة
- 99887A
- 837367
- 6C5F55
- 574C44
- 423A33
- 2F2823
- 1C1814
- 0C0907
- 010101
درجات رمادية
- AC9A8C
- A7978A
- A29489
- 9D9188
- 988E87
- 938C85
- 8F8984
- 8A8683
- 858381
تناسق الألوان
متمم +180°
- B19D8D
Light Taupe
- 90A4B4
≈ Cats and Dogs
متجاور -30° +30°
- B19D8D
Light Taupe
- B59A95
≈ Iris Mauve
- A9A18A
≈ Sandy Bluff
ثلاثي +120° +240°
- B19D8D
Light Taupe
- 8CA8A2
≈ Tropical Cascade
- A49DB3
≈ Lazy Lavender
متمم منقسم +150° +210°
- B19D8D
Light Taupe
- 8AA7AD
≈ Stone Silver
- 99A1B6
≈ Silver Star
رباعي +90° +180° +270°
- B19D8D
Light Taupe
- 93A797
≈ Mantle
- 90A4B4
≈ Cats and Dogs
- AE9AAB
≈ Lilac Lustre
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.60:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 8.07:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-taupe: #b19d8d;
--light-taupe-rgb: 177 157 141;
--light-taupe-oklch: oklch(0.709 0.033 60.9);
}
.element {
color: var(--light-taupe);
background-color: hsl(27 19% 62%);
border-color: oklch(0.709 0.033 60.9);
}Tailwind CSS v4
@theme {
--color-light-taupe: #b19d8d;
--color-light-taupe-50: #fcf3ec;
--color-light-taupe-100: #f0e6dd;
--color-light-taupe-200: #dfd2c6;
--color-light-taupe-300: #c4b4a7;
--color-light-taupe-400: #ad9a8b;
--color-light-taupe-500: #978271;
--color-light-taupe-600: #806e5f;
--color-light-taupe-700: #66584c;
--color-light-taupe-800: #4b4037;
--color-light-taupe-900: #342c26;
--color-light-taupe-950: #201914;
}SCSS
$light-taupe: #b19d8d;
$light-taupe-rgb: 177, 157, 141;
$light-taupe-light: mix(#fff, $light-taupe, 20%);
$light-taupe-dark: mix(#000, $light-taupe, 20%);
.element {
color: $light-taupe;
box-shadow: 0 0 0 2px rgba($light-taupe, 0.35);
}