لون مسمّى · #6EA43C
Festival Green
Festival Green هو #6EA43C: rgb(110 164 60)، hsl(91 46% 44%)، oklch(0.659 0.147 132.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Festival Green color name →
#6EA43C
oklch(0.659 0.147 132.5)
تحويلات الألوان
- HEX
- #6ea43c
- RGB
- rgb(110 164 60)
- HSL
- hsl(91 46% 44%)
- HWB
- hwb(91 24% 36%)
- OKLCH
- oklch(0.659 0.147 132.5)
- OKLab
- oklab(0.659 -0.099 0.109)
- CIE Lab
- lab(61.96 -31.71 46.33)
- LCH
- lch(61.96 56.14 124.4)
- CMYK
- cmyk(33% 0% 63% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7CAD53
- 8AB667
- 98C07B
- A7C98E
- B5D2A1
- C4DBB3
- D2E4C6
- E1EDD9
- F0F6EC
درجات داكنة
- 5F8E33
- 50792A
- 416421
- 335019
- 263D11
- 192B0A
- 0E1A04
- 040A01
- 010100
درجات رمادية
- 70A146
- 729D4F
- 749A57
- 76965E
- 789364
- 7A8F6A
- 7B8B70
- 7D8876
- 7F847B
تناسق الألوان
متمم +180°
- 6EA43C
Festival Green
- B075D2
≈ Lavender
متجاور -30° +30°
- 6EA43C
Festival Green
- A39400
≈ Rapeseed Oil
- 00AC77
≈ Bright Camouflage
ثلاثي +120° +240°
- 6EA43C
Festival Green
- 4795E9
≈ Olympic Blue
- DC6779
≈ Feverish
متمم منقسم +150° +210°
- 6EA43C
Festival Green
- 8684E8
≈ Indigo Bloom
- CD6AAA
≈ Super Pink
رباعي +90° +180° +270°
- 6EA43C
Festival Green
- 00A1C7
≈ Resonant Blue
- B075D2
≈ Lavender
- DA6F42
≈ Field Poppy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.98:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.03:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--festival-green: #6ea43c;
--festival-green-rgb: 110 164 60;
--festival-green-oklch: oklch(0.659 0.147 132.5);
}
.element {
color: var(--festival-green);
background-color: hsl(91 46% 44%);
border-color: oklch(0.659 0.147 132.5);
}Tailwind CSS v4
@theme {
--color-festival-green: #6ea43c;
--color-festival-green-50: #e4ffd5;
--color-festival-green-100: #d4f3c2;
--color-festival-green-200: #bae3a3;
--color-festival-green-300: #97c87a;
--color-festival-green-400: #7cb04f;
--color-festival-green-500: #5e991d;
--color-festival-green-600: #50821c;
--color-festival-green-700: #406816;
--color-festival-green-800: #304c0a;
--color-festival-green-900: #213506;
--color-festival-green-950: #102000;
}SCSS
$festival-green: #6ea43c;
$festival-green-rgb: 110, 164, 60;
$festival-green-light: mix(#fff, $festival-green, 20%);
$festival-green-dark: mix(#000, $festival-green, 20%);
.element {
color: $festival-green;
box-shadow: 0 0 0 2px rgba($festival-green, 0.35);
}