#709756#709756
#709756 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.263؛ OKLCH L 63.1% C 0.102 H 133.8°. أفضل لون لنص المتن هو #000000 بتباين 6.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #709756 |
|---|---|
| RGB | rgb(112, 151, 86) |
| HSL | hsl(96, 27%, 46%) |
| HSV | hsv(96, 43%, 59%) |
| CMYK | cmyk(25.8%, 0%, 43%, 40.8%) |
| CIE-LAB | lab(58.27, -25.61, 29.97) |
| CIE-LCH | lch(58.27, 39.42, 130.52°) |
| OKLab | oklab(63.14% -0.0703 0.0733) |
| OKLCH | oklch(63.14% 0.102 133.8) |
| XYZ | xyz(19.4280, 26.2493, 12.8453) |
| Luminance | 0.2625 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Moss
#769958
ΔE00 1.24
Drab Green
#749551
ΔE00 1.67
Flat Green
#699D4C
ΔE00 3.41
Off Green
#6BA353
ΔE00 4.49
Muted Green
#5FA052
ΔE00 4.64
Dull Green
#74A662
ΔE00 4.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#709756 #7D5697
analogous
#919756 #709756 #56975D
triadic
#709756 #567097 #975670
tetradic
#709756 #569197 #7D5697 #975D56
square
#709756 #569197 #7D5697 #975D56
split-complementary
#709756 #5D5697 #975691
monochromatic
#36492A #537040 #709756 #8FB278 #B0C89F
إمكانية الوصول والتباين
On white
3.36
#709756 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.25
#709756 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #709756
6.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##709756 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##709756 | 1.00 | 3.36 | 6.25 | 6.25 |
| #FFFFFF | 3.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.25 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.25 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9C8E51
Deuteranopia (green-blind)
#968B5A
Tritanopia (blue-blind)
#709287
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #709756; /* rgb */ color: rgb(112, 151, 86); /* oklch */ color: oklch(63.1% 0.102 133.8);
Tailwind
colors: {
custom: {
50: '#9ab586',
500: '#709756',
950: '#000000',
},
}SCSS
$custom: #709756; $custom-light: #9ab586; $custom-dark: #000000;
JSON
{
"hex": "#709756",
"rgb": {
"r": 112,
"g": 151,
"b": 86
},
"hsl": {
"h": 96,
"s": 27.426,
"l": 46.471
},
"oklch": {
"l": 0.63138,
"c": 0.10156,
"h": 133.8
},
"luminance": 0.2625
}Semantic roles & 50–950 ramp
primary
#709756
secondary
#A893B6
accent
#64C49D
background
#F9FBF8
surface
#F2F6EF
border
#CCD0CA
text
#0E110B
muted
#7E807C