أقرب لون مسمّى · #2DB067
#2DB067
أقرب لون مسمّى: Green Mana
#2DB067 (rgb(45 176 103)، hsl(147 59% 43%)، oklch(0.671 0.155 153.7)) أقرب إلى اللون المسمّى Green Mana. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#2DB067
oklch(0.671 0.155 153.7)
تحويلات الألوان
- HEX
- #2db067
- RGB
- rgb(45 176 103)
- HSL
- hsl(147 59% 43%)
- HWB
- hwb(147 18% 31%)
- OKLCH
- oklch(0.671 0.155 153.7)
- OKLab
- oklab(0.671 -0.139 0.069)
- CIE Lab
- lab(63.78 -48.86 26.99)
- LCH
- lch(63.78 55.82 151.1)
- CMYK
- cmyk(74% 0% 41% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4DB876
- 65C085
- 7BC894
- 8FD0A3
- A2D8B2
- B5E0C1
- C8E8D0
- DAF0E0
- EDF7EF
درجات داكنة
- 269959
- 1F824B
- 186C3D
- 115630
- 0B4223
- 062E17
- 021C0C
- 010B04
- 000100
درجات رمادية
- 3EAB6A
- 4BA76D
- 55A270
- 5D9D72
- 659975
- 6B9477
- 718F7A
- 778A7C
- 7C857E
تناسق الألوان
متمم +180°
- 2DB067
Green Mana
- CD6DBD
≈ Gulābī Pink
متجاور -30° +30°
- 2DB067
Green Mana
- 83A421
≈ Spring Vegetables
- 00AD9D
≈ Billiard
ثلاثي +120° +240°
- 2DB067
Green Mana
- 788BF3
≈ Punch Out Glove
- E46C52
≈ Dusty Orange
متمم منقسم +150° +210°
- 2DB067
Green Mana
- AA7BE2
≈ Lavender Blossom
- E1678B
≈ Love Letter
رباعي +90° +180° +270°
- 2DB067
Green Mana
- 219DEC
≈ Button Blue
- CD6DBD
≈ Gulābī Pink
- D57D00
≈ Orange Pepper
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.51:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-mana: #2db067;
--green-mana-rgb: 45 176 103;
--green-mana-oklch: oklch(0.671 0.155 153.7);
}
.element {
color: var(--green-mana);
background-color: hsl(147 59% 43%);
border-color: oklch(0.671 0.155 153.7);
}Tailwind CSS v4
@theme {
--color-green-mana: #2db067;
--color-green-mana-50: #d3ffe3;
--color-green-mana-100: #bff8d2;
--color-green-mana-200: #9de8b8;
--color-green-mana-300: #6fcf95;
--color-green-mana-400: #43b872;
--color-green-mana-500: #00a253;
--color-green-mana-600: #008947;
--color-green-mana-700: #006e38;
--color-green-mana-800: #005125;
--color-green-mana-900: #023819;
--color-green-mana-950: #002309;
}SCSS
$green-mana: #2db067;
$green-mana-rgb: 45, 176, 103;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}