#97B84A#97B84A
#97B84A لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.414؛ OKLCH L 73.5% C 0.142 H 123.9°. أفضل لون لنص المتن هو #000000 بتباين 9.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #97B84A |
|---|---|
| RGB | rgb(151, 184, 74) |
| HSL | hsl(78, 44%, 51%) |
| HSV | hsv(78, 60%, 72%) |
| CMYK | cmyk(17.9%, 0%, 59.8%, 27.8%) |
| CIE-LAB | lab(70.42, -27.83, 50.98) |
| CIE-LCH | lch(70.42, 58.08, 118.63°) |
| OKLab | oklab(73.55% -0.0794 0.1181) |
| OKLCH | oklch(73.55% 0.142 123.9) |
| XYZ | xyz(31.1392, 41.3545, 12.8189) |
| Luminance | 0.4135 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Booger
#9BB53C
ΔE00 2.47
Avocado (survey)
#90B134
ΔE00 2.81
Light Olive Green
#A4BE5C
ΔE00 2.82
Sick Green
#9DB92C
ΔE00 3.99
Icky Green
#8FAE22
ΔE00 4.50
Sickly Green
#94B21C
ΔE00 4.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#97B84A #6B4AB8
analogous
#B8A24A #97B84A #60B84A
triadic
#97B84A #4A97B8 #B84A97
tetradic
#97B84A #4AB8A2 #6B4AB8 #B84A60
square
#97B84A #4AB8A2 #6B4AB8 #B84A60
split-complementary
#97B84A #4A60B8 #A24AB8
monochromatic
#506126 #748D37 #97B84A #B0C976 #CADAA2
إمكانية الوصول والتباين
On white
2.27
#97B84A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.27
#97B84A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #97B84A
9.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##97B84A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##97B84A | 1.00 | 2.27 | 9.27 | 9.27 |
| #FFFFFF | 2.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C2AD3E
Deuteranopia (green-blind)
#BDAC51
Tritanopia (blue-blind)
#9DB0A0
Achromatopsia (no color)
#ACACAC
وسوم التصميم والكود
CSS
--color: #97b84a; /* rgb */ color: rgb(151, 184, 74); /* oklch */ color: oklch(73.5% 0.142 123.9);
Tailwind
colors: {
custom: {
50: '#b8cd81',
500: '#97b84a',
950: '#000000',
},
}SCSS
$custom: #97b84a; $custom-light: #b8cd81; $custom-dark: #000000;
JSON
{
"hex": "#97b84a",
"rgb": {
"r": 151,
"g": 184,
"b": 74
},
"hsl": {
"h": 78,
"s": 43.651,
"l": 50.588
},
"oklch": {
"l": 0.73547,
"c": 0.14228,
"h": 123.9
},
"luminance": 0.41355
}Semantic roles & 50–950 ramp
primary
#97B84A
secondary
#A596C7
accent
#54D37B
background
#FBFCF8
surface
#F6F9EF
border
#D0D2CA
text
#12130B
muted
#81827C