#685D5E#685D5E
#685D5E لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.116؛ OKLCH L 48.9% C 0.014 H 11.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #685D5E |
|---|---|
| RGB | rgb(104, 93, 94) |
| HSL | hsl(355, 6%, 39%) |
| HSV | hsv(355, 11%, 41%) |
| CMYK | cmyk(0%, 10.6%, 9.6%, 59.2%) |
| CIE-LAB | lab(40.54, 4.61, 1.04) |
| CIE-LCH | lch(40.54, 4.73, 12.71°) |
| OKLab | oklab(48.92% 0.014 0.0028) |
| OKLCH | oklch(48.92% 0.014 11.4) |
| XYZ | xyz(11.6435, 11.5801, 12.2093) |
| Luminance | 0.1158 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 7.00
Umber
#635147
ΔE00 7.47
Walnut
#5C4A3D
ΔE00 10.10
Purplish Grey
#7A687F
ΔE00 11.53
Slate Grey
#59656D
ΔE00 12.45
Purplish Brown
#6B4247
ΔE00 13.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#685D5E #5D6867
analogous
#685D63 #685D5E #68615D
triadic
#685D5E #5E685D #5D5E68
tetradic
#685D5E #63685D #5D6867 #615D68
square
#685D5E #63685D #5D6867 #615D68
split-complementary
#685D5E #5D6861 #5D6368
monochromatic
#272324 #484041 #685D5E #887A7B #A59A9B
إمكانية الوصول والتباين
On white
6.33
#685D5E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.32
#685D5E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #685D5E
6.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##685D5E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##685D5E | 1.00 | 6.33 | 3.32 | 6.33 |
| #FFFFFF | 6.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.33 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F5E5E
Deuteranopia (green-blind)
#61605E
Tritanopia (blue-blind)
#6A5C5D
Achromatopsia (no color)
#606060
وسوم التصميم والكود
CSS
--color: #685d5e; /* rgb */ color: rgb(104, 93, 94); /* oklch */ color: oklch(48.9% 0.014 11.4);
Tailwind
colors: {
custom: {
50: '#938a8b',
500: '#685d5e',
950: '#000000',
},
}SCSS
$custom: #685d5e; $custom-light: #938a8b; $custom-dark: #000000;
JSON
{
"hex": "#685d5e",
"rgb": {
"r": 104,
"g": 93,
"b": 94
},
"hsl": {
"h": 354.545,
"s": 5.584,
"l": 38.627
},
"oklch": {
"l": 0.48917,
"c": 0.01429,
"h": 11.4
},
"luminance": 0.1158
}Semantic roles & 50–950 ramp
primary
#685D5E
secondary
#8C9594
accent
#AFAA79
background
#F9F8F8
surface
#F1F0F0
border
#CBCBCB
text
#0D0B0C
muted
#7E7C7D