#545F5D#545F5D
#545F5D لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.109؛ OKLCH L 47.5% C 0.014 H 183.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #545F5D |
|---|---|
| RGB | rgb(84, 95, 93) |
| HSL | hsl(169, 6%, 35%) |
| HSV | hsv(169, 12%, 37%) |
| CMYK | cmyk(11.6%, 0%, 2.1%, 62.7%) |
| CIE-LAB | lab(39.34, -4.70, -0.30) |
| CIE-LCH | lch(39.34, 4.71, 183.71°) |
| OKLab | oklab(47.53% -0.014 -0.0009) |
| OKLCH | oklch(47.53% 0.014 183.6) |
| XYZ | xyz(9.7237, 10.8594, 11.9376) |
| Luminance | 0.1086 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Gunmetal (survey)
#536267
ΔE00 4.08
Slate Grey
#59656D
ΔE00 6.22
Dimgray
#696969
ΔE00 7.62
Slate
#516572
ΔE00 8.07
Darkslategray
#2F4F4F
ΔE00 9.77
Charcoal Grey
#3C4142
ΔE00 10.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#545F5D #5F5456
analogous
#545F58 #545F5D #545B5F
triadic
#545F5D #5D545F #5F5D54
tetradic
#545F5D #58545F #5F5456 #5B5F54
square
#545F5D #58545F #5F5456 #5B5F54
split-complementary
#545F5D #5F545B #5F5854
monochromatic
#1B1E1D #373F3D #545F5D #717F7D #909D9B
إمكانية الوصول والتباين
On white
6.62
#545F5D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.17
#545F5D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #545F5D
6.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##545F5D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##545F5D | 1.00 | 6.62 | 3.17 | 6.62 |
| #FFFFFF | 6.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.17 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E5E5D
Deuteranopia (green-blind)
#5C5C5D
Tritanopia (blue-blind)
#51605E
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #545f5d; /* rgb */ color: rgb(84, 95, 93); /* oklch */ color: oklch(47.5% 0.014 183.6);
Tailwind
colors: {
custom: {
50: '#848c8a',
500: '#545f5d',
950: '#000000',
},
}SCSS
$custom: #545f5d; $custom-light: #848c8a; $custom-dark: #000000;
JSON
{
"hex": "#545f5d",
"rgb": {
"r": 84,
"g": 95,
"b": 93
},
"hsl": {
"h": 169.091,
"s": 6.145,
"l": 35.098
},
"oklch": {
"l": 0.47533,
"c": 0.01403,
"h": 183.6
},
"luminance": 0.1086
}Semantic roles & 50–950 ramp
primary
#545F5D
secondary
#8D8284
accent
#7982AF
background
#F8F8F8
surface
#EFF0F0
border
#CACBCB
text
#0A0C0B
muted
#7C7D7C