#3D3D35#3D3D35
#3D3D35 لون داكن ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.046؛ OKLCH L 35.7% C 0.013 H 107.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3D3D35 |
|---|---|
| RGB | rgb(61, 61, 53) |
| HSL | hsl(60, 7%, 22%) |
| HSV | hsv(60, 13%, 24%) |
| CMYK | cmyk(0%, 0%, 13.1%, 76.1%) |
| CIE-LAB | lab(25.52, -1.71, 4.94) |
| CIE-LCH | lch(25.52, 5.23, 109.09°) |
| OKLab | oklab(35.74% -0.0039 0.0128) |
| OKLCH | oklch(35.74% 0.013 107.1) |
| XYZ | xyz(4.2357, 4.5867, 4.0296) |
| Luminance | 0.0459 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Charcoal (survey)
#343837
ΔE00 4.74
Dark Grey
#363737
ΔE00 5.18
Onyx
#353839
ΔE00 5.78
Charcoal Grey
#3C4142
ΔE00 5.84
Gunmetal
#2A3439
ΔE00 9.38
Espresso
#4B382A
ΔE00 11.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3D3D35 #35353D
analogous
#3D3935 #3D3D35 #393D35
triadic
#3D3D35 #353D3D #3D353D
tetradic
#3D3D35 #353D39 #35353D #3D3539
square
#3D3D35 #353D39 #35353D #3D3539
split-complementary
#3D3D35 #35393D #39353D
monochromatic
#10100E #1C1C19 #3D3D35 #5E5E51 #7E7E6E
إمكانية الوصول والتباين
On white
10.95
#3D3D35 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.92
#3D3D35 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3D3D35
10.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3D3D35 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3D3D35 | 1.00 | 10.95 | 1.92 | 10.95 |
| #FFFFFF | 10.95 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.95 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3E3C35
Deuteranopia (green-blind)
#3F3D35
Tritanopia (blue-blind)
#3E3C3B
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #3d3d35; /* rgb */ color: rgb(61, 61, 53); /* oklch */ color: oklch(35.7% 0.013 107.1);
Tailwind
colors: {
custom: {
50: '#72726c',
500: '#3d3d35',
950: '#000000',
},
}SCSS
$custom: #3d3d35; $custom-light: #72726c; $custom-dark: #000000;
JSON
{
"hex": "#3d3d35",
"rgb": {
"r": 61,
"g": 61,
"b": 53
},
"hsl": {
"h": 60,
"s": 7.018,
"l": 22.353
},
"oklch": {
"l": 0.35735,
"c": 0.01342,
"h": 107.1
},
"luminance": 0.04587
}Semantic roles & 50–950 ramp
primary
#3D3D35
secondary
#62626C
accent
#78B078
background
#F6F6F6
surface
#ECECEB
border
#C7C7C6
text
#080806
muted
#7B7B7A