#696B66#696B66
#696B66 لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.145؛ OKLCH L 52.4% C 0.008 H 124.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #696B66 |
|---|---|
| RGB | rgb(105, 107, 102) |
| HSL | hsl(84, 2%, 41%) |
| HSV | hsv(84, 5%, 42%) |
| CMYK | cmyk(1.9%, 0%, 4.7%, 58%) |
| CIE-LAB | lab(44.91, -1.79, 2.53) |
| CIE-LCH | lch(44.91, 3.10, 125.29°) |
| OKLab | oklab(52.44% -0.0046 0.0066) |
| OKLCH | oklch(52.44% 0.008 124.6) |
| XYZ | xyz(13.4813, 14.4780, 14.6521) |
| Luminance | 0.1448 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 3.44
Medium Grey
#7D7F7C
ΔE00 8.09
Slate Grey
#59656D
ΔE00 8.32
Gunmetal (survey)
#536267
ΔE00 8.38
Flint
#6F7A80
ΔE00 8.72
Gray
#808080
ΔE00 9.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#696B66 #68666B
analogous
#6B6A66 #696B66 #666B66
triadic
#696B66 #66696B #6B6669
tetradic
#696B66 #666B6A #68666B #6B6666
square
#696B66 #666B6A #68666B #6B6666
split-complementary
#696B66 #66666B #6A666B
monochromatic
#2C2C2A #4A4C48 #696B66 #888A84 #A6A8A4
إمكانية الوصول والتباين
On white
5.39
#696B66 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.90
#696B66 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #696B66
5.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##696B66 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##696B66 | 1.00 | 5.39 | 3.90 | 5.39 |
| #FFFFFF | 5.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.90 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C6A66
Deuteranopia (green-blind)
#6B6A66
Tritanopia (blue-blind)
#696A6A
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #696b66; /* rgb */ color: rgb(105, 107, 102); /* oklch */ color: oklch(52.4% 0.008 124.6);
Tailwind
colors: {
custom: {
50: '#939591',
500: '#696b66',
950: '#000000',
},
}SCSS
$custom: #696b66; $custom-light: #939591; $custom-dark: #000000;
JSON
{
"hex": "#696b66",
"rgb": {
"r": 105,
"g": 107,
"b": 102
},
"hsl": {
"h": 84,
"s": 2.392,
"l": 40.98
},
"oklch": {
"l": 0.52444,
"c": 0.00807,
"h": 124.6
},
"luminance": 0.14478
}Semantic roles & 50–950 ramp
primary
#696B66
secondary
#969598
accent
#7CAC8F
background
#F9F9F8
surface
#F1F1F0
border
#CBCBCB
text
#0D0D0C
muted
#7E7E7D