#4E6C64#4E6C64
#4E6C64 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.133؛ OKLCH L 50.5% C 0.037 H 176.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E6C64 |
|---|---|
| RGB | rgb(78, 108, 100) |
| HSL | hsl(164, 16%, 36%) |
| HSV | hsv(164, 28%, 42%) |
| CMYK | cmyk(27.8%, 0%, 7.4%, 57.6%) |
| CIE-LAB | lab(43.16, -12.79, 0.94) |
| CIE-LCH | lch(43.16, 12.82, 175.78°) |
| OKLab | oklab(50.53% -0.0372 0.0023) |
| OKLCH | oklch(50.53% 0.037 176.4) |
| XYZ | xyz(10.8040, 13.2644, 14.0452) |
| Luminance | 0.1326 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 8.75
Dark Aqua
#05696B
ΔE00 9.72
Gunmetal (survey)
#536267
ΔE00 9.85
Dark Aquamarine
#017371
ΔE00 9.86
Deep Turquoise
#017374
ΔE00 10.03
Dark Turquoise
#045C5A
ΔE00 10.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E6C64 #6C4E56
analogous
#4E6C55 #4E6C64 #4E656C
triadic
#4E6C64 #644E6C #6C644E
tetradic
#4E6C64 #554E6C #6C4E56 #656C4E
square
#4E6C64 #554E6C #6C4E56 #656C4E
split-complementary
#4E6C64 #6C4E65 #6C554E
monochromatic
#1B2522 #344843 #4E6C64 #689085 #8AAAA2
إمكانية الوصول والتباين
On white
5.75
#4E6C64 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.65
#4E6C64 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4E6C64
5.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E6C64 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E6C64 | 1.00 | 5.75 | 3.65 | 5.75 |
| #FFFFFF | 5.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A6864
Deuteranopia (green-blind)
#646465
Tritanopia (blue-blind)
#466D6A
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #4e6c64; /* rgb */ color: rgb(78, 108, 100); /* oklch */ color: oklch(50.5% 0.037 176.4);
Tailwind
colors: {
custom: {
50: '#809690',
500: '#4e6c64',
950: '#000000',
},
}SCSS
$custom: #4e6c64; $custom-light: #809690; $custom-dark: #000000;
JSON
{
"hex": "#4e6c64",
"rgb": {
"r": 78,
"g": 108,
"b": 100
},
"hsl": {
"h": 164,
"s": 16.129,
"l": 36.471
},
"oklch": {
"l": 0.50527,
"c": 0.03726,
"h": 176.4
},
"luminance": 0.13265
}Semantic roles & 50–950 ramp
primary
#4E6C64
secondary
#987E85
accent
#6F83B9
background
#F7F9F8
surface
#EEF2F0
border
#C9CCCB
text
#0A0D0C
muted
#7C7E7D