#7F697E#7F697E
#7F697E لون متوسط وخافت من عائلة purple. الإضاءة النسبية 0.161؛ OKLCH L 54.9% C 0.042 H 327.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7F697E |
|---|---|
| RGB | rgb(127, 105, 126) |
| HSL | hsl(303, 9%, 45%) |
| HSV | hsv(303, 17%, 50%) |
| CMYK | cmyk(0%, 17.3%, 0.8%, 50.2%) |
| CIE-LAB | lab(47.13, 12.69, -8.37) |
| CIE-LCH | lch(47.13, 15.20, 326.61°) |
| OKLab | oklab(54.91% 0.0352 -0.0223) |
| OKLCH | oklch(54.91% 0.042 327.6) |
| XYZ | xyz(17.5694, 16.1219, 21.9209) |
| Luminance | 0.1612 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purplish Grey
#7A687F
ΔE00 1.78
Purple Grey
#866F85
ΔE00 2.53
Grey Purple
#826D8C
ΔE00 3.97
Greyish Purple
#887191
ΔE00 5.18
Dusty Purple
#825F87
ΔE00 6.88
Dusky Purple
#895B7B
ΔE00 7.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7F697E #697F6A
analogous
#75697F #7F697E #7F6973
triadic
#7F697E #7E7F69 #697E7F
tetradic
#7F697E #7F7569 #697F6A #69737F
square
#7F697E #7F7569 #697F6A #69737F
split-complementary
#7F697E #737F69 #697F75
monochromatic
#3C323C #5D4D5D #7F697E #9D889C #B9AAB8
إمكانية الوصول والتباين
On white
4.97
#7F697E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.22
#7F697E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7F697E
4.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7F697E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7F697E | 1.00 | 4.97 | 4.22 | 4.97 |
| #FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.22 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#686E7F
Deuteranopia (green-blind)
#6D717D
Tritanopia (blue-blind)
#816B70
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #7f697e; /* rgb */ color: rgb(127, 105, 126); /* oklch */ color: oklch(54.9% 0.042 327.6);
Tailwind
colors: {
custom: {
50: '#a494a3',
500: '#7f697e',
950: '#000000',
},
}SCSS
$custom: #7f697e; $custom-light: #a494a3; $custom-dark: #000000;
JSON
{
"hex": "#7f697e",
"rgb": {
"r": 127,
"g": 105,
"b": 126
},
"hsl": {
"h": 302.727,
"s": 9.483,
"l": 45.49
},
"oklch": {
"l": 0.54914,
"c": 0.04168,
"h": 327.6
},
"luminance": 0.16122
}Semantic roles & 50–950 ramp
primary
#7F697E
secondary
#9CA89C
accent
#B27875
background
#FAF9FA
surface
#F4F1F3
border
#CECBCD
text
#0F0D0F
muted
#7F7E7F