Benannte Farbe · #989192
Slate Violet
Slate Violet ist #989192: rgb(152 145 146), hsl(351 3% 58%), oklch(0.663 0.008 7.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Slate Violet color name →
#989192
oklch(0.663 0.008 7.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A29B9C
- ACA6A7
- B6B1B1
- C0BCBC
- CAC7C7
- D5D2D2
- DFDDDD
- EAE8E8
- F4F4F4
Shades
- 847D7E
- 706A6B
- 5C5858
- 4A4646
- 383535
- 272525
- 171516
- 080708
- 010101
Tones
- 968F90
- 938E8E
- 918C8D
- 8E8A8B
- 8C8889
- 8A8787
- 878585
- 858384
- 828282
Farbharmonien
Komplementär +180°
- 989192
Slate Violet
- 8E9594
≈ Millennium Silver
Analog -30° +30°
- 989192
Slate Violet
- 979195
≈ Slate Violet
- 98918F
≈ Mani
Triadisch +120° +240°
- 989192
Slate Violet
- 92948F
≈ Illusive Green
- 8F9498
≈ Grey Russian
Geteilt komplementär +150° +210°
- 989192
Slate Violet
- 8F9591
≈ Lost Soul Grey
- 8E9496
≈ Boulder Creek
Tetradisch +90° +180° +270°
- 989192
Slate Violet
- 94938D
≈ Winter Park
- 8E9594
≈ Millennium Silver
- 929398
≈ Fighter Jet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
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);
}