لون مسمّى · #BFB9A7
Historical Ruins
Historical Ruins هو #BFB9A7: rgb(191 185 167)، hsl(45 16% 70%)، oklch(0.786 0.026 91.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Historical Ruins color name →
#BFB9A7
oklch(0.786 0.026 91.7)
تحويلات الألوان
- HEX
- #bfb9a7
- RGB
- rgb(191 185 167)
- HSL
- hsl(45 16% 70%)
- HWB
- hwb(45 65% 25%)
- OKLCH
- oklch(0.786 0.026 91.7)
- OKLab
- oklab(0.786 -0.001 0.026)
- CIE Lab
- lab(75.27 -0.12 9.97)
- LCH
- lch(75.27 9.97 90.7)
- CMYK
- cmyk(0% 3% 13% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C5C0B0
- CCC7B8
- D2CEC1
- D8D5CA
- DFDCD2
- E5E3DB
- EBEAE4
- F2F1ED
- F8F8F6
درجات داكنة
- A6A091
- 8D897B
- 757166
- 5E5B52
- 48463E
- 33312C
- 1F1E1A
- 0D0D0A
- 020201
درجات رمادية
- B8B3A3
- B2AD9F
- ACA89B
- A5A297
- 9F9C93
- 99968F
- 92918C
- 8C8B88
- 868684
تناسق الألوان
متمم +180°
- BFB9A7
Historical Ruins
- B3B9CA
≈ Heritage
متجاور -30° +30°
- BFB9A7
Historical Ruins
- C6B6A9
≈ Boardwalk Sashay
- B6BCAA
≈ Cedar Mill
ثلاثي +120° +240°
- BFB9A7
Historical Ruins
- A7BEC3
≈ A-List Blue
- C4B3C1
≈ Masked Mauve
متمم منقسم +150° +210°
- BFB9A7
Historical Ruins
- ABBCC9
≈ Glacier Mist
- BCB6C7
≈ Wedding Flowers
رباعي +90° +180° +270°
- BFB9A7
Historical Ruins
- A8BFBA
≈ Harbour Grey
- B3B9CA
≈ Heritage
- C8B3B8
≈ Blossom Powder
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.96:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.71:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--historical-ruins: #bfb9a7;
--historical-ruins-rgb: 191 185 167;
--historical-ruins-oklch: oklch(0.786 0.026 91.7);
}
.element {
color: var(--historical-ruins);
background-color: hsl(45 16% 70%);
border-color: oklch(0.786 0.026 91.7);
}Tailwind CSS v4
@theme {
--color-historical-ruins: #bfb9a7;
--color-historical-ruins-50: #f7f5ed;
--color-historical-ruins-100: #ebe8de;
--color-historical-ruins-200: #d8d4c8;
--color-historical-ruins-300: #bcb7a9;
--color-historical-ruins-400: #a49e8e;
--color-historical-ruins-500: #8c8673;
--color-historical-ruins-600: #777162;
--color-historical-ruins-700: #5f5b4e;
--color-historical-ruins-800: #464238;
--color-historical-ruins-900: #302e27;
--color-historical-ruins-950: #1d1a15;
}SCSS
$historical-ruins: #bfb9a7;
$historical-ruins-rgb: 191, 185, 167;
$historical-ruins-light: mix(#fff, $historical-ruins, 20%);
$historical-ruins-dark: mix(#000, $historical-ruins, 20%);
.element {
color: $historical-ruins;
box-shadow: 0 0 0 2px rgba($historical-ruins, 0.35);
}