#5D784F#5D784F
#5D784F لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.163؛ OKLCH L 54.0% C 0.069 H 135.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5D784F |
|---|---|
| RGB | rgb(93, 120, 79) |
| HSL | hsl(100, 21%, 39%) |
| HSV | hsv(100, 34%, 47%) |
| CMYK | cmyk(22.5%, 0%, 34.2%, 52.9%) |
| CIE-LAB | lab(47.40, -18.04, 19.43) |
| CIE-LCH | lch(47.40, 26.51, 132.87°) |
| OKLab | oklab(54.02% -0.0491 0.0486) |
| OKLCH | oklch(54.02% 0.069 135.3) |
| XYZ | xyz(12.6416, 16.3243, 9.8805) |
| Luminance | 0.1633 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dark Sage
#598556
ΔE00 5.38
Military Green
#667C3E
ΔE00 5.88
Darkolivegreen
#556B2F
ΔE00 7.33
Muddy Green
#657432
ΔE00 7.70
Swamp
#698339
ΔE00 8.51
Slate Green
#658D6D
ΔE00 8.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5D784F #6A4F78
analogous
#72784F #5D784F #4F7856
triadic
#5D784F #4F5D78 #784F5D
tetradic
#5D784F #4F7278 #6A4F78 #78564F
square
#5D784F #4F7278 #6A4F78 #78564F
split-complementary
#5D784F #564F78 #784F72
monochromatic
#242E1E #405337 #5D784F #7A9C68 #9BB48D
إمكانية الوصول والتباين
On white
4.92
#5D784F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.26
#5D784F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5D784F
4.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5D784F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5D784F | 1.00 | 4.92 | 4.26 | 4.92 |
| #FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B724C
Deuteranopia (green-blind)
#777051
Tritanopia (blue-blind)
#5D756D
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #5d784f; /* rgb */ color: rgb(93, 120, 79); /* oklch */ color: oklch(54.0% 0.069 135.3);
Tailwind
colors: {
custom: {
50: '#8b9f80',
500: '#5d784f',
950: '#000000',
},
}SCSS
$custom: #5d784f; $custom-light: #8b9f80; $custom-dark: #000000;
JSON
{
"hex": "#5d784f",
"rgb": {
"r": 93,
"g": 120,
"b": 79
},
"hsl": {
"h": 99.512,
"s": 20.603,
"l": 39.02
},
"oklch": {
"l": 0.54017,
"c": 0.06911,
"h": 135.3
},
"luminance": 0.16325
}Semantic roles & 50–950 ramp
primary
#5D784F
secondary
#9682A1
accent
#6BBDA1
background
#F8F9F7
surface
#F0F2EE
border
#CBCCC9
text
#0C0E0A
muted
#7D7E7C