#658131#658131
#658131 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.187؛ OKLCH L 56.4% C 0.112 H 126.1°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #658131 |
|---|---|
| RGB | rgb(101, 129, 49) |
| HSL | hsl(81, 45%, 35%) |
| HSV | hsv(81, 62%, 51%) |
| CMYK | cmyk(21.7%, 0%, 62%, 49.4%) |
| CIE-LAB | lab(50.32, -23.25, 39.15) |
| CIE-LCH | lch(50.32, 45.54, 120.71°) |
| OKLab | oklab(56.38% -0.066 0.0907) |
| OKLCH | oklch(56.38% 0.112 126.1) |
| XYZ | xyz(13.7715, 18.6888, 5.7869) |
| Luminance | 0.1869 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Swamp
#698339
ΔE00 1.42
Dirty Green
#667E2C
ΔE00 1.47
Khaki Green
#728639
ΔE00 3.13
Military Green
#667C3E
ΔE00 3.51
Moss Green (survey)
#658B38
ΔE00 3.79
Mossy Green
#638B27
ΔE00 4.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#658131 #4D3181
analogous
#817531 #658131 #3D8131
triadic
#658131 #316581 #813165
tetradic
#658131 #318175 #4D3181 #81313D
square
#658131 #318175 #4D3181 #81313D
split-complementary
#658131 #313D81 #753181
monochromatic
#20280F #425520 #658131 #88AD42 #A4C567
إمكانية الوصول والتباين
On white
4.43
#658131 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.74
#658131 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #658131
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##658131 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##658131 | 1.00 | 4.43 | 4.74 | 4.74 |
| #FFFFFF | 4.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#887928
Deuteranopia (green-blind)
#847737
Tritanopia (blue-blind)
#697B70
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #658131; /* rgb */ color: rgb(101, 129, 49); /* oklch */ color: oklch(56.4% 0.112 126.1);
Tailwind
colors: {
custom: {
50: '#93a56c',
500: '#658131',
950: '#000000',
},
}SCSS
$custom: #658131; $custom-light: #93a56c; $custom-dark: #000000;
JSON
{
"hex": "#658131",
"rgb": {
"r": 101,
"g": 129,
"b": 49
},
"hsl": {
"h": 81,
"s": 44.944,
"l": 34.902
},
"oklch": {
"l": 0.56376,
"c": 0.11217,
"h": 126.1
},
"luminance": 0.18689
}Semantic roles & 50–950 ramp
primary
#658131
secondary
#7C61AD
accent
#53D580
background
#F9FAF6
surface
#F1F4EC
border
#CBCEC7
text
#0D0F07
muted
#7E7F7A