أقرب لون مسمّى · #3EAE6D
#3EAE6D
أقرب لون مسمّى: Secret Garden
#3EAE6D (rgb(62 174 109)، hsl(145 47% 46%)، oklch(0.671 0.14 154.3)) أقرب إلى اللون المسمّى Secret Garden. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3EAE6D
oklch(0.671 0.14 154.3)
تحويلات الألوان
- HEX
- #3eae6d
- RGB
- rgb(62 174 109)
- HSL
- hsl(145 47% 46%)
- HWB
- hwb(145 24% 32%)
- OKLCH
- oklch(0.671 0.14 154.3)
- OKLab
- oklab(0.671 -0.126 0.061)
- CIE Lab
- lab(63.62 -44.36 23.74)
- LCH
- lch(63.62 50.31 151.8)
- CMYK
- cmyk(64% 0% 37% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 57B67B
- 6DBF8A
- 80C798
- 93CFA6
- A6D7B5
- B8DFC3
- CAE7D2
- DCEFE1
- EDF7F0
درجات داكنة
- 35975E
- 2B804F
- 236A41
- 1A5533
- 124126
- 0A2E19
- 041C0D
- 010B04
- 000101
درجات رمادية
- 4AAA6F
- 53A572
- 5BA174
- 629C76
- 699878
- 6E9379
- 738E7B
- 788A7D
- 7C857E
تناسق الألوان
متمم +180°
- 3EAE6D
Secret Garden
- C972B8
≈ Gulābī Pink
متجاور -30° +30°
- 3EAE6D
Secret Garden
- 83A336
≈ Greenery
- 00AD9E
≈ Billiard
ثلاثي +120° +240°
- 3EAE6D
Secret Garden
- 7C8DEB
≈ Perrywinkle
- DE7259
≈ Rustic Pottery
متمم منقسم +150° +210°
- 3EAE6D
Secret Garden
- A97EDB
≈ Lavender Blossom
- DB6D8B
≈ Kiss Me More
رباعي +90° +180° +270°
- 3EAE6D
Secret Garden
- 399DE5
≈ Button Blue
- C972B8
≈ Gulābī Pink
- D08022
≈ Yamabukicha Gold
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.48:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--secret-garden: #3eae6d;
--secret-garden-rgb: 62 174 109;
--secret-garden-oklch: oklch(0.671 0.14 154.3);
}
.element {
color: var(--secret-garden);
background-color: hsl(145 47% 46%);
border-color: oklch(0.671 0.14 154.3);
}Tailwind CSS v4
@theme {
--color-secret-garden: #3eae6d;
--color-secret-garden-50: #d6ffe5;
--color-secret-garden-100: #c3f7d5;
--color-secret-garden-200: #a2e7bc;
--color-secret-garden-300: #77cd9a;
--color-secret-garden-400: #50b678;
--color-secret-garden-500: #07a059;
--color-secret-garden-600: #11874c;
--color-secret-garden-700: #0f6c3d;
--color-secret-garden-800: #0e5029;
--color-secret-garden-900: #09371b;
--color-secret-garden-950: #00220c;
}SCSS
$secret-garden: #3eae6d;
$secret-garden-rgb: 62, 174, 109;
$secret-garden-light: mix(#fff, $secret-garden, 20%);
$secret-garden-dark: mix(#000, $secret-garden, 20%);
.element {
color: $secret-garden;
box-shadow: 0 0 0 2px rgba($secret-garden, 0.35);
}