لون مسمّى · #C0C4C6
Galactic Tint
Galactic Tint هو #C0C4C6: rgb(192 196 198)، hsl(200 5% 76%)، oklch(0.818 0.005 228.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Galactic Tint color name →
#C0C4C6
oklch(0.818 0.005 228.8)
تحويلات الألوان
- HEX
- #c0c4c6
- RGB
- rgb(192 196 198)
- HSL
- hsl(200 5% 76%)
- HWB
- hwb(200 75% 22%)
- OKLCH
- oklch(0.818 0.005 228.8)
- OKLab
- oklab(0.818 -0.003 -0.004)
- CIE Lab
- lab(78.88 -1.15 -1.51)
- LCH
- lch(78.88 1.9 232.8)
- CMYK
- cmyk(3% 1% 0% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C6CACC
- CCD0D1
- D3D5D7
- D9DBDC
- DFE1E2
- E5E7E8
- ECEDEE
- F2F3F3
- F9F9F9
درجات داكنة
- A7AAAC
- 8E9192
- 76787A
- 5F6162
- 494A4B
- 343535
- 202121
- 0E0E0E
- 020202
درجات رمادية
- B9BDBF
- B3B6B8
- ACAFB0
- A6A8A9
- 9FA1A2
- 999B9B
- 939494
- 8C8D8E
- 868787
تناسق الألوان
متمم +180°
- C0C4C6
Galactic Tint
- C6C2C0
≈ Place of Dust
متجاور -30° +30°
- C0C4C6
Galactic Tint
- C0C4C4
≈ Foil
- C1C3C7
≈ Pico Metal
ثلاثي +120° +240°
- C0C4C6
Galactic Tint
- C6C2C4
≈ Such Melodrama
- C3C4C0
≈ Granitine
متمم منقسم +150° +210°
- C0C4C6
Galactic Tint
- C7C2C2
≈ White Flag
- C5C3C0
≈ Place of Dust
رباعي +90° +180° +270°
- C0C4C6
Galactic Tint
- C5C2C5
≈ Such Melodrama
- C6C2C0
≈ Place of Dust
- C2C4C1
≈ Granitine
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.75:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.95:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--galactic-tint: #c0c4c6;
--galactic-tint-rgb: 192 196 198;
--galactic-tint-oklch: oklch(0.818 0.005 228.8);
}
.element {
color: var(--galactic-tint);
background-color: hsl(200 5% 76%);
border-color: oklch(0.818 0.005 228.8);
}Tailwind CSS v4
@theme {
--color-galactic-tint: #c0c4c6;
--color-galactic-tint-50: #f4f5f6;
--color-galactic-tint-100: #e6e8e9;
--color-galactic-tint-200: #d2d5d6;
--color-galactic-tint-300: #b5b8b9;
--color-galactic-tint-400: #9b9fa1;
--color-galactic-tint-500: #838789;
--color-galactic-tint-600: #6f7274;
--color-galactic-tint-700: #585b5d;
--color-galactic-tint-800: #404344;
--color-galactic-tint-900: #2c2e2f;
--color-galactic-tint-950: #1a1b1b;
}SCSS
$galactic-tint: #c0c4c6;
$galactic-tint-rgb: 192, 196, 198;
$galactic-tint-light: mix(#fff, $galactic-tint, 20%);
$galactic-tint-dark: mix(#000, $galactic-tint, 20%);
.element {
color: $galactic-tint;
box-shadow: 0 0 0 2px rgba($galactic-tint, 0.35);
}