#679C65#679C65
#679C65 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.276؛ OKLCH L 64.1% C 0.098 H 143.5°. أفضل لون لنص المتن هو #000000 بتباين 6.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #679C65 |
|---|---|
| RGB | rgb(103, 156, 101) |
| HSL | hsl(118, 22%, 50%) |
| HSV | hsv(118, 35%, 61%) |
| CMYK | cmyk(34%, 0%, 35.3%, 38.8%) |
| CIE-LAB | lab(59.52, -28.99, 23.39) |
| CIE-LCH | lch(59.52, 37.25, 141.10°) |
| OKLab | oklab(64.09% -0.079 0.0585) |
| OKLCH | oklch(64.09% 0.098 143.5) |
| XYZ | xyz(19.8301, 27.5992, 16.5917) |
| Luminance | 0.2760 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dusty Green
#76A973
ΔE00 4.32
Dull Green
#74A662
ΔE00 4.39
Muted Green
#5FA052
ΔE00 4.61
Moss
#769958
ΔE00 4.78
Light Forest Green
#4F9153
ΔE00 5.09
Off Green
#6BA353
ΔE00 5.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#679C65 #9A659C
analogous
#829C65 #679C65 #659C7E
triadic
#679C65 #65679C #9C6567
tetradic
#679C65 #65829C #9A659C #9C7E65
square
#679C65 #65829C #9A659C #9C7E65
split-complementary
#679C65 #7E659C #9C6582
monochromatic
#365235 #4E774D #679C65 #8CB48A #B1CCB0
إمكانية الوصول والتباين
On white
3.22
#679C65 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.52
#679C65 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #679C65
6.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##679C65 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##679C65 | 1.00 | 3.22 | 6.52 | 6.52 |
| #FFFFFF | 3.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9E9361
Deuteranopia (green-blind)
#968D68
Tritanopia (blue-blind)
#62998E
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #679c65; /* rgb */ color: rgb(103, 156, 101); /* oklch */ color: oklch(64.1% 0.098 143.5);
Tailwind
colors: {
custom: {
50: '#94b991',
500: '#679c65',
950: '#000000',
},
}SCSS
$custom: #679c65; $custom-light: #94b991; $custom-dark: #000000;
JSON
{
"hex": "#679c65",
"rgb": {
"r": 103,
"g": 156,
"b": 101
},
"hsl": {
"h": 117.818,
"s": 21.739,
"l": 50.392
},
"oklch": {
"l": 0.64094,
"c": 0.09832,
"h": 143.5
},
"luminance": 0.276
}Semantic roles & 50–950 ramp
primary
#679C65
secondary
#BAA2BB
accent
#6ABEBB
background
#F9FBF8
surface
#F2F6F0
border
#CCD0CB
text
#0D110D
muted
#7E807D