#58693F#58693F
#58693F لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.125؛ OKLCH L 49.5% C 0.066 H 126.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #58693F |
|---|---|
| RGB | rgb(88, 105, 63) |
| HSL | hsl(84, 25%, 33%) |
| HSV | hsv(84, 40%, 41%) |
| CMYK | cmyk(16.2%, 0%, 40%, 58.8%) |
| CIE-LAB | lab(42.06, -14.41, 21.55) |
| CIE-LCH | lch(42.06, 25.92, 123.78°) |
| OKLab | oklab(49.54% -0.0395 0.0531) |
| OKLCH | oklch(49.54% 0.066 126.6) |
| XYZ | xyz(9.9732, 12.5367, 6.5961) |
| Luminance | 0.1254 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Darkolivegreen
#556B2F
ΔE00 4.26
Camo Green
#526525
ΔE00 5.49
Muddy Green
#657432
ΔE00 6.93
Military Green
#667C3E
ΔE00 7.96
Army Green
#4B5D16
ΔE00 7.98
Camouflage Green
#4B6113
ΔE00 8.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#58693F #503F69
analogous
#69653F #58693F #43693F
triadic
#58693F #3F5869 #693F58
tetradic
#58693F #3F6965 #503F69 #693F43
square
#58693F #3F6965 #503F69 #693F43
split-complementary
#58693F #3F4369 #653F69
monochromatic
#181C11 #384328 #58693F #788F56 #96AD76
إمكانية الوصول والتباين
On white
5.99
#58693F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.51
#58693F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #58693F
5.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##58693F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##58693F | 1.00 | 5.99 | 3.51 | 5.99 |
| #FFFFFF | 5.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.51 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.99 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D643C
Deuteranopia (green-blind)
#6B6341
Tritanopia (blue-blind)
#5A655F
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #58693f; /* rgb */ color: rgb(88, 105, 63); /* oklch */ color: oklch(49.5% 0.066 126.6);
Tailwind
colors: {
custom: {
50: '#889474',
500: '#58693f',
950: '#000000',
},
}SCSS
$custom: #58693f; $custom-light: #889474; $custom-dark: #000000;
JSON
{
"hex": "#58693f",
"rgb": {
"r": 88,
"g": 105,
"b": 63
},
"hsl": {
"h": 84.286,
"s": 25,
"l": 32.941
},
"oklch": {
"l": 0.49543,
"c": 0.06615,
"h": 126.6
},
"luminance": 0.12537
}Semantic roles & 50–950 ramp
primary
#58693F
secondary
#7E6C98
accent
#66C18B
background
#F8F9F7
surface
#F0F1ED
border
#CBCBC8
text
#0B0D08
muted
#7C7E7B