لون مسمّى · #989192
Slate Violet
Slate Violet هو #989192: rgb(152 145 146)، hsl(351 3% 58%)، oklch(0.663 0.008 7.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Slate Violet color name →
#989192
oklch(0.663 0.008 7.4)
تحويلات الألوان
- HEX
- #989192
- RGB
- rgb(152 145 146)
- HSL
- hsl(351 3% 58%)
- HWB
- hwb(351 57% 40%)
- OKLCH
- oklch(0.663 0.008 7.4)
- OKLab
- oklab(0.663 0.008 0.001)
- CIE Lab
- lab(60.81 2.81 0.44)
- LCH
- lch(60.81 2.85 8.9)
- CMYK
- cmyk(0% 5% 4% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A29B9C
- ACA6A7
- B6B1B1
- C0BCBC
- CAC7C7
- D5D2D2
- DFDDDD
- EAE8E8
- F4F4F4
درجات داكنة
- 847D7E
- 706A6B
- 5C5858
- 4A4646
- 383535
- 272525
- 171516
- 080708
- 010101
درجات رمادية
- 968F90
- 938E8E
- 918C8D
- 8E8A8B
- 8C8889
- 8A8787
- 878585
- 858384
- 828282
تناسق الألوان
متمم +180°
- 989192
Slate Violet
- 8E9594
≈ Millennium Silver
متجاور -30° +30°
- 989192
Slate Violet
- 979195
≈ Slate Violet
- 98918F
≈ Mani
ثلاثي +120° +240°
- 989192
Slate Violet
- 92948F
≈ Illusive Green
- 8F9498
≈ Grey Russian
متمم منقسم +150° +210°
- 989192
Slate Violet
- 8F9591
≈ Lost Soul Grey
- 8E9496
≈ Boulder Creek
رباعي +90° +180° +270°
- 989192
Slate Violet
- 94938D
≈ Winter Park
- 8E9594
≈ Millennium Silver
- 929398
≈ Fighter Jet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.08:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.80:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--slate-violet: #989192;
--slate-violet-rgb: 152 145 146;
--slate-violet-oklch: oklch(0.663 0.008 7.4);
}
.element {
color: var(--slate-violet);
background-color: hsl(351 3% 58%);
border-color: oklch(0.663 0.008 7.4);
}Tailwind CSS v4
@theme {
--color-slate-violet: #989192;
--color-slate-violet-50: #f7f4f4;
--color-slate-violet-100: #eae7e7;
--color-slate-violet-200: #d8d3d3;
--color-slate-violet-300: #bbb6b6;
--color-slate-violet-400: #a39c9d;
--color-slate-violet-500: #8b8485;
--color-slate-violet-600: #767071;
--color-slate-violet-700: #5e595a;
--color-slate-violet-800: #454142;
--color-slate-violet-900: #302d2d;
--color-slate-violet-950: #1c1a1a;
}SCSS
$slate-violet: #989192;
$slate-violet-rgb: 152, 145, 146;
$slate-violet-light: mix(#fff, $slate-violet, 20%);
$slate-violet-dark: mix(#000, $slate-violet, 20%);
.element {
color: $slate-violet;
box-shadow: 0 0 0 2px rgba($slate-violet, 0.35);
}