Benannte Farbe · #6E8659
Mixedwood Leaf
Mixedwood Leaf ist #6E8659: rgb(110 134 89), hsl(92 20% 44%), oklch(0.589 0.071 131.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mixedwood Leaf color name →
#6E8659
oklch(0.589 0.071 131.1)
Farbumrechnungen
- HEX
- #6e8659
- RGB
- rgb(110 134 89)
- HSL
- hsl(92 20% 44%)
- HWB
- hwb(92 35% 47%)
- OKLCH
- oklch(0.589 0.071 131.1)
- OKLab
- oklab(0.589 -0.047 0.054)
- CIE Lab
- lab(53.13 -15.37 21.33)
- LCH
- lch(53.13 26.29 125.8)
- CMYK
- cmyk(18% 0% 34% 47%)
Tints · Shades · Tones
Tints
- 7C9269
- 899D79
- 97A989
- A6B599
- B4C1AA
- C3CDBA
- D1DACB
- E0E6DC
- F0F2EE
Shades
- 5F744C
- 506240
- 415134
- 334028
- 26301D
- 192113
- 0E1309
- 040603
- 010100
Tones
- 70855D
- 728561
- 748465
- 758469
- 77836D
- 798371
- 7B8275
- 7C8179
- 7E817C
Farbharmonien
Komplementär +180°
- 6E8659
Mixedwood Leaf
- 8B719C
≈ Fuji Purple
Analog -30° +30°
- 6E8659
Mixedwood Leaf
- 867F4B
≈ Green Moss
- 558A6F
≈ Saltwater Depth
Triadisch +120° +240°
- 6E8659
Mixedwood Leaf
- 5D80A6
≈ Revival
- A36B72
≈ Delhi Spice
Geteilt komplementär +150° +210°
- 6E8659
Mixedwood Leaf
- 7578A7
≈ Minuet Lilac
- 9A6C8A
≈ Pink Jazz
Tetradisch +90° +180° +270°
- 6E8659
Mixedwood Leaf
- 48879B
≈ Hippie Blue
- 8B719C
≈ Fuji Purple
- A26F5C
≈ Honey Maple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.21:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--mixedwood-leaf: #6e8659;
--mixedwood-leaf-rgb: 110 134 89;
--mixedwood-leaf-oklch: oklch(0.589 0.071 131.1);
}
.element {
color: var(--mixedwood-leaf);
background-color: hsl(92 20% 44%);
border-color: oklch(0.589 0.071 131.1);
}Tailwind CSS v4
@theme {
--color-mixedwood-leaf: #6e8659;
--color-mixedwood-leaf-50: #edfae5;
--color-mixedwood-leaf-100: #dfedd5;
--color-mixedwood-leaf-200: #c9dbbc;
--color-mixedwood-leaf-300: #a9c09b;
--color-mixedwood-leaf-400: #90a87b;
--color-mixedwood-leaf-500: #75905e;
--color-mixedwood-leaf-600: #647a50;
--color-mixedwood-leaf-700: #4f6240;
--color-mixedwood-leaf-800: #3b472d;
--color-mixedwood-leaf-900: #28311e;
--color-mixedwood-leaf-950: #161d0e;
}SCSS
$mixedwood-leaf: #6e8659;
$mixedwood-leaf-rgb: 110, 134, 89;
$mixedwood-leaf-light: mix(#fff, $mixedwood-leaf, 20%);
$mixedwood-leaf-dark: mix(#000, $mixedwood-leaf, 20%);
.element {
color: $mixedwood-leaf;
box-shadow: 0 0 0 2px rgba($mixedwood-leaf, 0.35);
}