#69637E#69637E
#69637E لون متوسط وخافت من عائلة بنفسجي. الإضاءة النسبية 0.134؛ OKLCH L 51.5% C 0.043 H 295.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69637E |
|---|---|
| RGB | rgb(105, 99, 126) |
| HSL | hsl(253, 12%, 44%) |
| HSV | hsv(253, 21%, 49%) |
| CMYK | cmyk(16.7%, 21.4%, 0%, 50.6%) |
| CIE-LAB | lab(43.41, 8.32, -14.19) |
| CIE-LCH | lch(43.41, 16.45, 300.37°) |
| OKLab | oklab(51.53% 0.0181 -0.0387) |
| OKLCH | oklch(51.53% 0.043 295) |
| XYZ | xyz(14.0526, 13.4332, 21.5871) |
| Luminance | 0.1343 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purplish Grey
#7A687F
ΔE00 5.61
Grey Purple
#826D8C
ΔE00 7.55
Purple Grey
#866F85
ΔE00 8.93
Dusk
#4E5481
ΔE00 9.25
Greyish Purple
#887191
ΔE00 9.30
Dusty Purple
#825F87
ΔE00 9.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69637E #787E63
analogous
#636B7E #69637E #77637E
triadic
#69637E #7E6963 #637E69
tetradic
#69637E #7E636B #787E63 #637E77
square
#69637E #7E636B #787E63 #637E77
split-complementary
#69637E #7E7763 #6B7E63
monochromatic
#302D39 #4C485C #69637E #88829D #A8A4B7
إمكانية الوصول والتباين
On white
5.70
#69637E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.69
#69637E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #69637E
5.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69637E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##69637E | 1.00 | 5.70 | 3.69 | 5.70 |
| #FFFFFF | 5.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.69 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D677F
Deuteranopia (green-blind)
#5E667D
Tritanopia (blue-blind)
#65676C
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #69637e; /* rgb */ color: rgb(105, 99, 126); /* oklch */ color: oklch(51.5% 0.043 295.0);
Tailwind
colors: {
custom: {
50: '#948fa3',
500: '#69637e',
950: '#000000',
},
}SCSS
$custom: #69637e; $custom-light: #948fa3; $custom-dark: #000000;
JSON
{
"hex": "#69637e",
"rgb": {
"r": 105,
"g": 99,
"b": 126
},
"hsl": {
"h": 253.333,
"s": 12,
"l": 44.118
},
"oklch": {
"l": 0.51529,
"c": 0.04271,
"h": 295
},
"luminance": 0.13433
}Semantic roles & 50–950 ramp
primary
#69637E
secondary
#A3A796
accent
#B573A6
background
#F9F8FA
surface
#F1F0F3
border
#CBCBCD
text
#0D0C0F
muted
#7E7D7F