Benannte Farbe · #8D6A4A
Slippery Stone
Slippery Stone ist #8D6A4A: rgb(141 106 74), hsl(29 31% 42%), oklch(0.552 0.064 63.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Slippery Stone color name →
#8D6A4A
oklch(0.552 0.064 63.3)
Farbumrechnungen
- HEX
- #8d6a4a
- RGB
- rgb(141 106 74)
- HSL
- hsl(29 31% 42%)
- HWB
- hwb(29 29% 45%)
- OKLCH
- oklch(0.552 0.064 63.3)
- OKLab
- oklab(0.552 0.029 0.057)
- CIE Lab
- lab(47.85 11.32 23.65)
- LCH
- lch(47.85 26.22 64.4)
- CMYK
- cmyk(0% 25% 48% 45%)
Tints · Shades · Tones
Tints
- 98785B
- A3866C
- AF957E
- BAA390
- C5B2A1
- D1C1B4
- DCD0C6
- E8E0D9
- F3EFEC
Shades
- 7A5B3F
- 674D35
- 553F2A
- 443120
- 332417
- 23180E
- 140D06
- 070402
- 010000
Tones
- 8C6C50
- 8B6F55
- 8A715B
- 887360
- 877566
- 86786B
- 847A70
- 837C76
- 827E7B
Farbharmonien
Komplementär +180°
- 8D6A4A
Slippery Stone
- 507795
≈ Beach View
Analog -30° +30°
- 8D6A4A
Slippery Stone
- 94645A
≈ Umenezumi Plum
- 7F7145
≈ Olive Shade
Triadisch +120° +240°
- 8D6A4A
Slippery Stone
- 437E76
≈ Azurite Water Green
- 7A6991
≈ Nymph’s Delight
Geteilt komplementär +150° +210°
- 8D6A4A
Slippery Stone
- 417C89
≈ Mysterious Blue
- 667098
≈ Blueberry Patch
Tetradisch +90° +180° +270°
- 8D6A4A
Slippery Stone
- 547D60
≈ Green Mantle
- 507795
≈ Beach View
- 896482
≈ Orchid Orchestra
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.29:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--slippery-stone: #8d6a4a;
--slippery-stone-rgb: 141 106 74;
--slippery-stone-oklch: oklch(0.552 0.064 63.3);
}
.element {
color: var(--slippery-stone);
background-color: hsl(29 31% 42%);
border-color: oklch(0.552 0.064 63.3);
}Tailwind CSS v4
@theme {
--color-slippery-stone: #8d6a4a;
--color-slippery-stone-50: #fff2e2;
--color-slippery-stone-100: #f7e4d2;
--color-slippery-stone-200: #e8cfb8;
--color-slippery-stone-300: #cfb195;
--color-slippery-stone-400: #ba9777;
--color-slippery-stone-500: #a57d59;
--color-slippery-stone-600: #8b6a4c;
--color-slippery-stone-700: #70553c;
--color-slippery-stone-800: #533d2b;
--color-slippery-stone-900: #3a2a1d;
--color-slippery-stone-950: #24180d;
}SCSS
$slippery-stone: #8d6a4a;
$slippery-stone-rgb: 141, 106, 74;
$slippery-stone-light: mix(#fff, $slippery-stone, 20%);
$slippery-stone-dark: mix(#000, $slippery-stone, 20%);
.element {
color: $slippery-stone;
box-shadow: 0 0 0 2px rgba($slippery-stone, 0.35);
}