Benannte Farbe · #91AC80
Forest Shade
Forest Shade ist #91AC80: rgb(145 172 128), hsl(97 21% 59%), oklch(0.712 0.069 133.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Forest Shade color name →
#91AC80
oklch(0.712 0.069 133.6)
Farbumrechnungen
- HEX
- #91ac80
- RGB
- rgb(145 172 128)
- HSL
- hsl(97 21% 59%)
- HWB
- hwb(97 50% 33%)
- OKLCH
- oklch(0.712 0.069 133.6)
- OKLab
- oklab(0.712 -0.047 0.05)
- CIE Lab
- lab(67.41 -15.83 19.5)
- LCH
- lch(67.41 25.12 129.1)
- CMYK
- cmyk(16% 0% 26% 33%)
Tints · Shades · Tones
Tints
- 9CB48C
- A6BC99
- B1C5A5
- BCCDB2
- C7D5BE
- D2DDCB
- DDE6D8
- E8EEE5
- F4F7F2
Shades
- 7D956E
- 6A7F5D
- 58694D
- 46543D
- 35402E
- 252D1F
- 151B12
- 070B06
- 010101
Tones
- 8FA880
- 8EA380
- 8C9F81
- 8A9A81
- 899681
- 879281
- 858D81
- 838980
- 828480
Farbharmonien
Komplementär +180°
- 91AC80
Forest Shade
- B296C1
≈ Atlantic Tulip
Analog -30° +30°
- 91AC80
Forest Shade
- A9A572
≈ Autumn Sage
- 7AB096
≈ Nature Green
Triadisch +120° +240°
- 91AC80
Forest Shade
- 84A5CD
≈ Windfall
- C99195
≈ Garnet Shadow
Geteilt komplementär +150° +210°
- 91AC80
Forest Shade
- 9C9DCC
≈ Indigo Child
- C291AD
≈ Bonny Belle
Tetradisch +90° +180° +270°
- 91AC80
Forest Shade
- 71ACC2
≈ Moonstone Blue
- B296C1
≈ Atlantic Tulip
- C89580
≈ Beauty and the Beach
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.49:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.41:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--forest-shade: #91ac80;
--forest-shade-rgb: 145 172 128;
--forest-shade-oklch: oklch(0.712 0.069 133.6);
}
.element {
color: var(--forest-shade);
background-color: hsl(97 21% 59%);
border-color: oklch(0.712 0.069 133.6);
}Tailwind CSS v4
@theme {
--color-forest-shade: #91ac80;
--color-forest-shade-50: #edfae7;
--color-forest-shade-100: #deeed7;
--color-forest-shade-200: #c8dbbe;
--color-forest-shade-300: #a8c09d;
--color-forest-shade-400: #8ea87e;
--color-forest-shade-500: #749061;
--color-forest-shade-600: #627a53;
--color-forest-shade-700: #4e6242;
--color-forest-shade-800: #3a472e;
--color-forest-shade-900: #27321f;
--color-forest-shade-950: #161d0f;
}SCSS
$forest-shade: #91ac80;
$forest-shade-rgb: 145, 172, 128;
$forest-shade-light: mix(#fff, $forest-shade, 20%);
$forest-shade-dark: mix(#000, $forest-shade, 20%);
.element {
color: $forest-shade;
box-shadow: 0 0 0 2px rgba($forest-shade, 0.35);
}