#768555#768555
#768555 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.213؛ OKLCH L 59.2% C 0.071 H 122.7°. أفضل لون لنص المتن هو #000000 بتباين 5.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #768555 |
|---|---|
| RGB | rgb(118, 133, 85) |
| HSL | hsl(79, 22%, 43%) |
| HSV | hsv(79, 36%, 52%) |
| CMYK | cmyk(11.3%, 0%, 36.1%, 47.8%) |
| CIE-LAB | lab(53.26, -14.08, 24.11) |
| CIE-LCH | lch(53.26, 27.92, 120.29°) |
| OKLab | oklab(59.21% -0.0383 0.0597) |
| OKLCH | oklch(59.21% 0.071 122.7) |
| XYZ | xyz(17.4983, 21.2825, 11.7786) |
| Luminance | 0.2128 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Camo
#7F8F4E
ΔE00 5.00
Military Green
#667C3E
ΔE00 5.49
Swamp
#698339
ΔE00 5.97
Khaki Green
#728639
ΔE00 5.99
Drab
#828344
ΔE00 6.06
Drab Green
#749551
ΔE00 6.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#768555 #645585
analogous
#857C55 #768555 #5E8555
triadic
#768555 #557685 #855576
tetradic
#768555 #55857C #645585 #85555E
square
#768555 #55857C #645585 #85555E
split-complementary
#768555 #555E85 #7C5585
monochromatic
#343A25 #55603D #768555 #95A572 #B1BD98
إمكانية الوصول والتباين
On white
4.00
#768555 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.26
#768555 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #768555
5.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##768555 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##768555 | 1.00 | 4.00 | 5.26 | 5.26 |
| #FFFFFF | 4.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8A8052
Deuteranopia (green-blind)
#887F57
Tritanopia (blue-blind)
#7A8079
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #768555; /* rgb */ color: rgb(118, 133, 85); /* oklch */ color: oklch(59.2% 0.071 122.7);
Tailwind
colors: {
custom: {
50: '#9ea885',
500: '#768555',
950: '#000000',
},
}SCSS
$custom: #768555; $custom-light: #9ea885; $custom-dark: #000000;
JSON
{
"hex": "#768555",
"rgb": {
"r": 118,
"g": 133,
"b": 85
},
"hsl": {
"h": 78.75,
"s": 22.018,
"l": 42.745
},
"oklch": {
"l": 0.59208,
"c": 0.07096,
"h": 122.7
},
"luminance": 0.21282
}Semantic roles & 50–950 ramp
primary
#768555
secondary
#958BAA
accent
#69BF84
background
#F9FAF8
surface
#F2F4EF
border
#CCCECA
text
#0E0F0B
muted
#7E7F7C