#7A3F73#7A3F73
#7A3F73 لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.089؛ OKLCH L 46.1% C 0.108 H 331.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7A3F73 |
|---|---|
| RGB | rgb(122, 63, 115) |
| HSL | hsl(307, 32%, 36%) |
| HSV | hsv(307, 48%, 48%) |
| CMYK | cmyk(0%, 48.4%, 5.7%, 52.2%) |
| CIE-LAB | lab(35.85, 33.44, -18.84) |
| CIE-LCH | lch(35.85, 38.39, 330.60°) |
| OKLab | oklab(46.06% 0.0951 -0.0512) |
| OKLCH | oklch(46.06% 0.108 331.7) |
| XYZ | xyz(12.8980, 8.9311, 17.2609) |
| Luminance | 0.0893 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 1.45
Light Eggplant
#894585
ΔE00 4.31
Grape
#6C3461
ΔE00 4.50
Dirty Purple
#734A65
ΔE00 6.82
Warm Purple
#952E8F
ΔE00 7.81
Dull Purple
#84597E
ΔE00 8.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7A3F73 #3F7A46
analogous
#643F7A #7A3F73 #7A3F56
triadic
#7A3F73 #737A3F #3F737A
tetradic
#7A3F73 #7A643F #3F7A46 #3F567A
square
#7A3F73 #7A643F #3F7A46 #3F567A
split-complementary
#7A3F73 #567A3F #3F7A64
monochromatic
#291527 #522A4D #7A3F73 #A25499 #BA79B2
إمكانية الوصول والتباين
On white
7.54
#7A3F73 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.79
#7A3F73 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #7A3F73
7.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7A3F73 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7A3F73 | 1.00 | 7.54 | 2.79 | 7.54 |
| #FFFFFF | 7.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D4F75
Deuteranopia (green-blind)
#4D5771
Tritanopia (blue-blind)
#7E4353
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #7a3f73; /* rgb */ color: rgb(122, 63, 115); /* oklch */ color: oklch(46.1% 0.108 331.7);
Tailwind
colors: {
custom: {
50: '#a2769b',
500: '#7a3f73',
950: '#000000',
},
}SCSS
$custom: #7a3f73; $custom-light: #a2769b; $custom-dark: #000000;
JSON
{
"hex": "#7a3f73",
"rgb": {
"r": 122,
"g": 63,
"b": 115
},
"hsl": {
"h": 307.119,
"s": 31.892,
"l": 36.275
},
"oklch": {
"l": 0.46063,
"c": 0.10805,
"h": 331.7
},
"luminance": 0.0893
}Semantic roles & 50–950 ramp
primary
#7A3F73
secondary
#70A477
accent
#C86C60
background
#FAF7F9
surface
#F4EDF2
border
#CEC8CC
text
#0F090E
muted
#7F7B7E