Benannte Farbe · #8D7A4D
Stonetalon Mountains
Stonetalon Mountains ist #8D7A4D: rgb(141 122 77), hsl(42 29% 43%), oklch(0.586 0.067 87.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Stonetalon Mountains color name →
#8D7A4D
oklch(0.586 0.067 87.5)
Farbumrechnungen
- HEX
- #8d7a4d
- RGB
- rgb(141 122 77)
- HSL
- hsl(42 29% 43%)
- HWB
- hwb(42 30% 45%)
- OKLCH
- oklch(0.586 0.067 87.5)
- OKLab
- oklab(0.586 0.003 0.067)
- CIE Lab
- lab(52.21 2.82 27.43)
- LCH
- lch(52.21 27.58 84.1)
- CMYK
- cmyk(0% 13% 45% 45%)
Tints · Shades · Tones
Tints
- 98875E
- A3936F
- AEA081
- B9AD92
- C5BBA4
- D0C8B6
- DCD6C8
- E7E3DA
- F3F1EC
Shades
- 7A6942
- 675937
- 55492C
- 443A22
- 332B18
- 231D0F
- 141007
- 070502
- 010100
Tones
- 8C7B53
- 8A7B58
- 897C5E
- 887D63
- 877D68
- 857E6D
- 847E72
- 837F77
- 81807B
Farbharmonien
Komplementär +180°
- 8D7A4D
Stonetalon Mountains
- 6B7BA4
≈ Night Thistle
Analog -30° +30°
- 8D7A4D
Stonetalon Mountains
- 9B7255
≈ Liver Chestnut
- 798254
≈ Calliste Green
Triadisch +120° +240°
- 8D7A4D
Stonetalon Mountains
- 488790
≈ Flounce
- 926E91
≈ Wine Stroll
Geteilt komplementär +150° +210°
- 8D7A4D
Stonetalon Mountains
- 55829F
≈ Honest Blue
- 80749F
≈ Voxatron Purple
Tetradisch +90° +180° +270°
- 8D7A4D
Stonetalon Mountains
- 4D897C
≈ Wintergreen Dream
- 6B7BA4
≈ Night Thistle
- 9D6C7C
≈ Concerto
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.18:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 5.02:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--stonetalon-mountains: #8d7a4d;
--stonetalon-mountains-rgb: 141 122 77;
--stonetalon-mountains-oklch: oklch(0.586 0.067 87.5);
}
.element {
color: var(--stonetalon-mountains);
background-color: hsl(42 29% 43%);
border-color: oklch(0.586 0.067 87.5);
}Tailwind CSS v4
@theme {
--color-stonetalon-mountains: #8d7a4d;
--color-stonetalon-mountains-50: #fdf5e0;
--color-stonetalon-mountains-100: #f1e7cf;
--color-stonetalon-mountains-200: #dfd3b5;
--color-stonetalon-mountains-300: #c5b691;
--color-stonetalon-mountains-400: #af9d71;
--color-stonetalon-mountains-500: #998451;
--color-stonetalon-mountains-600: #817045;
--color-stonetalon-mountains-700: #685937;
--color-stonetalon-mountains-800: #4d4127;
--color-stonetalon-mountains-900: #352d1a;
--color-stonetalon-mountains-950: #211a0b;
}SCSS
$stonetalon-mountains: #8d7a4d;
$stonetalon-mountains-rgb: 141, 122, 77;
$stonetalon-mountains-light: mix(#fff, $stonetalon-mountains, 20%);
$stonetalon-mountains-dark: mix(#000, $stonetalon-mountains, 20%);
.element {
color: $stonetalon-mountains;
box-shadow: 0 0 0 2px rgba($stonetalon-mountains, 0.35);
}