لون مسمّى · #8FFE09
Acid Green
Acid Green هو #8FFE09: rgb(143 254 9)، hsl(87 99% 52%)، oklch(0.895 0.256 134). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Acid Green color name →
#8FFE09
oklch(0.895 0.256 134)
تحويلات الألوان
- HEX
- #8ffe09
- RGB
- rgb(143 254 9)
- HSL
- hsl(87 99% 52%)
- HWB
- hwb(87 4% 0%)
- OKLCH
- oklch(0.895 0.256 134)
- OKLab
- oklab(0.895 -0.178 0.184)
- CIE Lab
- lab(90.4 -56.44 83.83)
- LCH
- lch(90.4 101.06 124)
- CMYK
- cmyk(44% 0% 96% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9CFF48
- A8FF67
- B4FF7F
- BFFF94
- CAFFA8
- D5FFBB
- E0FFCC
- EAFFDE
- F5FFEE
درجات داكنة
- 7CDD07
- 69BD05
- 579E03
- 458002
- 346301
- 244701
- 152D00
- 071600
- 010300
درجات رمادية
- 8FF135
- 8EE549
- 8ED857
- 8CCB61
- 8BBF69
- 89B270
- 87A675
- 859979
- 838D7D
تناسق الألوان
متمم +180°
- 8FFE09
Acid Green
- EECEFF
≈ Rose Dragée
متجاور -30° +30°
- 8FFE09
Acid Green
- F2E100
≈ Xanthic
- 4CFFBE
≈ Greenish Cyan
ثلاثي +120° +240°
- 8FFE09
Acid Green
- C5DFFF
≈ Arc Light
- FFCED1
≈ Love Fumes
متمم منقسم +150° +210°
- 8FFE09
Acid Green
- D7D8FF
≈ Icy Plains
- FFCAE8
≈ Soulmate Pink
رباعي +90° +180° +270°
- 8FFE09
Acid Green
- AAE7FF
≈ Fresh Air
- EECEFF
≈ Rose Dragée
- FFD1BD
≈ Vienna Sausage
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.28:1 · APCA Lc 14
Ag
AAAعلى الأسود
WCAG 16.34:1 · APCA Lc 90
أفضل لون للنص: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--acid-green: #8ffe09;
--acid-green-rgb: 143 254 9;
--acid-green-oklch: oklch(0.895 0.256 134);
}
.element {
color: var(--acid-green);
background-color: hsl(87 99% 52%);
border-color: oklch(0.895 0.256 134);
}Tailwind CSS v4
@theme {
--color-acid-green: #8ffe09;
--color-acid-green-50: #d4ffbd;
--color-acid-green-100: #c1fca5;
--color-acid-green-200: #a1ed7a;
--color-acid-green-300: #75d33b;
--color-acid-green-400: #55bb00;
--color-acid-green-500: #21a400;
--color-acid-green-600: #208b00;
--color-acid-green-700: #1a6f00;
--color-acid-green-800: #1a5100;
--color-acid-green-900: #113900;
--color-acid-green-950: #032300;
}SCSS
$acid-green: #8ffe09;
$acid-green-rgb: 143, 254, 9;
$acid-green-light: mix(#fff, $acid-green, 20%);
$acid-green-dark: mix(#000, $acid-green, 20%);
.element {
color: $acid-green;
box-shadow: 0 0 0 2px rgba($acid-green, 0.35);
}