#2BA071#2BA071
#2BA071 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.268؛ OKLCH L 63.0% C 0.125 H 161.6°. أفضل لون لنص المتن هو #000000 بتباين 6.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2BA071 |
|---|---|
| RGB | rgb(43, 160, 113) |
| HSL | hsl(156, 58%, 40%) |
| HSV | hsv(156, 73%, 63%) |
| CMYK | cmyk(73.1%, 0%, 29.4%, 37.3%) |
| CIE-LAB | lab(58.83, -43.37, 15.46) |
| CIE-LCH | lch(58.83, 46.04, 160.37°) |
| OKLab | oklab(63% -0.1185 0.0393) |
| OKLCH | oklch(63% 0.125 161.6) |
| XYZ | xyz(16.5460, 26.8455, 19.9293) |
| Luminance | 0.2685 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Teal Green
#25A36F
ΔE00 1.38
Bluish Green
#10A674
ΔE00 2.07
Jade
#1FA774
ΔE00 2.23
Ocean Green
#3D9973
ΔE00 3.10
Greenish
#40A368
ΔE00 3.65
Viridian
#1E9167
ΔE00 5.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2BA071 #A02B5A
analogous
#2BA036 #2BA071 #2B95A0
triadic
#2BA071 #712BA0 #A0712B
tetradic
#2BA071 #362BA0 #A02B5A #95A02B
square
#2BA071 #362BA0 #A02B5A #95A02B
split-complementary
#2BA071 #A02B95 #A0362B
monochromatic
#11402D #1E704F #2BA071 #3DCB92 #6ED8AD
إمكانية الوصول والتباين
On white
3.30
#2BA071 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.37
#2BA071 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #2BA071
6.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2BA071 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2BA071 | 1.00 | 3.30 | 6.37 | 6.37 |
| #FFFFFF | 3.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.37 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.37 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9E946E
Deuteranopia (green-blind)
#8F8974
Tritanopia (blue-blind)
#00A093
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #2ba071; /* rgb */ color: rgb(43, 160, 113); /* oklch */ color: oklch(63.0% 0.125 161.6);
Tailwind
colors: {
custom: {
50: '#75bd9a',
500: '#2ba071',
950: '#000000',
},
}SCSS
$custom: #2ba071; $custom-light: #75bd9a; $custom-dark: #000000;
JSON
{
"hex": "#2ba071",
"rgb": {
"r": 43,
"g": 160,
"b": 113
},
"hsl": {
"h": 155.897,
"s": 57.635,
"l": 39.804
},
"oklch": {
"l": 0.63,
"c": 0.12482,
"h": 161.6
},
"luminance": 0.26847
}Semantic roles & 50–950 ramp
primary
#2BA071
secondary
#BF688B
accent
#4785E1
background
#F7FBF9
surface
#EEF7F2
border
#C9D0CC
text
#0A120E
muted
#7C817E