#617E49#617E49
#617E49 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.179؛ OKLCH L 55.7% C 0.084 H 132.0°. أفضل لون لنص المتن هو #000000 بتباين 4.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #617E49 |
|---|---|
| RGB | rgb(97, 126, 73) |
| HSL | hsl(93, 27%, 39%) |
| HSV | hsv(93, 42%, 49%) |
| CMYK | cmyk(23%, 0%, 42.1%, 50.6%) |
| CIE-LAB | lab(49.43, -20.54, 25.53) |
| CIE-LCH | lch(49.43, 32.77, 128.83°) |
| OKLab | oklab(55.69% -0.0564 0.0626) |
| OKLCH | oklch(55.69% 0.084 132) |
| XYZ | xyz(13.5930, 17.9438, 9.0494) |
| Luminance | 0.1794 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Military Green
#667C3E
ΔE00 3.16
Dark Sage
#598556
ΔE00 4.47
Swamp
#698339
ΔE00 5.09
Muddy Green
#657432
ΔE00 6.25
Dirty Green
#667E2C
ΔE00 6.39
Fern Green
#548D44
ΔE00 6.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#617E49 #66497E
analogous
#7C7E49 #617E49 #497E4C
triadic
#617E49 #49617E #7E4961
tetradic
#617E49 #497C7E #66497E #7E4C49
square
#617E49 #497C7E #66497E #7E4C49
split-complementary
#617E49 #4C497E #7E497C
monochromatic
#25311C #435733 #617E49 #7FA361 #9EBA88
إمكانية الوصول والتباين
On white
4.58
#617E49 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.59
#617E49 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #617E49
4.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##617E49 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##617E49 | 1.00 | 4.58 | 4.59 | 4.59 |
| #FFFFFF | 4.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#827745
Deuteranopia (green-blind)
#7E754C
Tritanopia (blue-blind)
#627A71
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #617e49; /* rgb */ color: rgb(97, 126, 73); /* oklch */ color: oklch(55.7% 0.084 132.0);
Tailwind
colors: {
custom: {
50: '#8fa37c',
500: '#617e49',
950: '#000000',
},
}SCSS
$custom: #617e49; $custom-light: #8fa37c; $custom-dark: #000000;
JSON
{
"hex": "#617e49",
"rgb": {
"r": 97,
"g": 126,
"b": 73
},
"hsl": {
"h": 92.83,
"s": 26.633,
"l": 39.02
},
"oklch": {
"l": 0.55687,
"c": 0.08426,
"h": 132
},
"luminance": 0.17944
}Semantic roles & 50–950 ramp
primary
#617E49
secondary
#937DA6
accent
#65C398
background
#F8FAF7
surface
#F0F3EE
border
#CBCDC9
text
#0C0F09
muted
#7D7F7B