Benannte Farbe · #ACB78E
Autumn Meadow
Autumn Meadow ist #ACB78E: rgb(172 183 142), hsl(76 22% 64%), oklch(0.76 0.058 120). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Autumn Meadow color name →
#ACB78E
oklch(0.76 0.058 120)
Farbumrechnungen
- HEX
- #acb78e
- RGB
- rgb(172 183 142)
- HSL
- hsl(76 22% 64%)
- HWB
- hwb(76 56% 28%)
- OKLCH
- oklch(0.76 0.058 120)
- OKLab
- oklab(0.76 -0.029 0.05)
- CIE Lab
- lab(72.74 -9.29 19.59)
- LCH
- lch(72.74 21.68 115.4)
- CMYK
- cmyk(6% 0% 22% 28%)
Tints · Shades · Tones
Tints
- B4BE99
- BCC5A4
- C4CCAF
- CCD3BA
- D5DBC6
- DDE2D1
- E5E9DC
- EEF0E8
- F6F8F3
Shades
- 959F7B
- 7F8768
- 697056
- 545A44
- 404534
- 2D3124
- 1B1E15
- 0B0C07
- 010201
Tones
- A7B18D
- A3AC8C
- 9FA68A
- 9AA189
- 969B88
- 919686
- 8D9085
- 898B83
- 848582
Farbharmonien
Komplementär +180°
- ACB78E
Autumn Meadow
- B6A9D1
≈ Wisteria-Wise
Analog -30° +30°
- ACB78E
Autumn Meadow
- BFB087
≈ Owl Manner Malt
- 98BC9E
≈ Green-Eyed Lady
Triadisch +120° +240°
- ACB78E
Autumn Meadow
- 90B7D3
≈ Oxygen Blue
- D1A2AF
≈ Birthday Candle
Geteilt komplementär +150° +210°
- ACB78E
Autumn Meadow
- A3B0D7
≈ Calm Interlude
- C7A4C3
≈ Lilac Fluff
Tetradisch +90° +180° +270°
- ACB78E
Autumn Meadow
- 86BCC5
≈ Misty Cold Sea
- B6A9D1
≈ Wisteria-Wise
- D3A49C
≈ Bubble Shell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.91:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--autumn-meadow: #acb78e;
--autumn-meadow-rgb: 172 183 142;
--autumn-meadow-oklch: oklch(0.76 0.058 120);
}
.element {
color: var(--autumn-meadow);
background-color: hsl(76 22% 64%);
border-color: oklch(0.76 0.058 120);
}Tailwind CSS v4
@theme {
--color-autumn-meadow: #acb78e;
--color-autumn-meadow-50: #f2f8e6;
--color-autumn-meadow-100: #e4ebd6;
--color-autumn-meadow-200: #d0d9be;
--color-autumn-meadow-300: #b2bd9c;
--color-autumn-meadow-400: #9aa47e;
--color-autumn-meadow-500: #818c61;
--color-autumn-meadow-600: #6d7752;
--color-autumn-meadow-700: #575f41;
--color-autumn-meadow-800: #40452e;
--color-autumn-meadow-900: #2c301f;
--color-autumn-meadow-950: #191c0f;
}SCSS
$autumn-meadow: #acb78e;
$autumn-meadow-rgb: 172, 183, 142;
$autumn-meadow-light: mix(#fff, $autumn-meadow, 20%);
$autumn-meadow-dark: mix(#000, $autumn-meadow, 20%);
.element {
color: $autumn-meadow;
box-shadow: 0 0 0 2px rgba($autumn-meadow, 0.35);
}