لون مسمّى · #A3E493
Paradise Green
Paradise Green هو #A3E493: rgb(163 228 147)، hsl(108 60% 74%)، oklch(0.856 0.127 139.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Paradise Green color name →
#A3E493
oklch(0.856 0.127 139.5)
تحويلات الألوان
- HEX
- #a3e493
- RGB
- rgb(163 228 147)
- HSL
- hsl(108 60% 74%)
- HWB
- hwb(108 58% 11%)
- OKLCH
- oklch(0.856 0.127 139.5)
- OKLab
- oklab(0.856 -0.097 0.083)
- CIE Lab
- lab(84.76 -32.55 32.78)
- LCH
- lch(84.76 46.19 134.8)
- CMYK
- cmyk(29% 0% 36% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ADE79E
- B6EAA9
- BFEDB4
- C9EFBF
- D2F2CA
- DBF5D5
- E4F7DF
- EDFAEA
- F6FDF4
درجات داكنة
- 8DC67F
- 78A96C
- 638D59
- 4F7247
- 3C5836
- 2A3F25
- 192816
- 0A1208
- 010301
درجات رمادية
- A0DA92
- 9DCF90
- 99C58F
- 96BB8D
- 93B18B
- 8FA789
- 8B9D87
- 889485
- 848A82
تناسق الألوان
متمم +180°
- A3E493
Paradise Green
- F1B7FF
≈ Euphoria
متجاور -30° +30°
- A3E493
Paradise Green
- D5D76F
≈ Species
- 6DEAC2
≈ Onsen
ثلاثي +120° +240°
- A3E493
Paradise Green
- B4D1FF
≈ Ice Cold Stare
- FFBCBB
≈ Peach Scone
متمم منقسم +150° +210°
- A3E493
Paradise Green
- CEC8FF
≈ Innocent Snowdrop
- FFB7D9
≈ Candy Bar
رباعي +90° +180° +270°
- A3E493
Paradise Green
- 90DBFF
≈ Tranquil Pool
- F1B7FF
≈ Euphoria
- FFBF9D
≈ Blushing Cinnamon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.07:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paradise-green: #a3e493;
--paradise-green-rgb: 163 228 147;
--paradise-green-oklch: oklch(0.856 0.127 139.5);
}
.element {
color: var(--paradise-green);
background-color: hsl(108 60% 74%);
border-color: oklch(0.856 0.127 139.5);
}Tailwind CSS v4
@theme {
--color-paradise-green: #a3e493;
--color-paradise-green-50: #e2ffdd;
--color-paradise-green-100: #d1f3cc;
--color-paradise-green-200: #b6e3b0;
--color-paradise-green-300: #92c88b;
--color-paradise-green-400: #75b167;
--color-paradise-green-500: #559a43;
--color-paradise-green-600: #49823a;
--color-paradise-green-700: #3a682e;
--color-paradise-green-800: #2b4c1e;
--color-paradise-green-900: #1d3514;
--color-paradise-green-950: #0d2005;
}SCSS
$paradise-green: #a3e493;
$paradise-green-rgb: 163, 228, 147;
$paradise-green-light: mix(#fff, $paradise-green, 20%);
$paradise-green-dark: mix(#000, $paradise-green, 20%);
.element {
color: $paradise-green;
box-shadow: 0 0 0 2px rgba($paradise-green, 0.35);
}