#536D35#536D35
#536D35 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.130؛ OKLCH L 50.0% C 0.087 H 129.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #536D35 |
|---|---|
| RGB | rgb(83, 109, 53) |
| HSL | hsl(88, 35%, 32%) |
| HSV | hsv(88, 51%, 43%) |
| CMYK | cmyk(23.9%, 0%, 51.4%, 57.3%) |
| CIE-LAB | lab(42.81, -20.02, 28.04) |
| CIE-LCH | lch(42.81, 34.46, 125.52°) |
| OKLab | oklab(50.01% -0.0556 0.0672) |
| OKLCH | oklch(50.01% 0.087 129.6) |
| XYZ | xyz(9.6784, 13.0331, 5.3732) |
| Luminance | 0.1303 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Darkolivegreen
#556B2F
ΔE00 1.69
Camo Green
#526525
ΔE00 3.94
Muddy Green
#657432
ΔE00 5.26
Military Green
#667C3E
ΔE00 6.19
Camouflage Green
#4B6113
ΔE00 6.32
Army Green
#4B5D16
ΔE00 6.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#536D35 #4F356D
analogous
#6D6B35 #536D35 #376D35
triadic
#536D35 #35536D #6D3553
tetradic
#536D35 #356D6B #4F356D #6D3537
square
#536D35 #356D6B #4F356D #6D3537
split-complementary
#536D35 #35376D #6B356D
monochromatic
#141B0D #344421 #536D35 #729649 #91B567
إمكانية الوصول والتباين
On white
5.82
#536D35 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.61
#536D35 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #536D35
5.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##536D35 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##536D35 | 1.00 | 5.82 | 3.61 | 5.82 |
| #FFFFFF | 5.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.82 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726630
Deuteranopia (green-blind)
#6E6438
Tritanopia (blue-blind)
#556960
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #536d35; /* rgb */ color: rgb(83, 109, 53); /* oklch */ color: oklch(50.0% 0.087 129.6);
Tailwind
colors: {
custom: {
50: '#85976d',
500: '#536d35',
950: '#000000',
},
}SCSS
$custom: #536d35; $custom-light: #85976d; $custom-dark: #000000;
JSON
{
"hex": "#536d35",
"rgb": {
"r": 83,
"g": 109,
"b": 53
},
"hsl": {
"h": 87.857,
"s": 34.568,
"l": 31.765
},
"oklch": {
"l": 0.50009,
"c": 0.08724,
"h": 129.6
},
"luminance": 0.13033
}Semantic roles & 50–950 ramp
primary
#536D35
secondary
#7D609E
accent
#5DCB90
background
#F8F9F6
surface
#EFF2EC
border
#CACCC7
text
#0B0D07
muted
#7C7E7A