Benannte Farbe · #606E74
Slate Tile
Slate Tile ist #606E74: rgb(96 110 116), hsl(198 9% 42%), oklch(0.529 0.019 225.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Slate Tile color name →
#606E74
oklch(0.529 0.019 225.5)
Farbumrechnungen
- HEX
- #606e74
- RGB
- rgb(96 110 116)
- HSL
- hsl(198 9% 42%)
- HWB
- hwb(198 38% 55%)
- OKLCH
- oklch(0.529 0.019 225.5)
- OKLab
- oklab(0.529 -0.014 -0.014)
- CIE Lab
- lab(45.41 -4.42 -5.23)
- LCH
- lch(45.41 6.84 229.8)
- CMYK
- cmyk(17% 5% 0% 55%)
Tints · Shades · Tones
Tints
- 6F7B81
- 7E898E
- 8D979C
- 9CA5A9
- ACB4B7
- BCC2C5
- CDD1D3
- DDE0E2
- EEF0F0
Shades
- 525F64
- 455054
- 384145
- 2C3337
- 202629
- 15191B
- 0A0E0F
- 030405
- 000101
Tones
- 637075
- 667276
- 6A7378
- 6D7579
- 70777A
- 73797B
- 767B7C
- 7A7C7E
- 7D7E7F
Farbharmonien
Komplementär +180°
- 606E74
Slate Tile
- 766862
≈ Garret Brown
Analog -30° +30°
- 606E74
Slate Tile
- 5F6F6F
≈ Wrapped in Twilight
- 646C77
≈ Noctis
Triadisch +120° +240°
- 606E74
Slate Tile
- 74676E
≈ Rhapsody Rap
- 6D6C60
≈ Knit Cardigan
Geteilt komplementär +150° +210°
- 606E74
Slate Tile
- 766768
≈ Night Skyscraper
- 726A5F
≈ Pony Express
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.27:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.97:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--slate-tile: #606e74;
--slate-tile-rgb: 96 110 116;
--slate-tile-oklch: oklch(0.529 0.019 225.5);
}
.element {
color: var(--slate-tile);
background-color: hsl(198 9% 42%);
border-color: oklch(0.529 0.019 225.5);
}Tailwind CSS v4
@theme {
--color-slate-tile: #606e74;
--color-slate-tile-50: #f0f6f9;
--color-slate-tile-100: #e2e9ed;
--color-slate-tile-200: #ccd6db;
--color-slate-tile-300: #aebabf;
--color-slate-tile-400: #93a1a7;
--color-slate-tile-500: #798990;
--color-slate-tile-600: #67747a;
--color-slate-tile-700: #525d61;
--color-slate-tile-800: #3b4447;
--color-slate-tile-900: #292f31;
--color-slate-tile-950: #171b1d;
}SCSS
$slate-tile: #606e74;
$slate-tile-rgb: 96, 110, 116;
$slate-tile-light: mix(#fff, $slate-tile, 20%);
$slate-tile-dark: mix(#000, $slate-tile, 20%);
.element {
color: $slate-tile;
box-shadow: 0 0 0 2px rgba($slate-tile, 0.35);
}