لون مسمّى · #C2CCC7
Knightsbridge Mist
Knightsbridge Mist هو #C2CCC7: rgb(194 204 199)، hsl(150 9% 78%)، oklch(0.836 0.013 164.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Knightsbridge Mist color name →
#C2CCC7
oklch(0.836 0.013 164.7)
تحويلات الألوان
- HEX
- #c2ccc7
- RGB
- rgb(194 204 199)
- HSL
- hsl(150 9% 78%)
- HWB
- hwb(150 76% 20%)
- OKLCH
- oklch(0.836 0.013 164.7)
- OKLab
- oklab(0.836 -0.012 0.003)
- CIE Lab
- lab(81.16 -4.24 1.25)
- LCH
- lch(81.16 4.42 163.5)
- CMYK
- cmyk(5% 0% 2% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C8D1CC
- CED6D2
- D4DBD8
- DAE0DD
- E0E5E3
- E6EAE8
- ECEFEE
- F3F5F4
- F9FAF9
درجات داكنة
- A8B1AD
- 8F9793
- 777E7A
- 606562
- 494E4C
- 343736
- 202221
- 0E0F0E
- 020202
درجات رمادية
- BBC4C0
- B4BCB8
- AEB5B1
- A7ADAA
- A0A5A3
- 9A9E9C
- 939695
- 8D8F8E
- 868787
تناسق الألوان
متمم +180°
- C2CCC7
Knightsbridge Mist
- D0C6CB
≈ Victorian Cottage
متجاور -30° +30°
- C2CCC7
Knightsbridge Mist
- C6CBC3
≈ Moss Ink
- C0CCCC
≈ Ice Flow
ثلاثي +120° +240°
- C2CCC7
Knightsbridge Mist
- C8C8D2
≈ Hyacinth Ice
- D1C7C2
≈ Bleached Bare
متمم منقسم +150° +210°
- C2CCC7
Knightsbridge Mist
- CCC7CF
≈ Chrome Chalice
- D1C6C6
≈ Vaguely Mauve
رباعي +90° +180° +270°
- C2CCC7
Knightsbridge Mist
- C4CAD2
≈ Light Spirit
- D0C6CB
≈ Victorian Cottage
- CEC8C0
≈ Vessel
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.64:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.75:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--knightsbridge-mist: #c2ccc7;
--knightsbridge-mist-rgb: 194 204 199;
--knightsbridge-mist-oklch: oklch(0.836 0.013 164.7);
}
.element {
color: var(--knightsbridge-mist);
background-color: hsl(150 9% 78%);
border-color: oklch(0.836 0.013 164.7);
}Tailwind CSS v4
@theme {
--color-knightsbridge-mist: #c2ccc7;
--color-knightsbridge-mist-50: #f2f6f4;
--color-knightsbridge-mist-100: #e4e9e7;
--color-knightsbridge-mist-200: #cfd6d3;
--color-knightsbridge-mist-300: #b2bab6;
--color-knightsbridge-mist-400: #98a19c;
--color-knightsbridge-mist-500: #7f8984;
--color-knightsbridge-mist-600: #6b7470;
--color-knightsbridge-mist-700: #565d59;
--color-knightsbridge-mist-800: #3f4441;
--color-knightsbridge-mist-900: #2b2f2d;
--color-knightsbridge-mist-950: #181b1a;
}SCSS
$knightsbridge-mist: #c2ccc7;
$knightsbridge-mist-rgb: 194, 204, 199;
$knightsbridge-mist-light: mix(#fff, $knightsbridge-mist, 20%);
$knightsbridge-mist-dark: mix(#000, $knightsbridge-mist, 20%);
.element {
color: $knightsbridge-mist;
box-shadow: 0 0 0 2px rgba($knightsbridge-mist, 0.35);
}