Benannte Farbe · #8D894A
Warm Wetlands
Warm Wetlands ist #8D894A: rgb(141 137 74), hsl(56 31% 42%), oklch(0.619 0.085 105.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Warm Wetlands color name →
#8D894A
oklch(0.619 0.085 105.4)
Farbumrechnungen
- HEX
- #8d894a
- RGB
- rgb(141 137 74)
- HSL
- hsl(56 31% 42%)
- HWB
- hwb(56 29% 45%)
- OKLCH
- oklch(0.619 0.085 105.4)
- OKLab
- oklab(0.619 -0.022 0.082)
- CIE Lab
- lab(56.36 -5.33 34.09)
- LCH
- lch(56.36 34.5 98.9)
- CMYK
- cmyk(0% 3% 48% 45%)
Tints · Shades · Tones
Tints
- 98945C
- A3A06E
- AEAB80
- B9B792
- C4C3A4
- D0CFB6
- DBDBC8
- E7E7DA
- F3F3EC
Shades
- 7A763F
- 676435
- 55532A
- 444220
- 333117
- 23220E
- 141406
- 070702
- 010100
Tones
- 8C8851
- 8A8757
- 89875D
- 888662
- 868568
- 85846D
- 848372
- 828277
- 81817B
Farbharmonien
Komplementär +180°
- 8D894A
Warm Wetlands
- 817FB7
≈ Murex
Analog -30° +30°
- 8D894A
Warm Wetlands
- A47F49
≈ Tosty Crust
- 6F925D
≈ Wakatake Green
Triadisch +120° +240°
- 8D894A
Warm Wetlands
- 4691AD
≈ Sora Sky
- AB7191
≈ Mauve Orchid
Geteilt komplementär +150° +210°
- 8D894A
Warm Wetlands
- 6388B8
≈ Marine Ink
- 9A76A9
≈ Karma Chameleon
Tetradisch +90° +180° +270°
- 8D894A
Warm Wetlands
- 3C9696
≈ Catalan
- 817FB7
≈ Murex
- B37075
≈ Dusty Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.61:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.80:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--warm-wetlands: #8d894a;
--warm-wetlands-rgb: 141 137 74;
--warm-wetlands-oklch: oklch(0.619 0.085 105.4);
}
.element {
color: var(--warm-wetlands);
background-color: hsl(56 31% 42%);
border-color: oklch(0.619 0.085 105.4);
}Tailwind CSS v4
@theme {
--color-warm-wetlands: #8d894a;
--color-warm-wetlands-50: #f7f7dc;
--color-warm-wetlands-100: #eaeaca;
--color-warm-wetlands-200: #d8d7ae;
--color-warm-wetlands-300: #bcbb88;
--color-warm-wetlands-400: #a5a266;
--color-warm-wetlands-500: #8e8943;
--color-warm-wetlands-600: #787439;
--color-warm-wetlands-700: #605d2d;
--color-warm-wetlands-800: #47441f;
--color-warm-wetlands-900: #312f14;
--color-warm-wetlands-950: #1e1b06;
}SCSS
$warm-wetlands: #8d894a;
$warm-wetlands-rgb: 141, 137, 74;
$warm-wetlands-light: mix(#fff, $warm-wetlands, 20%);
$warm-wetlands-dark: mix(#000, $warm-wetlands, 20%);
.element {
color: $warm-wetlands;
box-shadow: 0 0 0 2px rgba($warm-wetlands, 0.35);
}