Benannte Farbe · #9E7B6C
Woodhaven
Woodhaven ist #9E7B6C: rgb(158 123 108), hsl(18 20% 52%), oklch(0.613 0.049 44.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Woodhaven color name →
#9E7B6C
oklch(0.613 0.049 44.3)
Farbumrechnungen
- HEX
- #9e7b6c
- RGB
- rgb(158 123 108)
- HSL
- hsl(18 20% 52%)
- HWB
- hwb(18 42% 38%)
- OKLCH
- oklch(0.613 0.049 44.3)
- OKLab
- oklab(0.613 0.035 0.034)
- CIE Lab
- lab(54.78 12.39 13.71)
- LCH
- lch(54.78 18.48 47.9)
- CMYK
- cmyk(0% 22% 32% 38%)
Tints · Shades · Tones
Tints
- A8887A
- B19488
- BBA196
- C5AEA4
- CEBBB3
- D8C8C2
- E2D6D1
- EBE3E0
- F5F1EF
Shades
- 896A5D
- 745A4E
- 604A40
- 4D3A32
- 3A2C25
- 291E19
- 18100D
- 090504
- 010100
Tones
- 9B7C6E
- 987C70
- 957D72
- 927D74
- 8F7E76
- 8C7E78
- 897F7A
- 867F7C
- 83807E
Farbharmonien
Komplementär +180°
- 9E7B6C
Woodhaven
- 648B9A
≈ Bell Blue
Analog -30° +30°
- 9E7B6C
Woodhaven
- 9F787B
≈ Bohemian Jazz
- 968063
≈ Rich Biscuit
Triadisch +120° +240°
- 9E7B6C
Woodhaven
- 698E7C
≈ Stanford Green
- 8080A1
≈ Blue Intrigue
Geteilt komplementär +150° +210°
- 9E7B6C
Woodhaven
- 608E8D
≈ Tort
- 7086A2
≈ Merman
Tetradisch +90° +180° +270°
- 9E7B6C
Woodhaven
- 788B6D
≈ Toad
- 648B9A
≈ Bell Blue
- 8F7B99
≈ Violet Persuasion
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.81:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.50:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--woodhaven: #9e7b6c;
--woodhaven-rgb: 158 123 108;
--woodhaven-oklch: oklch(0.613 0.049 44.3);
}
.element {
color: var(--woodhaven);
background-color: hsl(18 20% 52%);
border-color: oklch(0.613 0.049 44.3);
}Tailwind CSS v4
@theme {
--color-woodhaven: #9e7b6c;
--color-woodhaven-50: #fff1ea;
--color-woodhaven-100: #f7e3da;
--color-woodhaven-200: #e7cec3;
--color-woodhaven-300: #ceb0a3;
--color-woodhaven-400: #b89687;
--color-woodhaven-500: #a37c6c;
--color-woodhaven-600: #8a695b;
--color-woodhaven-700: #6e5449;
--color-woodhaven-800: #513d35;
--color-woodhaven-900: #392a24;
--color-woodhaven-950: #231713;
}SCSS
$woodhaven: #9e7b6c;
$woodhaven-rgb: 158, 123, 108;
$woodhaven-light: mix(#fff, $woodhaven, 20%);
$woodhaven-dark: mix(#000, $woodhaven, 20%);
.element {
color: $woodhaven;
box-shadow: 0 0 0 2px rgba($woodhaven, 0.35);
}