#89AC3E#89AC3E
#89AC3E لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.352؛ OKLCH L 69.6% C 0.143 H 125.0°. أفضل لون لنص المتن هو #000000 بتباين 8.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89AC3E |
|---|---|
| RGB | rgb(137, 172, 62) |
| HSL | hsl(79, 47%, 46%) |
| HSV | hsv(79, 64%, 67%) |
| CMYK | cmyk(20.3%, 0%, 64%, 32.5%) |
| CIE-LAB | lab(65.88, -28.62, 51.00) |
| CIE-LCH | lch(65.88, 58.48, 119.30°) |
| OKLab | oklab(69.61% -0.0819 0.1169) |
| OKLCH | oklch(69.61% 0.143 125) |
| XYZ | xyz(25.9387, 35.1709, 9.9786) |
| Luminance | 0.3517 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Avocado (survey)
#90B134
ΔE00 2.49
Avocado Green
#87A922
ΔE00 2.95
Icky Green
#8FAE22
ΔE00 3.64
Booger
#9BB53C
ΔE00 4.07
Leaf
#71AA34
ΔE00 4.12
Pea Green
#8EAB12
ΔE00 4.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89AC3E #613EAC
analogous
#AC983E #89AC3E #52AC3E
triadic
#89AC3E #3E89AC #AC3E89
tetradic
#89AC3E #3EAC98 #613EAC #AC3E52
square
#89AC3E #3EAC98 #613EAC #AC3E52
split-complementary
#89AC3E #3E52AC #983EAC
monochromatic
#41521E #657F2E #89AC3E #A6C661 #BFD68E
إمكانية الوصول والتباين
On white
2.61
#89AC3E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.03
#89AC3E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #89AC3E
8.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89AC3E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##89AC3E | 1.00 | 2.61 | 8.03 | 8.03 |
| #FFFFFF | 2.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B5A130
Deuteranopia (green-blind)
#B0A046
Tritanopia (blue-blind)
#8FA495
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #89ac3e; /* rgb */ color: rgb(137, 172, 62); /* oklch */ color: oklch(69.6% 0.143 125.0);
Tailwind
colors: {
custom: {
50: '#aec478',
500: '#89ac3e',
950: '#000000',
},
}SCSS
$custom: #89ac3e; $custom-light: #aec478; $custom-dark: #000000;
JSON
{
"hex": "#89ac3e",
"rgb": {
"r": 137,
"g": 172,
"b": 62
},
"hsl": {
"h": 79.091,
"s": 47.009,
"l": 45.882
},
"oklch": {
"l": 0.69608,
"c": 0.14269,
"h": 125
},
"luminance": 0.35171
}Semantic roles & 50–950 ramp
primary
#89AC3E
secondary
#9885C1
accent
#51D77C
background
#FBFCF7
surface
#F6F8EE
border
#D0D1C9
text
#111209
muted
#80817B