لون مسمّى · #C7C7C9
Shining Silver
Shining Silver هو #C7C7C9: rgb(199 199 201)، hsl(240 2% 78%)، oklch(0.83 0.003 286.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Shining Silver color name →
#C7C7C9
oklch(0.83 0.003 286.3)
تحويلات الألوان
- HEX
- #c7c7c9
- RGB
- rgb(199 199 201)
- HSL
- hsl(240 2% 78%)
- HWB
- hwb(240 78% 21%)
- OKLCH
- oklch(0.83 0.003 286.3)
- OKLab
- oklab(0.83 0.001 -0.003)
- CIE Lab
- lab(80.29 0.27 -1)
- LCH
- lch(80.29 1.04 285.3)
- CMYK
- cmyk(1% 1% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CCCCCE
- D2D2D4
- D8D8D9
- DDDDDE
- E3E3E4
- E8E8E9
- EEEEEF
- F4F4F4
- F9F9F9
درجات داكنة
- ADADAE
- 939395
- 7A7A7C
- 626264
- 4C4C4C
- 363636
- 212122
- 0E0E0F
- 020202
درجات رمادية
- C0C0C1
- B8B8BA
- B1B1B2
- AAAAAB
- A3A3A4
- 9C9C9C
- 959595
- 8E8E8E
- 878787
تناسق الألوان
متمم +180°
- C7C7C9
Shining Silver
- C7C7C5
≈ Autonomous
متجاور -30° +30°
- C7C7C9
Shining Silver
- C6C7C9
≈ Shining Silver
- C8C7C8
≈ Shining Silver
ثلاثي +120° +240°
- C7C7C9
Shining Silver
- C9C7C6
≈ Grey Dolphin
- C6C8C7
≈ Paternoster
متمم منقسم +150° +210°
- C7C7C9
Shining Silver
- C8C7C5
≈ Grey Dolphin
- C6C8C6
≈ Autonomous
رباعي +90° +180° +270°
- C7C7C9
Shining Silver
- C9C7C7
≈ Paternoster
- C7C7C5
≈ Autonomous
- C5C8C8
≈ Brushed Metal
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.68:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.44:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shining-silver: #c7c7c9;
--shining-silver-rgb: 199 199 201;
--shining-silver-oklch: oklch(0.83 0.003 286.3);
}
.element {
color: var(--shining-silver);
background-color: hsl(240 2% 78%);
border-color: oklch(0.83 0.003 286.3);
}Tailwind CSS v4
@theme {
--color-shining-silver: #c7c7c9;
--color-shining-silver-50: #f5f5f6;
--color-shining-silver-100: #e8e8e9;
--color-shining-silver-200: #d4d4d5;
--color-shining-silver-300: #b7b7b9;
--color-shining-silver-400: #9e9ea0;
--color-shining-silver-500: #868688;
--color-shining-silver-600: #717173;
--color-shining-silver-700: #5b5b5c;
--color-shining-silver-800: #424243;
--color-shining-silver-900: #2e2e2e;
--color-shining-silver-950: #1a1a1b;
}SCSS
$shining-silver: #c7c7c9;
$shining-silver-rgb: 199, 199, 201;
$shining-silver-light: mix(#fff, $shining-silver, 20%);
$shining-silver-dark: mix(#000, $shining-silver, 20%);
.element {
color: $shining-silver;
box-shadow: 0 0 0 2px rgba($shining-silver, 0.35);
}