#9FB780#9FB780
#9FB780 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.428؛ OKLCH L 74.7% C 0.080 H 127.4°. أفضل لون لنص المتن هو #000000 بتباين 9.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9FB780 |
|---|---|
| RGB | rgb(159, 183, 128) |
| HSL | hsl(86, 28%, 61%) |
| HSV | hsv(86, 30%, 72%) |
| CMYK | cmyk(13.1%, 0%, 30.1%, 28.2%) |
| CIE-LAB | lab(71.42, -17.98, 25.34) |
| CIE-LCH | lch(71.42, 31.07, 125.36°) |
| OKLab | oklab(74.72% -0.0486 0.0636) |
| OKLCH | oklch(74.72% 0.08 127.4) |
| XYZ | xyz(35.1273, 42.7961, 26.8277) |
| Luminance | 0.4280 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Lichen
#8FB67B
ΔE00 3.45
Sage Green
#9CAF88
ΔE00 4.33
Sage Green (survey)
#88B378
ΔE00 4.60
Sage
#87AE73
ΔE00 4.77
Tan Green
#A9BE70
ΔE00 5.29
Darkseagreen
#8FBC8F
ΔE00 5.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9FB780 #9880B7
analogous
#B7B380 #9FB780 #83B780
triadic
#9FB780 #809FB7 #B7809F
tetradic
#9FB780 #80B7B3 #9880B7 #B78083
square
#9FB780 #80B7B3 #9880B7 #B78083
split-complementary
#9FB780 #8083B7 #B380B7
monochromatic
#627844 #819F5A #9FB780 #BDCDA7 #DAE3CE
إمكانية الوصول والتباين
On white
2.20
#9FB780 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.56
#9FB780 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9FB780
9.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9FB780 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9FB780 | 1.00 | 2.20 | 9.56 | 9.56 |
| #FFFFFF | 2.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.56 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.56 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BDB07C
Deuteranopia (green-blind)
#B9AE83
Tritanopia (blue-blind)
#A2B2A9
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #9fb780; /* rgb */ color: rgb(159, 183, 128); /* oklch */ color: oklch(74.7% 0.080 127.4);
Tailwind
colors: {
custom: {
50: '#bccca5',
500: '#9fb780',
950: '#000000',
},
}SCSS
$custom: #9fb780; $custom-light: #bccca5; $custom-dark: #000000;
JSON
{
"hex": "#9fb780",
"rgb": {
"r": 159,
"g": 183,
"b": 128
},
"hsl": {
"h": 86.182,
"s": 27.638,
"l": 60.98
},
"oklch": {
"l": 0.74721,
"c": 0.08002,
"h": 127.4
},
"luminance": 0.42796
}Semantic roles & 50–950 ramp
primary
#9FB780
secondary
#C8BFD4
accent
#3FA66C
background
#FBFCFA
surface
#F6F8F4
border
#D0D1CE
text
#12130F
muted
#81827F