لون مسمّى · #9FA6B3
Great Falls
Great Falls هو #9FA6B3: rgb(159 166 179)، hsl(219 12% 66%)، oklch(0.724 0.02 263). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Great Falls color name →
#9FA6B3
oklch(0.724 0.02 263)
تحويلات الألوان
- HEX
- #9fa6b3
- RGB
- rgb(159 166 179)
- HSL
- hsl(219 12% 66%)
- HWB
- hwb(219 62% 30%)
- OKLCH
- oklch(0.724 0.02 263)
- OKLab
- oklab(0.724 -0.002 -0.02)
- CIE Lab
- lab(67.86 -0.59 -7.63)
- LCH
- lch(67.86 7.65 265.6)
- CMYK
- cmyk(11% 7% 0% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A8AFBA
- B2B7C2
- BBC0C9
- C4C9D1
- CED2D8
- D8DBE0
- E1E4E8
- EBEDEF
- F5F6F7
درجات داكنة
- 8A909B
- 757A84
- 61656E
- 4D5158
- 3B3E43
- 292B2F
- 181A1D
- 090A0C
- 010101
درجات رمادية
- 9CA2AE
- 999EA9
- 969AA3
- 92979E
- 8F9399
- 8C8F94
- 898B8F
- 86878A
- 838485
تناسق الألوان
متمم +180°
- 9FA6B3
Great Falls
- ACA598
≈ Tornado Watch
متجاور -30° +30°
- 9FA6B3
Great Falls
- 9AA8B1
≈ Nor’wester
- A6A4B2
≈ Luxe Lilac
ثلاثي +120° +240°
- 9FA6B3
Great Falls
- B2A1A0
≈ Dusky Hyacinth
- 9FA99E
≈ Secret Retreat
متمم منقسم +150° +210°
- 9FA6B3
Great Falls
- B1A39A
≈ Moleskin
- A5A799
≈ Backdrop
رباعي +90° +180° +270°
- 9FA6B3
Great Falls
- B1A1A7
≈ Flexible Grey
- ACA598
≈ Tornado Watch
- 99AAA4
≈ Halcyon Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.44:1 · APCA Lc 48
Ag
AAAعلى الأسود
WCAG 8.57:1 · APCA Lc 54
أفضل لون للنص: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--great-falls: #9fa6b3;
--great-falls-rgb: 159 166 179;
--great-falls-oklch: oklch(0.724 0.02 263);
}
.element {
color: var(--great-falls);
background-color: hsl(219 12% 66%);
border-color: oklch(0.724 0.02 263);
}Tailwind CSS v4
@theme {
--color-great-falls: #9fa6b3;
--color-great-falls-50: #f2f5fb;
--color-great-falls-100: #e4e8ef;
--color-great-falls-200: #d0d4dd;
--color-great-falls-300: #b2b7c2;
--color-great-falls-400: #989fab;
--color-great-falls-500: #7f8694;
--color-great-falls-600: #6c727d;
--color-great-falls-700: #565b64;
--color-great-falls-800: #3e434a;
--color-great-falls-900: #2b2e33;
--color-great-falls-950: #181b1f;
}SCSS
$great-falls: #9fa6b3;
$great-falls-rgb: 159, 166, 179;
$great-falls-light: mix(#fff, $great-falls, 20%);
$great-falls-dark: mix(#000, $great-falls, 20%);
.element {
color: $great-falls;
box-shadow: 0 0 0 2px rgba($great-falls, 0.35);
}