Benannte Farbe · #817D68
Smoky Forest
Smoky Forest ist #817D68: rgb(129 125 104), hsl(50 11% 46%), oklch(0.587 0.031 98.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoky Forest color name →
#817D68
oklch(0.587 0.031 98.3)
Farbumrechnungen
- HEX
- #817d68
- RGB
- rgb(129 125 104)
- HSL
- hsl(50 11% 46%)
- HWB
- hwb(50 41% 49%)
- OKLCH
- oklch(0.587 0.031 98.3)
- OKLab
- oklab(0.587 -0.005 0.031)
- CIE Lab
- lab(52.31 -1.22 12.08)
- LCH
- lch(52.31 12.14 95.8)
- CMYK
- cmyk(0% 3% 19% 49%)
Tints · Shades · Tones
Tints
- 8D8976
- 999684
- A5A293
- B1AFA2
- BEBCB1
- CBC9C0
- D8D6D0
- E5E4DF
- F2F1EF
Shades
- 6F6C59
- 5E5B4B
- 4E4B3E
- 3E3B30
- 2E2C24
- 1F1E18
- 12110C
- 060504
- 010100
Tones
- 817D6A
- 817E6D
- 817E6F
- 817E72
- 807F74
- 807F77
- 807F79
- 807F7B
- 80807E
Farbharmonien
Komplementär +180°
- 817D68
Smoky Forest
- 787B8F
≈ Soulful Blue
Analog -30° +30°
- 817D68
Smoky Forest
- 897969
≈ Caffeine
- 77806D
≈ Ellis Mist
Triadisch +120° +240°
- 817D68
Smoky Forest
- 688189
≈ Blue Thunder
- 897683
≈ Faded Orchid
Geteilt komplementär +150° +210°
- 817D68
Smoky Forest
- 6E7E8F
≈ Slate Expectations
- 82788B
≈ Mythical
Tetradisch +90° +180° +270°
- 817D68
Smoky Forest
- 688380
≈ Studio Blue Green
- 787B8F
≈ Soulful Blue
- 8E7579
≈ Socialite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.14:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 5.06:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--smoky-forest: #817d68;
--smoky-forest-rgb: 129 125 104;
--smoky-forest-oklch: oklch(0.587 0.031 98.3);
}
.element {
color: var(--smoky-forest);
background-color: hsl(50 11% 46%);
border-color: oklch(0.587 0.031 98.3);
}Tailwind CSS v4
@theme {
--color-smoky-forest: #817d68;
--color-smoky-forest-50: #f7f6ec;
--color-smoky-forest-100: #eae8dd;
--color-smoky-forest-200: #d7d5c6;
--color-smoky-forest-300: #bbb8a6;
--color-smoky-forest-400: #a39f8a;
--color-smoky-forest-500: #8b876f;
--color-smoky-forest-600: #76725e;
--color-smoky-forest-700: #5e5b4b;
--color-smoky-forest-800: #454336;
--color-smoky-forest-900: #302e25;
--color-smoky-forest-950: #1c1b14;
}SCSS
$smoky-forest: #817d68;
$smoky-forest-rgb: 129, 125, 104;
$smoky-forest-light: mix(#fff, $smoky-forest, 20%);
$smoky-forest-dark: mix(#000, $smoky-forest, 20%);
.element {
color: $smoky-forest;
box-shadow: 0 0 0 2px rgba($smoky-forest, 0.35);
}