#353D35#353D35
#353D35 لون داكن ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.044؛ OKLCH L 35.0% C 0.017 H 145.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #353D35 |
|---|---|
| RGB | rgb(53, 61, 53) |
| HSL | hsl(120, 7%, 22%) |
| HSV | hsv(120, 13%, 24%) |
| CMYK | cmyk(13.1%, 0%, 13.1%, 76.1%) |
| CIE-LAB | lab(24.80, -5.21, 3.81) |
| CIE-LCH | lch(24.80, 6.45, 143.76°) |
| OKLab | oklab(34.98% -0.0143 0.0099) |
| OKLCH | oklch(34.98% 0.017 145.2) |
| XYZ | xyz(3.7794, 4.3514, 4.0082) |
| Luminance | 0.0435 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Charcoal (survey)
#343837
ΔE00 5.14
Charcoal Grey
#3C4142
ΔE00 6.31
Onyx
#353839
ΔE00 6.76
Dark Grey
#363737
ΔE00 6.92
Gunmetal
#2A3439
ΔE00 8.56
Darkslategray
#2F4F4F
ΔE00 10.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#353D35 #3D353D
analogous
#393D35 #353D35 #353D39
triadic
#353D35 #35353D #3D3535
tetradic
#353D35 #35393D #3D353D #3D3935
square
#353D35 #35393D #3D353D #3D3935
split-complementary
#353D35 #39353D #3D3539
monochromatic
#0E100E #191C19 #353D35 #515E51 #6E7E6E
إمكانية الوصول والتباين
On white
11.23
#353D35 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.87
#353D35 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #353D35
11.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##353D35 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##353D35 | 1.00 | 11.23 | 1.87 | 11.23 |
| #FFFFFF | 11.23 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.87 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.23 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D3B35
Deuteranopia (green-blind)
#3C3B35
Tritanopia (blue-blind)
#343C3B
Achromatopsia (no color)
#3B3B3B
وسوم التصميم والكود
CSS
--color: #353d35; /* rgb */ color: rgb(53, 61, 53); /* oklch */ color: oklch(35.0% 0.017 145.2);
Tailwind
colors: {
custom: {
50: '#6c726c',
500: '#353d35',
950: '#000000',
},
}SCSS
$custom: #353d35; $custom-light: #6c726c; $custom-dark: #000000;
JSON
{
"hex": "#353d35",
"rgb": {
"r": 53,
"g": 61,
"b": 53
},
"hsl": {
"h": 120,
"s": 7.018,
"l": 22.353
},
"oklch": {
"l": 0.34983,
"c": 0.01737,
"h": 145.2
},
"luminance": 0.04351
}Semantic roles & 50–950 ramp
primary
#353D35
secondary
#6C626C
accent
#78B0B0
background
#F6F6F6
surface
#EBECEB
border
#C6C7C6
text
#070806
muted
#7A7B7A