لون مسمّى · #BFBFB4
Light Year
Light Year هو #BFBFB4: rgb(191 191 180)، hsl(60 8% 73%)، oklch(0.802 0.015 106.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Year color name →
#BFBFB4
oklch(0.802 0.015 106.7)
تحويلات الألوان
- HEX
- #bfbfb4
- RGB
- rgb(191 191 180)
- HSL
- hsl(60 8% 73%)
- HWB
- hwb(60 71% 25%)
- OKLCH
- oklch(0.802 0.015 106.7)
- OKLab
- oklab(0.802 -0.004 0.015)
- CIE Lab
- lab(77.11 -1.47 5.57)
- LCH
- lch(77.11 5.76 104.8)
- CMYK
- cmyk(0% 0% 6% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C5C5BB
- CCCCC3
- D2D2CA
- D8D8D1
- DFDFD9
- E5E5E0
- EBEBE8
- F2F2F0
- F8F8F7
درجات داكنة
- A6A69C
- 8D8D85
- 75756E
- 5E5E58
- 484844
- 333330
- 1F1F1D
- 0D0D0C
- 020202
درجات رمادية
- B8B9AF
- B2B2A9
- ACACA4
- A5A59F
- 9F9F9A
- 999994
- 92928F
- 8C8C8A
- 868685
تناسق الألوان
متمم +180°
- BFBFB4
Light Year
- BDBDC8
≈ Great White
متجاور -30° +30°
- BFBFB4
Light Year
- C4BDB4
≈ Linnet
- BAC1B7
≈ Pumice
ثلاثي +120° +240°
- BFBFB4
Light Year
- B5C0C6
≈ Driftwood Blues
- C6BAC0
≈ Hazy Iris
متمم منقسم +150° +210°
- BFBFB4
Light Year
- B8BFC8
≈ Steampunk Grey
- C2BBC5
≈ Lace Wisteria
رباعي +90° +180° +270°
- BFBFB4
Light Year
- B4C1C1
≈ Jolene
- BDBDC8
≈ Great White
- C8BABB
≈ Mulberry Stain
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.85:1 · APCA Lc 35
Ag
AAAعلى الأسود
WCAG 11.32:1 · APCA Lc 68
أفضل لون للنص: #000000
WCAG 11.32:1 (AAA) · APCA Lc 68
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-year: #bfbfb4;
--light-year-rgb: 191 191 180;
--light-year-oklch: oklch(0.802 0.015 106.7);
}
.element {
color: var(--light-year);
background-color: hsl(60 8% 73%);
border-color: oklch(0.802 0.015 106.7);
}Tailwind CSS v4
@theme {
--color-light-year: #bfbfb4;
--color-light-year-50: #f5f5f1;
--color-light-year-100: #e8e8e3;
--color-light-year-200: #d4d5cd;
--color-light-year-300: #b8b8af;
--color-light-year-400: #9f9f95;
--color-light-year-500: #87877c;
--color-light-year-600: #727269;
--color-light-year-700: #5b5b54;
--color-light-year-800: #43433d;
--color-light-year-900: #2e2e2a;
--color-light-year-950: #1b1b17;
}SCSS
$light-year: #bfbfb4;
$light-year-rgb: 191, 191, 180;
$light-year-light: mix(#fff, $light-year, 20%);
$light-year-dark: mix(#000, $light-year, 20%);
.element {
color: $light-year;
box-shadow: 0 0 0 2px rgba($light-year, 0.35);
}