#708951#708951
#708951 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.219؛ OKLCH L 59.6% C 0.085 H 128.3°. أفضل لون لنص المتن هو #000000 بتباين 5.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #708951 |
|---|---|
| RGB | rgb(112, 137, 81) |
| HSL | hsl(87, 26%, 43%) |
| HSV | hsv(87, 41%, 54%) |
| CMYK | cmyk(18.2%, 0%, 40.9%, 46.3%) |
| CIE-LAB | lab(53.95, -19.18, 27.14) |
| CIE-LCH | lch(53.95, 33.23, 125.26°) |
| OKLab | oklab(59.63% -0.0527 0.0666) |
| OKLCH | oklch(59.63% 0.085 128.3) |
| XYZ | xyz(17.1128, 21.9299, 11.1143) |
| Luminance | 0.2193 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Camo
#7F8F4E
ΔE00 4.35
Drab Green
#749551
ΔE00 4.47
Swamp
#698339
ΔE00 4.62
Khaki Green
#728639
ΔE00 5.03
Moss Green (survey)
#658B38
ΔE00 5.27
Military Green
#667C3E
ΔE00 5.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#708951 #6A5189
analogous
#898651 #708951 #548951
triadic
#708951 #517089 #895170
tetradic
#708951 #518986 #6A5189 #895154
square
#708951 #518986 #6A5189 #895154
split-complementary
#708951 #515489 #865189
monochromatic
#313C24 #51633A #708951 #8FA96E #ADC094
إمكانية الوصول والتباين
On white
3.90
#708951 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.39
#708951 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #708951
5.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##708951 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##708951 | 1.00 | 3.90 | 5.39 | 5.39 |
| #FFFFFF | 3.90 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.39 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8E824D
Deuteranopia (green-blind)
#8A8054
Tritanopia (blue-blind)
#72847B
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #708951; /* rgb */ color: rgb(112, 137, 81); /* oklch */ color: oklch(59.6% 0.085 128.3);
Tailwind
colors: {
custom: {
50: '#9aab82',
500: '#708951',
950: '#000000',
},
}SCSS
$custom: #708951; $custom-light: #9aab82; $custom-dark: #000000;
JSON
{
"hex": "#708951",
"rgb": {
"r": 112,
"g": 137,
"b": 81
},
"hsl": {
"h": 86.786,
"s": 25.688,
"l": 42.745
},
"oklch": {
"l": 0.59633,
"c": 0.0849,
"h": 128.3
},
"luminance": 0.2193
}Semantic roles & 50–950 ramp
primary
#708951
secondary
#9989AD
accent
#66C28F
background
#F9FAF8
surface
#F2F4EF
border
#CCCECA
text
#0E100A
muted
#7E7F7C