لون مسمّى · #96AFB7
Mountain Stream
Mountain Stream هو #96AFB7: rgb(150 175 183)، hsl(195 19% 65%)، oklch(0.738 0.03 219.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Mountain Stream color name →
#96AFB7
oklch(0.738 0.03 219.1)
تحويلات الألوان
- HEX
- #96afb7
- RGB
- rgb(150 175 183)
- HSL
- hsl(195 19% 65%)
- HWB
- hwb(195 59% 28%)
- OKLCH
- oklch(0.738 0.03 219.1)
- OKLab
- oklab(0.738 -0.023 -0.019)
- CIE Lab
- lab(69.75 -7.62 -7.15)
- LCH
- lch(69.75 10.46 223.2)
- CMYK
- cmyk(18% 4% 0% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A0B7BE
- AABFC5
- B5C6CC
- BFCED3
- CAD6DB
- D4DEE2
- DFE6E9
- E9EFF0
- F4F7F8
درجات داكنة
- 82989F
- 6E8187
- 5B6B70
- 49565A
- 374145
- 262E31
- 161C1E
- 080B0C
- 010102
درجات رمادية
- 94AAB1
- 92A5AC
- 90A1A6
- 8D9CA1
- 8B979B
- 899396
- 878E90
- 85898B
- 828585
تناسق الألوان
متمم +180°
- 96AFB7
Mountain Stream
- BCA49C
≈ Frontier Land
متجاور -30° +30°
- 96AFB7
Mountain Stream
- 96B1AE
≈ Smooth-Hound Shark
- 9CACBD
≈ Soaring Eagle
ثلاثي +120° +240°
- 96AFB7
Mountain Stream
- B8A3B0
≈ Buckwheat Mauve
- AEAB96
≈ Moss Grey
متمم منقسم +150° +210°
- 96AFB7
Mountain Stream
- BCA3A6
≈ Tourmaline Mauve
- B7A796
≈ El Capitan
رباعي +90° +180° +270°
- 96AFB7
Mountain Stream
- B0A5B9
≈ Bellflower Violet
- BCA49C
≈ Frontier Land
- A4AE9A
≈ Limestone Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.30:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.11:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mountain-stream: #96afb7;
--mountain-stream-rgb: 150 175 183;
--mountain-stream-oklch: oklch(0.738 0.03 219.1);
}
.element {
color: var(--mountain-stream);
background-color: hsl(195 19% 65%);
border-color: oklch(0.738 0.03 219.1);
}Tailwind CSS v4
@theme {
--color-mountain-stream: #96afb7;
--color-mountain-stream-50: #ecf7fb;
--color-mountain-stream-100: #deeaef;
--color-mountain-stream-200: #c7d7dd;
--color-mountain-stream-300: #a7bbc2;
--color-mountain-stream-400: #8ca3ab;
--color-mountain-stream-500: #718b94;
--color-mountain-stream-600: #60767d;
--color-mountain-stream-700: #4c5e64;
--color-mountain-stream-800: #374549;
--color-mountain-stream-900: #263033;
--color-mountain-stream-950: #141c1e;
}SCSS
$mountain-stream: #96afb7;
$mountain-stream-rgb: 150, 175, 183;
$mountain-stream-light: mix(#fff, $mountain-stream, 20%);
$mountain-stream-dark: mix(#000, $mountain-stream, 20%);
.element {
color: $mountain-stream;
box-shadow: 0 0 0 2px rgba($mountain-stream, 0.35);
}