#689656#689656
#689656 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.254؛ OKLCH L 62.4% C 0.104 H 137.3°. أفضل لون لنص المتن هو #000000 بتباين 6.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #689656 |
|---|---|
| RGB | rgb(104, 150, 86) |
| HSL | hsl(103, 27%, 46%) |
| HSV | hsv(103, 43%, 59%) |
| CMYK | cmyk(30.7%, 0%, 42.7%, 41.2%) |
| CIE-LAB | lab(57.49, -28.07, 28.87) |
| CIE-LCH | lch(57.49, 40.27, 134.20°) |
| OKLab | oklab(62.38% -0.0768 0.0708) |
| OKLCH | oklch(62.38% 0.105 137.3) |
| XYZ | xyz(18.2945, 25.4270, 12.7463) |
| Luminance | 0.2543 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Moss
#769958
ΔE00 2.83
Drab Green
#749551
ΔE00 3.09
Flat Green
#699D4C
ΔE00 3.61
Muted Green
#5FA052
ΔE00 4.08
Light Forest Green
#4F9153
ΔE00 4.41
Fern Green
#548D44
ΔE00 4.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#689656 #845696
analogous
#889656 #689656 #569664
triadic
#689656 #566896 #965668
tetradic
#689656 #568896 #845696 #966456
square
#689656 #568896 #845696 #966456
split-complementary
#689656 #645696 #965688
monochromatic
#324829 #4D6F40 #689656 #88B178 #AAC89F
إمكانية الوصول والتباين
On white
3.45
#689656 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.09
#689656 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #689656
6.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##689656 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##689656 | 1.00 | 3.45 | 6.09 | 6.09 |
| #FFFFFF | 3.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.09 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9A8D51
Deuteranopia (green-blind)
#93895A
Tritanopia (blue-blind)
#669286
Achromatopsia (no color)
#8A8A8A
وسوم التصميم والكود
CSS
--color: #689656; /* rgb */ color: rgb(104, 150, 86); /* oklch */ color: oklch(62.4% 0.104 137.3);
Tailwind
colors: {
custom: {
50: '#95b586',
500: '#689656',
950: '#000000',
},
}SCSS
$custom: #689656; $custom-light: #95b586; $custom-dark: #000000;
JSON
{
"hex": "#689656",
"rgb": {
"r": 104,
"g": 150,
"b": 86
},
"hsl": {
"h": 103.125,
"s": 27.119,
"l": 46.275
},
"oklch": {
"l": 0.62378,
"c": 0.1045,
"h": 137.3
},
"luminance": 0.25428
}Semantic roles & 50–950 ramp
primary
#689656
secondary
#AB93B5
accent
#64C3A9
background
#F9FBF8
surface
#F2F6EF
border
#CCD0CA
text
#0D110B
muted
#7E807C