لون مسمّى · #89DD01
Electric Leaf
Electric Leaf هو #89DD01: rgb(137 221 1)، hsl(83 99% 44%)، oklch(0.812 0.224 131.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Electric Leaf color name →
#89DD01
oklch(0.812 0.224 131.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 95E141
- A1E55F
- ADE977
- B9ED8D
- C5F0A2
- D1F3B5
- DCF7C8
- E8FADB
- F3FCED
درجات داكنة
- 76C001
- 64A401
- 538800
- 426E00
- 315500
- 223D00
- 142600
- 071100
- 010200
درجات رمادية
- 89D42F
- 88CB42
- 88C150
- 87B85B
- 86AF63
- 85A66B
- 849C71
- 839377
- 828A7C
تناسق الألوان
متمم +180°
- 89DD01
Electric Leaf
- DEA8FF
≈ Testosterose
متجاور -30° +30°
- 89DD01
Electric Leaf
- D9C400
≈ Sorbet Yellow
- 00E49D
≈ Mega Teal
ثلاثي +120° +240°
- 89DD01
Electric Leaf
- 93C6FF
≈ Clear Sky
- FFA4AF
≈ Strawberry Frappé
متمم منقسم +150° +210°
- 89DD01
Electric Leaf
- B7BAFF
≈ Greyish Lavender
- FF9CDB
≈ Rose Daphne
رباعي +90° +180° +270°
- 89DD01
Electric Leaf
- 40D4FF
≈ Libra Blue Morpho
- DEA8FF
≈ Testosterose
- FFA988
≈ Super Sepia
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.69:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.40:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
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);
}