Benannte Farbe · #80F9AD
Esper’s Fungus Green
Esper’s Fungus Green ist #80F9AD: rgb(128 249 173), hsl(142 91% 74%), oklch(0.892 0.153 154.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Esper’s Fungus Green color name →
#80F9AD
oklch(0.892 0.153 154.3)
Farbumrechnungen
- HEX
- #80f9ad
- RGB
- rgb(128 249 173)
- HSL
- hsl(142 91% 74%)
- HWB
- hwb(142 50% 2%)
- OKLCH
- oklch(0.892 0.153 154.3)
- OKLab
- oklab(0.892 -0.138 0.066)
- CIE Lab
- lab(89.51 -48.12 25.67)
- LCH
- lch(89.51 54.54 151.9)
- CMYK
- cmyk(49% 0% 31% 2%)
Tints · Shades · Tones
Tints
- 90FAB5
- 9FFBBE
- ACFCC6
- B9FCCE
- C6FDD6
- D2FEDF
- DDFEE7
- E9FFEF
- F4FFF7
Shades
- 6ED996
- 5DB97F
- 4D9A6A
- 3D7D55
- 2E6141
- 1F462D
- 122C1B
- 06150B
- 010301
Tones
- 83EDA9
- 84E0A4
- 86D4A0
- 86C89C
- 86BB97
- 86AF93
- 85A38E
- 849889
- 828C85
Farbharmonien
Komplementär +180°
- 80F9AD
Esper’s Fungus Green
- FFC7F3
≈ Rosy Maple Moth
Analog -30° +30°
- 80F9AD
Esper’s Fungus Green
- C6ED75
≈ Venomous Sting
- 27FCE7
≈ Vibrant Mint
Triadisch +120° +240°
- 80F9AD
Esper’s Fungus Green
- D0DAFF
≈ Icy Plains
- FFCFC3
≈ Snow Pa
Geteilt komplementär +150° +210°
- 80F9AD
Esper’s Fungus Green
- E5D2FF
≈ Mousse aux Pruneaux
- FFCCD7
≈ Flower Spell
Tetradisch +90° +180° +270°
- 80F9AD
Esper’s Fungus Green
- BDE0FF
≈ Dithered Sky
- FFC7F3
≈ Rosy Maple Moth
- FFD2A8
≈ Opalescent Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.07:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--esper-s-fungus-green: #80f9ad;
--esper-s-fungus-green-rgb: 128 249 173;
--esper-s-fungus-green-oklch: oklch(0.892 0.153 154.3);
}
.element {
color: var(--esper-s-fungus-green);
background-color: hsl(142 91% 74%);
border-color: oklch(0.892 0.153 154.3);
}Tailwind CSS v4
@theme {
--color-esper-s-fungus-green: #80f9ad;
--color-esper-s-fungus-green-50: #d3ffe3;
--color-esper-s-fungus-green-100: #bff8d3;
--color-esper-s-fungus-green-200: #9de8b9;
--color-esper-s-fungus-green-300: #6fcf97;
--color-esper-s-fungus-green-400: #43b874;
--color-esper-s-fungus-green-500: #00a255;
--color-esper-s-fungus-green-600: #008948;
--color-esper-s-fungus-green-700: #006e39;
--color-esper-s-fungus-green-800: #005126;
--color-esper-s-fungus-green-900: #023819;
--color-esper-s-fungus-green-950: #00230a;
}SCSS
$esper-s-fungus-green: #80f9ad;
$esper-s-fungus-green-rgb: 128, 249, 173;
$esper-s-fungus-green-light: mix(#fff, $esper-s-fungus-green, 20%);
$esper-s-fungus-green-dark: mix(#000, $esper-s-fungus-green, 20%);
.element {
color: $esper-s-fungus-green;
box-shadow: 0 0 0 2px rgba($esper-s-fungus-green, 0.35);
}