#2DC673#2DC673
#2DC673 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.422؛ OKLCH L 73.0% C 0.172 H 153.7°. أفضل لون لنص المتن هو #000000 بتباين 9.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2DC673 |
|---|---|
| RGB | rgb(45, 198, 115) |
| HSL | hsl(147, 63%, 48%) |
| HSV | hsv(147, 77%, 78%) |
| CMYK | cmyk(77.3%, 0%, 41.9%, 22.4%) |
| CIE-LAB | lab(71.00, -57.34, 30.75) |
| CIE-LCH | lch(71.00, 65.07, 151.79°) |
| OKLab | oklab(73.05% -0.1543 0.0762) |
| OKLCH | oklch(73.05% 0.172 153.7) |
| XYZ | xyz(24.3685, 42.1809, 23.0738) |
| Luminance | 0.4218 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Algae Green
#21C36F
ΔE00 0.94
Dark Mint Green
#20C073
ΔE00 1.91
Emerald
#50C878
ΔE00 2.15
Dark Mint
#48C072
ΔE00 2.16
Seaweed
#18D17B
ΔE00 2.80
Cool Green
#33B864
ΔE00 3.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2DC673 #C62D80
analogous
#33C62D #2DC673 #2DC6BF
triadic
#2DC673 #732DC6 #C6732D
tetradic
#2DC673 #2D33C6 #C62D80 #C6BF2D
square
#2DC673 #2D33C6 #C62D80 #C6BF2D
split-complementary
#2DC673 #BF2DC6 #C62D33
monochromatic
#166239 #229456 #2DC673 #57D993 #89E4B3
إمكانية الوصول والتباين
On white
2.23
#2DC673 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.44
#2DC673 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2DC673
9.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2DC673 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2DC673 | 1.00 | 2.23 | 9.44 | 9.44 |
| #FFFFFF | 2.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6B56D
Deuteranopia (green-blind)
#B4A979
Tritanopia (blue-blind)
#00C4B2
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #2dc673; /* rgb */ color: rgb(45, 198, 115); /* oklch */ color: oklch(73.0% 0.172 153.7);
Tailwind
colors: {
custom: {
50: '#7ed89c',
500: '#2dc673',
950: '#000000',
},
}SCSS
$custom: #2dc673; $custom-light: #7ed89c; $custom-dark: #000000;
JSON
{
"hex": "#2dc673",
"rgb": {
"r": 45,
"g": 198,
"b": 115
},
"hsl": {
"h": 147.451,
"s": 62.963,
"l": 47.647
},
"oklch": {
"l": 0.73049,
"c": 0.17212,
"h": 153.7
},
"luminance": 0.42184
}Semantic roles & 50–950 ramp
primary
#2DC673
secondary
#CE81AB
accent
#429BE6
background
#F8FDF9
surface
#F0FBF2
border
#CBD4CC
text
#0C150E
muted
#7D837E