Benannte Farbe · #8E8583
Mine Rock
Mine Rock ist #8E8583: rgb(142 133 131), hsl(11 5% 54%), oklch(0.624 0.011 32.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mine Rock color name →
#8E8583
oklch(0.624 0.011 32.5)
Farbumrechnungen
- HEX
- #8e8583
- RGB
- rgb(142 133 131)
- HSL
- hsl(11 5% 54%)
- HWB
- hwb(11 51% 44%)
- OKLCH
- oklch(0.624 0.011 32.5)
- OKLab
- oklab(0.624 0.01 0.006)
- CIE Lab
- lab(56.3 3.22 2.36)
- LCH
- lch(56.3 4 36.2)
- CMYK
- cmyk(0% 6% 8% 44%)
Tints · Shades · Tones
Tints
- 99918F
- A49C9B
- AFA8A7
- BAB4B3
- C5C0BF
- D0CCCC
- DCD9D8
- E7E5E5
- F3F2F2
Shades
- 7B7371
- 686160
- 56504F
- 44403F
- 34302F
- 242120
- 151312
- 070606
- 010101
Tones
- 8D8583
- 8B8482
- 8A8482
- 888382
- 878382
- 868281
- 848281
- 838181
- 818180
Farbharmonien
Komplementär +180°
- 8E8583
Mine Rock
- 80898B
≈ Pirate Silver
Analog -30° +30°
- 8E8583
Mine Rock
- 8E8587
≈ Purpura
- 8D8681
≈ Petrified
Triadisch +120° +240°
- 8E8583
Mine Rock
- 828984
≈ Valley Hills
- 85878E
≈ Whale Tail
Geteilt komplementär +150° +210°
- 8E8583
Mine Rock
- 808A88
≈ Pirate Silver
- 82888E
≈ Monument
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.60:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.83:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--mine-rock: #8e8583;
--mine-rock-rgb: 142 133 131;
--mine-rock-oklch: oklch(0.624 0.011 32.5);
}
.element {
color: var(--mine-rock);
background-color: hsl(11 5% 54%);
border-color: oklch(0.624 0.011 32.5);
}Tailwind CSS v4
@theme {
--color-mine-rock: #8e8583;
--color-mine-rock-50: #f8f4f3;
--color-mine-rock-100: #ebe7e5;
--color-mine-rock-200: #d9d3d1;
--color-mine-rock-300: #bdb5b3;
--color-mine-rock-400: #a59c9a;
--color-mine-rock-500: #8d8481;
--color-mine-rock-600: #786f6e;
--color-mine-rock-700: #605958;
--color-mine-rock-800: #464140;
--color-mine-rock-900: #312d2c;
--color-mine-rock-950: #1d1a19;
}SCSS
$mine-rock: #8e8583;
$mine-rock-rgb: 142, 133, 131;
$mine-rock-light: mix(#fff, $mine-rock, 20%);
$mine-rock-dark: mix(#000, $mine-rock, 20%);
.element {
color: $mine-rock;
box-shadow: 0 0 0 2px rgba($mine-rock, 0.35);
}