Benannte Farbe · #A1A18F
Smoky Slate
Smoky Slate ist #A1A18F: rgb(161 161 143), hsl(60 9% 60%), oklch(0.704 0.026 107). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoky Slate color name →
#A1A18F
oklch(0.704 0.026 107)
Farbumrechnungen
- HEX
- #a1a18f
- RGB
- rgb(161 161 143)
- HSL
- hsl(60 9% 60%)
- HWB
- hwb(60 56% 37%)
- OKLCH
- oklch(0.704 0.026 107)
- OKLab
- oklab(0.704 -0.007 0.024)
- CIE Lab
- lab(65.86 -2.42 9.42)
- LCH
- lch(65.86 9.72 104.4)
- CMYK
- cmyk(0% 0% 11% 37%)
Tints · Shades · Tones
Tints
- AAAA9A
- B3B3A5
- BCBCAF
- C6C6BB
- CFCFC6
- D8D8D1
- E2E2DC
- ECECE8
- F5F5F3
Shades
- 8B8B7C
- 767669
- 626257
- 4E4E45
- 3C3C34
- 2A2A24
- 191915
- 090907
- 010101
Tones
- 9E9E8E
- 9A9A8C
- 97978B
- 949489
- 909088
- 8D8D86
- 8A8A85
- 868783
- 838382
Farbharmonien
Komplementär +180°
- A1A18F
Smoky Slate
- 9E9EAF
≈ Santas Grey
Analog -30° +30°
- A1A18F
Smoky Slate
- A99E8E
≈ Stonehenge Greige
- 98A494
≈ Spring Spirits
Triadisch +120° +240°
- A1A18F
Smoky Slate
- 90A3AC
≈ Galleria Blue
- AC9AA3
≈ Laylock
Geteilt komplementär +150° +210°
- A1A18F
Smoky Slate
- 96A1B0
≈ Robotic Gods
- A69BAA
≈ Seeress
Tetradisch +90° +180° +270°
- A1A18F
Smoky Slate
- 8EA5A5
≈ October Sky
- 9E9EAF
≈ Santas Grey
- AF9A9A
≈ Heirloom Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.00:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--smoky-slate: #a1a18f;
--smoky-slate-rgb: 161 161 143;
--smoky-slate-oklch: oklch(0.704 0.026 107);
}
.element {
color: var(--smoky-slate);
background-color: hsl(60 9% 60%);
border-color: oklch(0.704 0.026 107);
}Tailwind CSS v4
@theme {
--color-smoky-slate: #a1a18f;
--color-smoky-slate-50: #f5f6ee;
--color-smoky-slate-100: #e8e9df;
--color-smoky-slate-200: #d5d5c9;
--color-smoky-slate-300: #b8b9aa;
--color-smoky-slate-400: #a0a08f;
--color-smoky-slate-500: #888874;
--color-smoky-slate-600: #737363;
--color-smoky-slate-700: #5c5c4f;
--color-smoky-slate-800: #434339;
--color-smoky-slate-900: #2f2e27;
--color-smoky-slate-950: #1b1b15;
}SCSS
$smoky-slate: #a1a18f;
$smoky-slate-rgb: 161, 161, 143;
$smoky-slate-light: mix(#fff, $smoky-slate, 20%);
$smoky-slate-dark: mix(#000, $smoky-slate, 20%);
.element {
color: $smoky-slate;
box-shadow: 0 0 0 2px rgba($smoky-slate, 0.35);
}