#577A1A#577A1A
#577A1A لون متوسط وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.160؛ OKLCH L 53.4% C 0.127 H 128.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #577A1A |
|---|---|
| RGB | rgb(87, 122, 26) |
| HSL | hsl(82, 65%, 29%) |
| HSV | hsv(82, 79%, 48%) |
| CMYK | cmyk(28.7%, 0%, 78.7%, 52.2%) |
| CIE-LAB | lab(47.00, -27.33, 45.12) |
| CIE-LCH | lch(47.00, 52.75, 121.20°) |
| OKLab | oklab(53.39% -0.0784 0.1001) |
| OKLCH | oklch(53.39% 0.127 128.1) |
| XYZ | xyz(11.0765, 16.0196, 3.4856) |
| Luminance | 0.1602 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dirty Green
#667E2C
ΔE00 3.49
Avocado
#568203
ΔE00 3.54
Olive Green
#677A04
ΔE00 4.91
Swamp
#698339
ΔE00 5.40
Dark Grass Green
#388004
ΔE00 5.57
Muddy Green
#657432
ΔE00 5.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#577A1A #3D1A7A
analogous
#7A6D1A #577A1A #277A1A
triadic
#577A1A #1A577A #7A1A57
tetradic
#577A1A #1A7A6D #3D1A7A #7A1A27
square
#577A1A #1A7A6D #3D1A7A #7A1A27
split-complementary
#577A1A #1A277A #6D1A7A
monochromatic
#121905 #33480F #577A1A #7BAC25 #9CD539
إمكانية الوصول والتباين
On white
5.00
#577A1A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.20
#577A1A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #577A1A
5.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##577A1A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##577A1A | 1.00 | 5.00 | 4.20 | 5.00 |
| #FFFFFF | 5.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#807104
Deuteranopia (green-blind)
#7C6F24
Tritanopia (blue-blind)
#5A7468
Achromatopsia (no color)
#6F6F6F
وسوم التصميم والكود
CSS
--color: #577a1a; /* rgb */ color: rgb(87, 122, 26); /* oklch */ color: oklch(53.4% 0.127 128.1);
Tailwind
colors: {
custom: {
50: '#8aa05f',
500: '#577a1a',
950: '#000000',
},
}SCSS
$custom: #577a1a; $custom-light: #8aa05f; $custom-dark: #000000;
JSON
{
"hex": "#577a1a",
"rgb": {
"r": 87,
"g": 122,
"b": 26
},
"hsl": {
"h": 81.875,
"s": 64.865,
"l": 29.02
},
"oklch": {
"l": 0.53387,
"c": 0.12714,
"h": 128.1
},
"luminance": 0.1602
}Semantic roles & 50–950 ramp
primary
#577A1A
secondary
#6941AE
accent
#40E87D
background
#F8F9F5
surface
#F0F2EA
border
#CBCCC6
text
#0C0E05
muted
#7D7E79