Benannte Farbe · #8D7E6D
Teakwood
Teakwood ist #8D7E6D: rgb(141 126 109), hsl(32 13% 49%), oklch(0.602 0.031 70.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Teakwood color name →
#8D7E6D
oklch(0.602 0.031 70.7)
Farbumrechnungen
- HEX
- #8d7e6d
- RGB
- rgb(141 126 109)
- HSL
- hsl(32 13% 49%)
- HWB
- hwb(32 43% 45%)
- OKLCH
- oklch(0.602 0.031 70.7)
- OKLab
- oklab(0.602 0.01 0.029)
- CIE Lab
- lab(53.83 3.8 11.5)
- LCH
- lch(53.83 12.11 71.7)
- CMYK
- cmyk(0% 11% 23% 45%)
Tints · Shades · Tones
Tints
- 988A7B
- A39689
- AEA397
- B9B0A5
- C5BDB4
- D0CAC2
- DCD7D1
- E7E4E0
- F3F1F0
Shades
- 7A6D5E
- 675C4F
- 554C41
- 443C33
- 332D26
- 231F19
- 14110D
- 070504
- 010101
Tones
- 8C7E6F
- 8A7E71
- 897F73
- 887F75
- 877F77
- 857F79
- 847F7A
- 83807C
- 81807E
Farbharmonien
Komplementär +180°
- 8D7E6D
Teakwood
- 738393
≈ Tranquil Pond
Analog -30° +30°
- 8D7E6D
Teakwood
- 927B73
≈ Soft Rabbit Brown
- 85826D
≈ Olive Paste
Triadisch +120° +240°
- 8D7E6D
Teakwood
- 6C8785
≈ Classic Calm
- 877C8F
≈ Purpletone
Geteilt komplementär +150° +210°
- 8D7E6D
Teakwood
- 6D858E
≈ Indigo Mouse
- 7D7F93
≈ Majestic Mount
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.93:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.33:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--teakwood: #8d7e6d;
--teakwood-rgb: 141 126 109;
--teakwood-oklch: oklch(0.602 0.031 70.7);
}
.element {
color: var(--teakwood);
background-color: hsl(32 13% 49%);
border-color: oklch(0.602 0.031 70.7);
}Tailwind CSS v4
@theme {
--color-teakwood: #8d7e6d;
--color-teakwood-50: #fbf4ec;
--color-teakwood-100: #eee6dd;
--color-teakwood-200: #ddd2c6;
--color-teakwood-300: #c1b5a6;
--color-teakwood-400: #ab9c8b;
--color-teakwood-500: #948370;
--color-teakwood-600: #7d6f5f;
--color-teakwood-700: #64594c;
--color-teakwood-800: #4a4137;
--color-teakwood-900: #332d26;
--color-teakwood-950: #1f1a14;
}SCSS
$teakwood: #8d7e6d;
$teakwood-rgb: 141, 126, 109;
$teakwood-light: mix(#fff, $teakwood, 20%);
$teakwood-dark: mix(#000, $teakwood, 20%);
.element {
color: $teakwood;
box-shadow: 0 0 0 2px rgba($teakwood, 0.35);
}