لون مسمّى · #9F9484
Stone Grey
Stone Grey هو #9F9484: rgb(159 148 132)، hsl(36 12% 57%)، oklch(0.672 0.026 77.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Stone Grey color name →
#9F9484
oklch(0.672 0.026 77.4)
تحويلات الألوان
- HEX
- #9f9484
- RGB
- rgb(159 148 132)
- HSL
- hsl(36 12% 57%)
- HWB
- hwb(36 52% 38%)
- OKLCH
- oklch(0.672 0.026 77.4)
- OKLab
- oklab(0.672 0.006 0.026)
- CIE Lab
- lab(61.95 2.16 10.04)
- LCH
- lch(61.95 10.27 77.9)
- CMYK
- cmyk(0% 7% 17% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A89E90
- B2A99C
- BBB3A7
- C4BEB4
- CEC8C0
- D8D3CC
- E1DED9
- EBE9E5
- F5F4F2
درجات داكنة
- 8A8072
- 756D60
- 615A4F
- 4D483F
- 3B362F
- 292620
- 181612
- 090806
- 010101
درجات رمادية
- 9C9284
- 999083
- 968E83
- 938C83
- 8F8A82
- 8C8882
- 898681
- 868481
- 838280
تناسق الألوان
متمم +180°
- 9F9484
Stone Grey
- 8C97A6
≈ Approaching Dusk
متجاور -30° +30°
- 9F9484
Stone Grey
- A49188
≈ Casket
- 979785
≈ Elemental Green
ثلاثي +120° +240°
- 9F9484
Stone Grey
- 849B9B
≈ Shaded Hammock
- 9D91A1
≈ Amethyst Phlox
متمم منقسم +150° +210°
- 9F9484
Stone Grey
- 8599A3
≈ Evening Eclipse
- 9494A6
≈ Ash Violet
رباعي +90° +180° +270°
- 9F9484
Stone Grey
- 879B92
≈ Sutherland
- 8C97A6
≈ Approaching Dusk
- A38F99
≈ Nirvana
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.98:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.04:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--stone-grey: #9f9484;
--stone-grey-rgb: 159 148 132;
--stone-grey-oklch: oklch(0.672 0.026 77.4);
}
.element {
color: var(--stone-grey);
background-color: hsl(36 12% 57%);
border-color: oklch(0.672 0.026 77.4);
}Tailwind CSS v4
@theme {
--color-stone-grey: #9f9484;
--color-stone-grey-50: #f9f4ed;
--color-stone-grey-100: #ede7de;
--color-stone-grey-200: #dad3c8;
--color-stone-grey-300: #bfb6a9;
--color-stone-grey-400: #a79d8d;
--color-stone-grey-500: #908473;
--color-stone-grey-600: #7a7061;
--color-stone-grey-700: #625a4e;
--color-stone-grey-800: #484138;
--color-stone-grey-900: #322d27;
--color-stone-grey-950: #1e1a15;
}SCSS
$stone-grey: #9f9484;
$stone-grey-rgb: 159, 148, 132;
$stone-grey-light: mix(#fff, $stone-grey, 20%);
$stone-grey-dark: mix(#000, $stone-grey, 20%);
.element {
color: $stone-grey;
box-shadow: 0 0 0 2px rgba($stone-grey, 0.35);
}