Benannte Farbe · #9E8F66
Willow Tree
Willow Tree ist #9E8F66: rgb(158 143 102), hsl(44 22% 51%), oklch(0.653 0.06 90.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Willow Tree color name →
#9E8F66
oklch(0.653 0.06 90.3)
Farbumrechnungen
- HEX
- #9e8f66
- RGB
- rgb(158 143 102)
- HSL
- hsl(44 22% 51%)
- HWB
- hwb(44 40% 38%)
- OKLCH
- oklch(0.653 0.06 90.3)
- OKLab
- oklab(0.653 0 0.06)
- CIE Lab
- lab(59.98 1.16 24.02)
- LCH
- lch(59.98 24.04 87.2)
- CMYK
- cmyk(0% 9% 35% 38%)
Tints · Shades · Tones
Tints
- A79A75
- B1A584
- BAB093
- C4BBA2
- CDC6B1
- D7D1C0
- E1DCD0
- EBE8DF
- F5F3EF
Shades
- 897C58
- 74694A
- 60573C
- 4D452F
- 3A3423
- 292417
- 18150C
- 090704
- 010100
Tones
- 9B8E69
- 988C6C
- 958B6F
- 928971
- 8F8874
- 8C8677
- 898579
- 86837B
- 83827E
Farbharmonien
Komplementär +180°
- 9E8F66
Willow Tree
- 828FB5
≈ Skysail Blue
Analog -30° +30°
- 9E8F66
Willow Tree
- AC886B
≈ Yearling
- 8B966D
≈ Bullfrog
Triadisch +120° +240°
- 9E8F66
Willow Tree
- 649AA4
≈ Frost Blue
- A683A1
≈ Pink Plumeria
Geteilt komplementär +150° +210°
- 9E8F66
Willow Tree
- 6F95B1
≈ Aragonite Blue
- 9688B0
≈ Larkspur Violet
Tetradisch +90° +180° +270°
- 9E8F66
Willow Tree
- 679C92
≈ Goose Pond Green
- 828FB5
≈ Skysail Blue
- AF818E
≈ Noble Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.19:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.57:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--willow-tree: #9e8f66;
--willow-tree-rgb: 158 143 102;
--willow-tree-oklch: oklch(0.653 0.06 90.3);
}
.element {
color: var(--willow-tree);
background-color: hsl(44 22% 51%);
border-color: oklch(0.653 0.06 90.3);
}Tailwind CSS v4
@theme {
--color-willow-tree: #9e8f66;
--color-willow-tree-50: #fbf5e2;
--color-willow-tree-100: #efe8d2;
--color-willow-tree-200: #ddd4b8;
--color-willow-tree-300: #c2b795;
--color-willow-tree-400: #ac9d76;
--color-willow-tree-500: #958558;
--color-willow-tree-600: #7e704b;
--color-willow-tree-700: #655a3b;
--color-willow-tree-800: #4b412a;
--color-willow-tree-900: #342d1c;
--color-willow-tree-950: #1f1a0c;
}SCSS
$willow-tree: #9e8f66;
$willow-tree-rgb: 158, 143, 102;
$willow-tree-light: mix(#fff, $willow-tree, 20%);
$willow-tree-dark: mix(#000, $willow-tree, 20%);
.element {
color: $willow-tree;
box-shadow: 0 0 0 2px rgba($willow-tree, 0.35);
}