لون مسمّى · #C6C7C5
Autonomous
Autonomous هو #C6C7C5: rgb(198 199 197)، hsl(90 2% 78%)، oklch(0.828 0.003 128.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Autonomous color name →
#C6C7C5
oklch(0.828 0.003 128.5)
تحويلات الألوان
- HEX
- #c6c7c5
- RGB
- rgb(198 199 197)
- HSL
- hsl(90 2% 78%)
- HWB
- hwb(90 77% 22%)
- OKLCH
- oklch(0.828 0.003 128.5)
- OKLab
- oklab(0.828 -0.002 0.002)
- CIE Lab
- lab(80.12 -0.63 0.88)
- LCH
- lch(80.12 1.08 125.8)
- CMYK
- cmyk(1% 0% 1% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CCCCCB
- D1D2D0
- D7D8D6
- DCDDDC
- E2E3E2
- E8E8E7
- EEEEED
- F3F4F3
- F9F9F9
درجات داكنة
- ACADAB
- 929392
- 7A7A79
- 626261
- 4B4C4B
- 353635
- 212121
- 0E0E0E
- 020202
درجات رمادية
- BFC0BE
- B8B8B7
- B0B1B0
- A9AAA9
- A2A3A2
- 9B9C9B
- 949594
- 8E8E8D
- 878787
تناسق الألوان
متمم +180°
- C6C7C5
Autonomous
- C7C6C8
≈ Shining Silver
متجاور -30° +30°
- C6C7C5
Autonomous
- C7C7C5
≈ Autonomous
- C5C7C6
≈ Autonomous
ثلاثي +120° +240°
- C6C7C5
Autonomous
- C5C7C8
≈ Shining Silver
- C8C6C6
≈ Silver Polish
متمم منقسم +150° +210°
- C6C7C5
Autonomous
- C6C6C9
≈ Shining Silver
- C8C6C7
≈ Shining Silver
رباعي +90° +180° +270°
- C6C7C5
Autonomous
- C5C7C8
≈ Shining Silver
- C7C6C8
≈ Shining Silver
- C8C6C5
≈ Grey Dolphin
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.69:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.37:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--autonomous: #c6c7c5;
--autonomous-rgb: 198 199 197;
--autonomous-oklch: oklch(0.828 0.003 128.5);
}
.element {
color: var(--autonomous);
background-color: hsl(90 2% 78%);
border-color: oklch(0.828 0.003 128.5);
}Tailwind CSS v4
@theme {
--color-autonomous: #c6c7c5;
--color-autonomous-50: #f5f5f4;
--color-autonomous-100: #e7e8e7;
--color-autonomous-200: #d4d4d3;
--color-autonomous-300: #b7b8b6;
--color-autonomous-400: #9e9f9d;
--color-autonomous-500: #858684;
--color-autonomous-600: #717270;
--color-autonomous-700: #5a5b5a;
--color-autonomous-800: #424241;
--color-autonomous-900: #2e2e2d;
--color-autonomous-950: #1a1b1a;
}SCSS
$autonomous: #c6c7c5;
$autonomous-rgb: 198, 199, 197;
$autonomous-light: mix(#fff, $autonomous, 20%);
$autonomous-dark: mix(#000, $autonomous, 20%);
.element {
color: $autonomous;
box-shadow: 0 0 0 2px rgba($autonomous, 0.35);
}