لون مسمّى · #41B45C
Artificial Turf
Artificial Turf هو #41B45C: rgb(65 180 92)، hsl(134 47% 48%)، oklch(0.684 0.163 148.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Artificial Turf color name →
#41B45C
oklch(0.684 0.163 148.1)
تحويلات الألوان
- HEX
- #41b45c
- RGB
- rgb(65 180 92)
- HSL
- hsl(134 47% 48%)
- HWB
- hwb(134 25% 29%)
- OKLCH
- oklch(0.684 0.163 148.1)
- OKLab
- oklab(0.684 -0.138 0.086)
- CIE Lab
- lab(65.39 -48.04 34.73)
- LCH
- lch(65.39 59.28 144.1)
- CMYK
- cmyk(64% 0% 49% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5ABC6D
- 6FC47D
- 82CB8D
- 95D39E
- A7DAAE
- B9E2BE
- CBE9CE
- DCF1DE
- EEF8EF
درجات داكنة
- 379C4F
- 2E8542
- 256E36
- 1C582A
- 13441F
- 0B3014
- 051D0A
- 010C03
- 000200
درجات رمادية
- 4CAF61
- 55AA65
- 5DA569
- 64A06D
- 6A9B71
- 6F9674
- 749077
- 788B7A
- 7C867D
تناسق الألوان
متمم +180°
- 41B45C
Artificial Turf
- CE71CC
≈ Purple Kush
متجاور -30° +30°
- 41B45C
Artificial Turf
- 91A600
≈ Augustus Asparagus
- 00B29A
≈ Aloha
ثلاثي +120° +240°
- 41B45C
Artificial Turf
- 6F92FE
≈ Punch Out Glove
- ED6C5E
≈ Autumn Enchantment
متمم منقسم +150° +210°
- 41B45C
Artificial Turf
- A780F0
≈ Purple Illusionist
- E66999
≈ Shadow Azalea Pink
رباعي +90° +180° +270°
- 41B45C
Artificial Turf
- 00A5EC
≈ Vivid Cerulean
- CE71CC
≈ Purple Kush
- E27B02
≈ First of Fall
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.65:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 7.90:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 7.90:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--artificial-turf: #41b45c;
--artificial-turf-rgb: 65 180 92;
--artificial-turf-oklch: oklch(0.684 0.163 148.1);
}
.element {
color: var(--artificial-turf);
background-color: hsl(134 47% 48%);
border-color: oklch(0.684 0.163 148.1);
}Tailwind CSS v4
@theme {
--color-artificial-turf: #41b45c;
--color-artificial-turf-50: #d5ffdd;
--color-artificial-turf-100: #c2f8cc;
--color-artificial-turf-200: #a1e8b0;
--color-artificial-turf-300: #75cf8a;
--color-artificial-turf-400: #4eb864;
--color-artificial-turf-500: #00a240;
--color-artificial-turf-600: #0c8937;
--color-artificial-turf-700: #0c6e2c;
--color-artificial-turf-800: #0e501b;
--color-artificial-turf-900: #093812;
--color-artificial-turf-950: #002204;
}SCSS
$artificial-turf: #41b45c;
$artificial-turf-rgb: 65, 180, 92;
$artificial-turf-light: mix(#fff, $artificial-turf, 20%);
$artificial-turf-dark: mix(#000, $artificial-turf, 20%);
.element {
color: $artificial-turf;
box-shadow: 0 0 0 2px rgba($artificial-turf, 0.35);
}