#4D5B4E#4D5B4E
#4D5B4E لون متوسط وخافت من عائلة أخضر. الإضاءة النسبية 0.096؛ OKLCH L 45.5% C 0.027 H 147.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4D5B4E |
|---|---|
| RGB | rgb(77, 91, 78) |
| HSL | hsl(124, 8%, 33%) |
| HSV | hsv(124, 15%, 36%) |
| CMYK | cmyk(15.4%, 0%, 14.3%, 64.3%) |
| CIE-LAB | lab(37.13, -8.30, 5.70) |
| CIE-LCH | lch(37.13, 10.07, 145.53°) |
| OKLab | oklab(45.5% -0.0228 0.0148) |
| OKLCH | oklch(45.5% 0.027 147.1) |
| XYZ | xyz(8.1765, 9.6099, 8.6304) |
| Luminance | 0.0961 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkslategray
#2F4F4F
ΔE00 9.55
Gunmetal (survey)
#536267
ΔE00 10.28
Hunter Green
#355E3B
ΔE00 10.62
Dark Green Blue
#1F6357
ΔE00 12.02
Charcoal Grey
#3C4142
ΔE00 12.11
Dimgray
#696969
ΔE00 12.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4D5B4E #5B4D5A
analogous
#535B4D #4D5B4E #4D5B55
triadic
#4D5B4E #4E4D5B #5B4E4D
tetradic
#4D5B4E #4D535B #5B4D5A #5B554D
square
#4D5B4E #4D535B #5B4D5A #5B554D
split-complementary
#4D5B4E #554D5B #5B4D53
monochromatic
#151915 #313A32 #4D5B4E #697C6A #889A89
إمكانية الوصول والتباين
On white
7.19
#4D5B4E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.92
#4D5B4E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4D5B4E
7.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4D5B4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4D5B4E | 1.00 | 7.19 | 2.92 | 7.19 |
| #FFFFFF | 7.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.19 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B584D
Deuteranopia (green-blind)
#59574F
Tritanopia (blue-blind)
#4C5A57
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #4d5b4e; /* rgb */ color: rgb(77, 91, 78); /* oklch */ color: oklch(45.5% 0.027 147.1);
Tailwind
colors: {
custom: {
50: '#7f897f',
500: '#4d5b4e',
950: '#000000',
},
}SCSS
$custom: #4d5b4e; $custom-light: #7f897f; $custom-dark: #000000;
JSON
{
"hex": "#4d5b4e",
"rgb": {
"r": 77,
"g": 91,
"b": 78
},
"hsl": {
"h": 124.286,
"s": 8.333,
"l": 32.941
},
"oklch": {
"l": 0.45502,
"c": 0.02717,
"h": 147.1
},
"luminance": 0.0961
}Semantic roles & 50–950 ramp
primary
#4D5B4E
secondary
#897B88
accent
#76ADB1
background
#F7F8F7
surface
#EEF0EE
border
#C9CBC9
text
#0A0B0A
muted
#7C7C7C