#49823D#49823D
#49823D لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.177؛ OKLCH L 55.0% C 0.118 H 140.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #49823D |
|---|---|
| RGB | rgb(73, 130, 61) |
| HSL | hsl(110, 36%, 37%) |
| HSV | hsv(110, 53%, 51%) |
| CMYK | cmyk(43.8%, 0%, 53.1%, 49%) |
| CIE-LAB | lab(49.15, -33.01, 31.37) |
| CIE-LCH | lch(49.15, 45.54, 136.47°) |
| OKLab | oklab(55.04% -0.0903 0.0753) |
| OKLCH | oklch(55.04% 0.118 140.2) |
| XYZ | xyz(11.5721, 17.7180, 7.2241) |
| Luminance | 0.1772 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 4.21
Darkish Green
#287C37
ΔE00 4.64
Dark Sage
#598556
ΔE00 5.43
Tree Green
#2A7E19
ΔE00 5.69
Light Forest Green
#4F9153
ΔE00 5.96
Forestgreen (CSS)
#228B22
ΔE00 6.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#49823D #763D82
analogous
#6C823D #49823D #3D8253
triadic
#49823D #3D4982 #823D49
tetradic
#49823D #3D6C82 #763D82 #82533D
square
#49823D #3D6C82 #763D82 #82533D
split-complementary
#49823D #533D82 #823D6C
monochromatic
#1A2F16 #325829 #49823D #60AC51 #86C079
إمكانية الوصول والتباين
On white
4.62
#49823D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.54
#49823D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #49823D
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##49823D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##49823D | 1.00 | 4.62 | 4.54 | 4.62 |
| #FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.54 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#857837
Deuteranopia (green-blind)
#7D7342
Tritanopia (blue-blind)
#447E72
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #49823d; /* rgb */ color: rgb(73, 130, 61); /* oklch */ color: oklch(55.0% 0.118 140.2);
Tailwind
colors: {
custom: {
50: '#80a774',
500: '#49823d',
950: '#000000',
},
}SCSS
$custom: #49823d; $custom-light: #80a774; $custom-dark: #000000;
JSON
{
"hex": "#49823d",
"rgb": {
"r": 73,
"g": 130,
"b": 61
},
"hsl": {
"h": 109.565,
"s": 36.126,
"l": 37.451
},
"oklch": {
"l": 0.55041,
"c": 0.11757,
"h": 140.2
},
"luminance": 0.17719
}Semantic roles & 50–950 ramp
primary
#49823D
secondary
#A071AA
accent
#5CCCB9
background
#F8FAF7
surface
#EFF4ED
border
#CACEC8
text
#0A0F08
muted
#7C7F7B