#5B7345#5B7345
#5B7345 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.149؛ OKLCH L 52.4% C 0.074 H 131.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5B7345 |
|---|---|
| RGB | rgb(91, 115, 69) |
| HSL | hsl(91, 25%, 36%) |
| HSV | hsv(91, 40%, 45%) |
| CMYK | cmyk(20.9%, 0%, 40%, 54.9%) |
| CIE-LAB | lab(45.52, -17.73, 22.64) |
| CIE-LCH | lch(45.52, 28.76, 128.05°) |
| OKLab | oklab(52.41% -0.0485 0.0559) |
| OKLCH | oklch(52.41% 0.074 131) |
| XYZ | xyz(11.5191, 14.9151, 7.9011) |
| Luminance | 0.1492 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Darkolivegreen
#556B2F
ΔE00 4.81
Military Green
#667C3E
ΔE00 5.17
Muddy Green
#657432
ΔE00 5.88
Camo Green
#526525
ΔE00 7.11
Dark Sage
#598556
ΔE00 7.33
Olive Drab
#6F7632
ΔE00 8.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5B7345 #5D4573
analogous
#727345 #5B7345 #457346
triadic
#5B7345 #455B73 #73455B
tetradic
#5B7345 #457273 #5D4573 #734645
square
#5B7345 #457273 #5D4573 #734645
split-complementary
#5B7345 #464573 #734572
monochromatic
#1E2617 #3D4D2E #5B7345 #79995C #98B380
إمكانية الوصول والتباين
On white
5.27
#5B7345 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.98
#5B7345 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5B7345
5.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5B7345 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5B7345 | 1.00 | 5.27 | 3.98 | 5.27 |
| #FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#776D42
Deuteranopia (green-blind)
#736B47
Tritanopia (blue-blind)
#5C6F68
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #5b7345; /* rgb */ color: rgb(91, 115, 69); /* oklch */ color: oklch(52.4% 0.074 131.0);
Tailwind
colors: {
custom: {
50: '#8a9b79',
500: '#5b7345',
950: '#000000',
},
}SCSS
$custom: #5b7345; $custom-light: #8a9b79; $custom-dark: #000000;
JSON
{
"hex": "#5b7345",
"rgb": {
"r": 91,
"g": 115,
"b": 69
},
"hsl": {
"h": 91.304,
"s": 25,
"l": 36.078
},
"oklch": {
"l": 0.52412,
"c": 0.07399,
"h": 131
},
"luminance": 0.14915
}Semantic roles & 50–950 ramp
primary
#5B7345
secondary
#8B759E
accent
#66C196
background
#F8F9F7
surface
#F0F2ED
border
#CBCCC8
text
#0C0E09
muted
#7D7E7B