#50BB3D#50BB3D
#50BB3D لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.376؛ OKLCH L 70.4% C 0.191 H 140.8°. أفضل لون لنص المتن هو #000000 بتباين 8.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #50BB3D |
|---|---|
| RGB | rgb(80, 187, 61) |
| HSL | hsl(111, 51%, 49%) |
| HSV | hsv(111, 67%, 73%) |
| CMYK | cmyk(57.2%, 0%, 67.4%, 26.7%) |
| CIE-LAB | lab(67.71, -54.20, 52.58) |
| CIE-LCH | lch(67.71, 75.51, 135.87°) |
| OKLab | oklab(70.36% -0.1483 0.1208) |
| OKLCH | oklch(70.36% 0.191 140.8) |
| XYZ | xyz(21.9199, 37.5811, 10.5127) |
| Luminance | 0.3758 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Leafy Green
#51B73B
ΔE00 1.09
Kelly Green
#4CBB17
ΔE00 3.14
Frog Green
#58BC08
ΔE00 4.30
Turtle Green
#75B84F
ΔE00 4.37
Nasty Green
#70B23F
ΔE00 4.58
Shamrock Green
#02C14D
ΔE00 4.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#50BB3D #A83DBB
analogous
#8FBB3D #50BB3D #3DBB69
triadic
#50BB3D #3D50BB #BB3D50
tetradic
#50BB3D #3D8FBB #A83DBB #BB693D
square
#50BB3D #3D8FBB #A83DBB #BB693D
split-complementary
#50BB3D #693DBB #BB3D8F
monochromatic
#295F1F #3C8D2E #50BB3D #77CE68 #A0DD96
إمكانية الوصول والتباين
On white
2.47
#50BB3D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.52
#50BB3D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #50BB3D
8.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##50BB3D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##50BB3D | 1.00 | 2.47 | 8.52 | 8.52 |
| #FFFFFF | 2.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C0AA2C
Deuteranopia (green-blind)
#B2A248
Tritanopia (blue-blind)
#42B5A1
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #50bb3d; /* rgb */ color: rgb(80, 187, 61); /* oklch */ color: oklch(70.4% 0.191 140.8);
Tailwind
colors: {
custom: {
50: '#8cd079',
500: '#50bb3d',
950: '#000000',
},
}SCSS
$custom: #50bb3d; $custom-light: #8cd079; $custom-dark: #000000;
JSON
{
"hex": "#50bb3d",
"rgb": {
"r": 80,
"g": 187,
"b": 61
},
"hsl": {
"h": 110.952,
"s": 50.806,
"l": 48.627
},
"oklch": {
"l": 0.70362,
"c": 0.19124,
"h": 140.8
},
"luminance": 0.37583
}Semantic roles & 50–950 ramp
primary
#50BB3D
secondary
#BF8CC8
accent
#4EDAC5
background
#F9FCF7
surface
#F1F9EE
border
#CBD2C9
text
#0D1409
muted
#7E827B