Benannte Farbe · #89DD01
Electric Leaf
Electric Leaf ist #89DD01: rgb(137 221 1), hsl(83 99% 44%), oklch(0.812 0.224 131.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Electric Leaf color name →
#89DD01
oklch(0.812 0.224 131.7)
Farbumrechnungen
- HEX
- #89dd01
- RGB
- rgb(137 221 1)
- HSL
- hsl(83 99% 44%)
- HWB
- hwb(83 0% 13%)
- OKLCH
- oklch(0.812 0.224 131.7)
- OKLab
- oklab(0.812 -0.149 0.167)
- CIE Lab
- lab(80.41 -46.54 76.74)
- LCH
- lch(80.41 89.74 121.2)
- CMYK
- cmyk(38% 0% 100% 13%)
Tints · Shades · Tones
Tints
- 95E141
- A1E55F
- ADE977
- B9ED8D
- C5F0A2
- D1F3B5
- DCF7C8
- E8FADB
- F3FCED
Shades
- 76C001
- 64A401
- 538800
- 426E00
- 315500
- 223D00
- 142600
- 071100
- 010200
Tones
- 89D42F
- 88CB42
- 88C150
- 87B85B
- 86AF63
- 85A66B
- 849C71
- 839377
- 828A7C
Farbharmonien
Komplementär +180°
- 89DD01
Electric Leaf
- DEA8FF
≈ Testosterose
Analog -30° +30°
- 89DD01
Electric Leaf
- D9C400
≈ Sorbet Yellow
- 00E49D
≈ Mega Teal
Triadisch +120° +240°
- 89DD01
Electric Leaf
- 93C6FF
≈ Clear Sky
- FFA4AF
≈ Strawberry Frappé
Geteilt komplementär +150° +210°
- 89DD01
Electric Leaf
- B7BAFF
≈ Greyish Lavender
- FF9CDB
≈ Rose Daphne
Tetradisch +90° +180° +270°
- 89DD01
Electric Leaf
- 40D4FF
≈ Libra Blue Morpho
- DEA8FF
≈ Testosterose
- FFA988
≈ Super Sepia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.40:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--electric-leaf: #89dd01;
--electric-leaf-rgb: 137 221 1;
--electric-leaf-oklch: oklch(0.812 0.224 131.7);
}
.element {
color: var(--electric-leaf);
background-color: hsl(83 99% 44%);
border-color: oklch(0.812 0.224 131.7);
}Tailwind CSS v4
@theme {
--color-electric-leaf: #89dd01;
--color-electric-leaf-50: #dbffc2;
--color-electric-leaf-100: #caf9ac;
--color-electric-leaf-200: #ade983;
--color-electric-leaf-300: #86cf4c;
--color-electric-leaf-400: #6ab700;
--color-electric-leaf-500: #46a000;
--color-electric-leaf-600: #3d8700;
--color-electric-leaf-700: #306c00;
--color-electric-leaf-800: #274f00;
--color-electric-leaf-900: #1a3700;
--color-electric-leaf-950: #0a2200;
}SCSS
$electric-leaf: #89dd01;
$electric-leaf-rgb: 137, 221, 1;
$electric-leaf-light: mix(#fff, $electric-leaf, 20%);
$electric-leaf-dark: mix(#000, $electric-leaf, 20%);
.element {
color: $electric-leaf;
box-shadow: 0 0 0 2px rgba($electric-leaf, 0.35);
}