#565B50#565B50
#565B50 لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.100؛ OKLCH L 46.3% C 0.018 H 127.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #565B50 |
|---|---|
| RGB | rgb(86, 91, 80) |
| HSL | hsl(87, 6%, 34%) |
| HSV | hsv(87, 12%, 36%) |
| CMYK | cmyk(5.5%, 0%, 12.1%, 64.3%) |
| CIE-LAB | lab(37.91, -4.27, 5.67) |
| CIE-LCH | lch(37.91, 7.10, 126.95°) |
| OKLab | oklab(46.32% -0.0112 0.0147) |
| OKLCH | oklch(46.32% 0.018 127.1) |
| XYZ | xyz(9.0266, 10.0398, 9.0502) |
| Luminance | 0.1004 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 9.23
Gunmetal (survey)
#536267
ΔE00 9.52
Charcoal Grey
#3C4142
ΔE00 10.95
Slate Grey
#59656D
ΔE00 11.34
Darkslategray
#2F4F4F
ΔE00 12.06
Charcoal (survey)
#343837
ΔE00 12.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#565B50 #55505B
analogous
#5B5A50 #565B50 #505B50
triadic
#565B50 #50565B #5B5056
tetradic
#565B50 #505B5A #55505B #5B5050
square
#565B50 #505B5A #55505B #5B5050
split-complementary
#565B50 #50505B #5A505B
monochromatic
#181A17 #373A33 #565B50 #757C6D #939A8C
إمكانية الوصول والتباين
On white
6.98
#565B50 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.01
#565B50 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #565B50
6.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##565B50 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##565B50 | 1.00 | 6.98 | 3.01 | 6.98 |
| #FFFFFF | 6.98 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.01 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.98 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C594F
Deuteranopia (green-blind)
#5C5950
Tritanopia (blue-blind)
#575A58
Achromatopsia (no color)
#595959
وسوم التصميم والكود
CSS
--color: #565b50; /* rgb */ color: rgb(86, 91, 80); /* oklch */ color: oklch(46.3% 0.018 127.1);
Tailwind
colors: {
custom: {
50: '#858981',
500: '#565b50',
950: '#000000',
},
}SCSS
$custom: #565b50; $custom-light: #858981; $custom-dark: #000000;
JSON
{
"hex": "#565b50",
"rgb": {
"r": 86,
"g": 91,
"b": 80
},
"hsl": {
"h": 87.273,
"s": 6.433,
"l": 33.529
},
"oklch": {
"l": 0.46322,
"c": 0.01849,
"h": 127.1
},
"luminance": 0.1004
}Semantic roles & 50–950 ramp
primary
#565B50
secondary
#837E89
accent
#78B091
background
#F8F8F7
surface
#EFF0EE
border
#CACBC9
text
#0B0B0A
muted
#7C7C7C