لون مسمّى · #8EB826
Cocktail Green
Cocktail Green هو #8EB826: rgb(142 184 38)، hsl(77 66% 44%)، oklch(0.726 0.17 125.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Cocktail Green color name →
#8EB826
oklch(0.726 0.17 125.1)
تحويلات الألوان
- HEX
- #8eb826
- RGB
- rgb(142 184 38)
- HSL
- hsl(77 66% 44%)
- HWB
- hwb(77 15% 28%)
- OKLCH
- oklch(0.726 0.17 125.1)
- OKLab
- oklab(0.726 -0.098 0.139)
- CIE Lab
- lab(69.82 -29.13 62.61)
- LCH
- lch(69.82 69.06 114.9)
- CMYK
- cmyk(23% 0% 79% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 99BF47
- A4C760
- AFCE76
- BAD58B
- C5DC9F
- D0E4B2
- DCEAC6
- E7F1D9
- F3F8EC
درجات داكنة
- 7BA020
- 688819
- 567113
- 445B0D
- 344508
- 243104
- 151E02
- 070C01
- 010200
درجات رمادية
- 8DB339
- 8BAD46
- 8AA851
- 88A25A
- 879D62
- 869769
- 84916F
- 838C75
- 81867B
تناسق الألوان
متمم +180°
- 8EB826
Cocktail Green
- C087FB
≈ Lilac Geode
متجاور -30° +30°
- 8EB826
Cocktail Green
- C4A400
≈ La Vida
- 24C576
≈ Algal Fuel
ثلاثي +120° +240°
- 8EB826
Cocktail Green
- 43AEFF
≈ Adamantine Blue
- FB7298
≈ Blush Hour
متمم منقسم +150° +210°
- 8EB826
Cocktail Green
- 8D9EFF
≈ Periwinkle Blue
- E679D0
≈ Hibiscus Pop
رباعي +90° +180° +270°
- 8EB826
Cocktail Green
- 00BAD9
≈ Maldives
- C087FB
≈ Lilac Geode
- FE7958
≈ Melon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.03:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cocktail-green: #8eb826;
--cocktail-green-rgb: 142 184 38;
--cocktail-green-oklch: oklch(0.726 0.17 125.1);
}
.element {
color: var(--cocktail-green);
background-color: hsl(77 66% 44%);
border-color: oklch(0.726 0.17 125.1);
}Tailwind CSS v4
@theme {
--color-cocktail-green: #8eb826;
--color-cocktail-green-50: #e8ffcb;
--color-cocktail-green-100: #d8f3b6;
--color-cocktail-green-200: #c0e292;
--color-cocktail-green-300: #a0c763;
--color-cocktail-green-400: #87af28;
--color-cocktail-green-500: #6c9700;
--color-cocktail-green-600: #5c8000;
--color-cocktail-green-700: #496700;
--color-cocktail-green-800: #384b00;
--color-cocktail-green-900: #263400;
--color-cocktail-green-950: #141f00;
}SCSS
$cocktail-green: #8eb826;
$cocktail-green-rgb: 142, 184, 38;
$cocktail-green-light: mix(#fff, $cocktail-green, 20%);
$cocktail-green-dark: mix(#000, $cocktail-green, 20%);
.element {
color: $cocktail-green;
box-shadow: 0 0 0 2px rgba($cocktail-green, 0.35);
}