Benannte Farbe · #8D8168
Meadow Trail
Meadow Trail ist #8D8168: rgb(141 129 104), hsl(41 15% 48%), oklch(0.607 0.039 85.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Meadow Trail color name →
#8D8168
oklch(0.607 0.039 85.3)
Farbumrechnungen
- HEX
- #8d8168
- RGB
- rgb(141 129 104)
- HSL
- hsl(41 15% 48%)
- HWB
- hwb(41 41% 45%)
- OKLCH
- oklch(0.607 0.039 85.3)
- OKLab
- oklab(0.607 0.003 0.039)
- CIE Lab
- lab(54.56 1.63 15.35)
- LCH
- lch(54.56 15.44 83.9)
- CMYK
- cmyk(0% 9% 26% 45%)
Tints · Shades · Tones
Tints
- 988D76
- A39985
- AEA593
- B9B2A2
- C5BEB1
- D0CBC0
- DCD8D0
- E7E5DF
- F3F2EF
Shades
- 7A6F59
- 675E4B
- 554E3E
- 443E30
- 332E24
- 231F18
- 14120C
- 070604
- 010100
Tones
- 8C816B
- 8A816D
- 898170
- 888172
- 878174
- 858177
- 848079
- 83807B
- 81807E
Farbharmonien
Komplementär +180°
- 8D8168
Meadow Trail
- 77829A
≈ Tempest
Analog -30° +30°
- 8D8168
Meadow Trail
- 957D6C
≈ Peppered Pecan
- 81856B
≈ Simpson Surprise
Triadisch +120° +240°
- 8D8168
Meadow Trail
- 67898E
≈ Gothic
- 8F7B8F
≈ Muted Berry
Geteilt komplementär +150° +210°
- 8D8168
Meadow Trail
- 6C8797
≈ South Pacific
- 847E98
≈ Dusky Grape
Tetradisch +90° +180° +270°
- 8D8168
Meadow Trail
- 6A8A81
≈ Hanging Vine
- 77829A
≈ Tempest
- 967983
≈ Mulberry Wine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--meadow-trail: #8d8168;
--meadow-trail-rgb: 141 129 104;
--meadow-trail-oklch: oklch(0.607 0.039 85.3);
}
.element {
color: var(--meadow-trail);
background-color: hsl(41 15% 48%);
border-color: oklch(0.607 0.039 85.3);
}Tailwind CSS v4
@theme {
--color-meadow-trail: #8d8168;
--color-meadow-trail-50: #faf5e9;
--color-meadow-trail-100: #ede7da;
--color-meadow-trail-200: #dbd4c2;
--color-meadow-trail-300: #c0b7a1;
--color-meadow-trail-400: #a99d85;
--color-meadow-trail-500: #928569;
--color-meadow-trail-600: #7b7059;
--color-meadow-trail-700: #635a47;
--color-meadow-trail-800: #494133;
--color-meadow-trail-900: #332d23;
--color-meadow-trail-950: #1e1a12;
}SCSS
$meadow-trail: #8d8168;
$meadow-trail-rgb: 141, 129, 104;
$meadow-trail-light: mix(#fff, $meadow-trail, 20%);
$meadow-trail-dark: mix(#000, $meadow-trail, 20%);
.element {
color: $meadow-trail;
box-shadow: 0 0 0 2px rgba($meadow-trail, 0.35);
}