#6D7D74#6D7D74
#6D7D74 لون متوسط وخافت من عائلة grey. الإضاءة النسبية 0.192؛ OKLCH L 57.4% C 0.023 H 161.0°. أفضل لون لنص المتن هو #000000 بتباين 4.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6D7D74 |
|---|---|
| RGB | rgb(109, 125, 116) |
| HSL | hsl(146, 7%, 46%) |
| HSV | hsv(146, 13%, 49%) |
| CMYK | cmyk(12.8%, 0%, 7.2%, 51%) |
| CIE-LAB | lab(50.90, -7.79, 2.92) |
| CIE-LCH | lch(50.90, 8.32, 159.45°) |
| OKLab | oklab(57.38% -0.022 0.0076) |
| OKLCH | oklch(57.38% 0.023 161) |
| XYZ | xyz(16.7920, 19.1791, 19.3369) |
| Luminance | 0.1918 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Medium Grey
#7D7F7C
ΔE00 7.69
Flint
#6F7A80
ΔE00 8.91
Steel Grey
#6F828A
ΔE00 9.17
Battleship Grey
#6B7C85
ΔE00 9.64
Gray
#808080
ΔE00 9.83
Slate Green
#658D6D
ΔE00 11.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6D7D74 #7D6D76
analogous
#6E7D6D #6D7D74 #6D7D7C
triadic
#6D7D74 #746D7D #7D746D
tetradic
#6D7D74 #6D6E7D #7D6D76 #7D7C6D
square
#6D7D74 #6D6E7D #7D6D76 #7D7C6D
split-complementary
#6D7D74 #7C6D7D #7D6D6E
monochromatic
#343C37 #505C56 #6D7D74 #8C9B93 #ADB7B2
إمكانية الوصول والتباين
On white
4.34
#6D7D74 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.84
#6D7D74 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #6D7D74
4.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6D7D74 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6D7D74 | 1.00 | 4.34 | 4.84 | 4.84 |
| #FFFFFF | 4.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D7A74
Deuteranopia (green-blind)
#797874
Tritanopia (blue-blind)
#6A7D7A
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #6d7d74; /* rgb */ color: rgb(109, 125, 116); /* oklch */ color: oklch(57.4% 0.023 161.0);
Tailwind
colors: {
custom: {
50: '#97a29c',
500: '#6d7d74',
950: '#000000',
},
}SCSS
$custom: #6d7d74; $custom-light: #97a29c; $custom-dark: #000000;
JSON
{
"hex": "#6d7d74",
"rgb": {
"r": 109,
"g": 125,
"b": 116
},
"hsl": {
"h": 146.25,
"s": 6.838,
"l": 45.882
},
"oklch": {
"l": 0.57381,
"c": 0.0233,
"h": 161
},
"luminance": 0.19179
}Semantic roles & 50–950 ramp
primary
#6D7D74
secondary
#A79EA3
accent
#7897B0
background
#F9FAF9
surface
#F2F3F2
border
#CCCDCC
text
#0D0F0E
muted
#7E7F7E