#5E7231#5E7231
#5E7231 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.146؛ OKLCH L 52.1% C 0.094 H 123.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5E7231 |
|---|---|
| RGB | rgb(94, 114, 49) |
| HSL | hsl(78, 40%, 32%) |
| HSV | hsv(78, 57%, 45%) |
| CMYK | cmyk(17.5%, 0%, 57%, 55.3%) |
| CIE-LAB | lab(45.13, -18.46, 33.11) |
| CIE-LCH | lch(45.13, 37.91, 119.14°) |
| OKLab | oklab(52.06% -0.0522 0.0779) |
| OKLCH | oklch(52.06% 0.094 123.9) |
| XYZ | xyz(11.1878, 14.6360, 5.1408) |
| Luminance | 0.1464 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Muddy Green
#657432
ΔE00 1.83
Darkolivegreen
#556B2F
ΔE00 2.96
Military Green
#667C3E
ΔE00 3.92
Olive Drab
#6F7632
ΔE00 4.67
Camo Green
#526525
ΔE00 4.72
Dirty Green
#667E2C
ΔE00 5.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5E7231 #453172
analogous
#726631 #5E7231 #3E7231
triadic
#5E7231 #315E72 #72315E
tetradic
#5E7231 #317266 #453172 #72313E
square
#5E7231 #317266 #453172 #72313E
split-complementary
#5E7231 #313E72 #663172
monochromatic
#171C0C #3B471F #5E7231 #819D43 #A0BB62
إمكانية الوصول والتباين
On white
5.35
#5E7231 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.93
#5E7231 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5E7231
5.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5E7231 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5E7231 | 1.00 | 5.35 | 3.93 | 5.35 |
| #FFFFFF | 5.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#786B2B
Deuteranopia (green-blind)
#756B35
Tritanopia (blue-blind)
#626D64
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #5e7231; /* rgb */ color: rgb(94, 114, 49); /* oklch */ color: oklch(52.1% 0.094 123.9);
Tailwind
colors: {
custom: {
50: '#8d9a6b',
500: '#5e7231',
950: '#000000',
},
}SCSS
$custom: #5e7231; $custom-light: #8d9a6b; $custom-dark: #000000;
JSON
{
"hex": "#5e7231",
"rgb": {
"r": 94,
"g": 114,
"b": 49
},
"hsl": {
"h": 78.462,
"s": 39.877,
"l": 31.961
},
"oklch": {
"l": 0.52063,
"c": 0.09375,
"h": 123.9
},
"luminance": 0.14636
}Semantic roles & 50–950 ramp
primary
#5E7231
secondary
#725CA3
accent
#58D07D
background
#F8F9F6
surface
#F0F2EB
border
#CBCCC6
text
#0C0E07
muted
#7D7E7A