#616F35#616F35
#616F35 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.142؛ OKLCH L 51.6% C 0.084 H 120.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #616F35 |
|---|---|
| RGB | rgb(97, 111, 53) |
| HSL | hsl(74, 35%, 32%) |
| HSV | hsv(74, 52%, 44%) |
| CMYK | cmyk(12.6%, 0%, 52.3%, 56.5%) |
| CIE-LAB | lab(44.47, -15.11, 30.29) |
| CIE-LCH | lch(44.47, 33.85, 116.51°) |
| OKLab | oklab(51.61% -0.0426 0.072) |
| OKLCH | oklch(51.61% 0.084 120.6) |
| XYZ | xyz(11.2569, 14.1673, 5.5090) |
| Luminance | 0.1417 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Muddy Green
#657432
ΔE00 2.33
Darkolivegreen
#556B2F
ΔE00 3.00
Camo Green
#526525
ΔE00 4.41
Olive Drab
#6F7632
ΔE00 4.48
Military Green
#667C3E
ΔE00 4.89
Dirty Green
#667E2C
ΔE00 6.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#616F35 #43356F
analogous
#6F6035 #616F35 #446F35
triadic
#616F35 #35616F #6F3561
tetradic
#616F35 #356F60 #43356F #6F3544
square
#616F35 #356F60 #43356F #6F3544
split-complementary
#616F35 #35446F #60356F
monochromatic
#191C0D #3D4621 #616F35 #859849 #A4B768
إمكانية الوصول والتباين
On white
5.48
#616F35 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.83
#616F35 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #616F35
5.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##616F35 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##616F35 | 1.00 | 5.48 | 3.83 | 5.48 |
| #FFFFFF | 5.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.48 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#756930
Deuteranopia (green-blind)
#736938
Tritanopia (blue-blind)
#666A62
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #616f35; /* rgb */ color: rgb(97, 111, 53); /* oklch */ color: oklch(51.6% 0.084 120.6);
Tailwind
colors: {
custom: {
50: '#8f986e',
500: '#616f35',
950: '#000000',
},
}SCSS
$custom: #616f35; $custom-light: #8f986e; $custom-dark: #000000;
JSON
{
"hex": "#616f35",
"rgb": {
"r": 97,
"g": 111,
"b": 53
},
"hsl": {
"h": 74.483,
"s": 35.366,
"l": 32.157
},
"oklch": {
"l": 0.51606,
"c": 0.08371,
"h": 120.6
},
"luminance": 0.14167
}Semantic roles & 50–950 ramp
primary
#616F35
secondary
#70609F
accent
#5CCB77
background
#F8F9F6
surface
#F0F2EC
border
#CBCCC7
text
#0C0D07
muted
#7D7E7A