لون مسمّى · #C1BBB1
Viaduct
Viaduct هو #C1BBB1: rgb(193 187 177)، hsl(37 11% 73%)، oklch(0.794 0.015 80.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Viaduct color name →
#C1BBB1
oklch(0.794 0.015 80.7)
تحويلات الألوان
- HEX
- #c1bbb1
- RGB
- rgb(193 187 177)
- HSL
- hsl(37 11% 73%)
- HWB
- hwb(37 69% 24%)
- OKLCH
- oklch(0.794 0.015 80.7)
- OKLab
- oklab(0.794 0.002 0.015)
- CIE Lab
- lab(76.16 0.88 5.87)
- LCH
- lch(76.16 5.94 81.5)
- CMYK
- cmyk(0% 3% 8% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C7C2B9
- CDC8C0
- D3CFC8
- D9D6D0
- E0DDD7
- E6E3DF
- ECEAE7
- F2F1EF
- F9F8F7
درجات داكنة
- A7A299
- 8F8A83
- 77736C
- 5F5C57
- 494642
- 34322F
- 201F1C
- 0E0D0C
- 020201
درجات رمادية
- BAB5AC
- B4AFA7
- ADA9A2
- A6A39D
- A09D98
- 999793
- 93918E
- 8D8B8A
- 868685
تناسق الألوان
متمم +180°
- C1BBB1
Viaduct
- B6BCC6
≈ Silverado Trail
متجاور -30° +30°
- C1BBB1
Viaduct
- C5B9B3
≈ Rubidium
- BCBDB2
≈ Soft Sage
ثلاثي +120° +240°
- C1BBB1
Viaduct
- B1BFC0
≈ Greenwich Village
- C1B9C2
≈ Pocketful of Posies
متمم منقسم +150° +210°
- C1BBB1
Viaduct
- B2BEC4
≈ Soothing Breeze
- BBBAC5
≈ Silverado Trail
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.90:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.01:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--viaduct: #c1bbb1;
--viaduct-rgb: 193 187 177;
--viaduct-oklch: oklch(0.794 0.015 80.7);
}
.element {
color: var(--viaduct);
background-color: hsl(37 11% 73%);
border-color: oklch(0.794 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-viaduct: #c1bbb1;
--color-viaduct-50: #f7f5f0;
--color-viaduct-100: #eae7e2;
--color-viaduct-200: #d7d4cd;
--color-viaduct-300: #bbb7af;
--color-viaduct-400: #a39e94;
--color-viaduct-500: #8b857b;
--color-viaduct-600: #767168;
--color-viaduct-700: #5e5a53;
--color-viaduct-800: #45423c;
--color-viaduct-900: #302d2a;
--color-viaduct-950: #1c1a17;
}SCSS
$viaduct: #c1bbb1;
$viaduct-rgb: 193, 187, 177;
$viaduct-light: mix(#fff, $viaduct, 20%);
$viaduct-dark: mix(#000, $viaduct, 20%);
.element {
color: $viaduct;
box-shadow: 0 0 0 2px rgba($viaduct, 0.35);
}