#701DAA#701DAA
#701DAA لون داكن وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.072؛ OKLCH L 44.3% C 0.205 H 305.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #701DAA |
|---|---|
| RGB | rgb(112, 29, 170) |
| HSL | hsl(275, 71%, 39%) |
| HSV | hsv(275, 83%, 67%) |
| CMYK | cmyk(34.1%, 82.9%, 0%, 33.3%) |
| CIE-LAB | lab(32.32, 58.14, -58.32) |
| CIE-LCH | lch(32.32, 82.35, 314.91°) |
| OKLab | oklab(44.32% 0.1197 -0.1662) |
| OKLCH | oklch(44.32% 0.205 305.8) |
| XYZ | xyz(14.3755, 7.2259, 38.6598) |
| Luminance | 0.0723 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purple (survey)
#7E1E9C
ΔE00 4.02
Rebeccapurple
#663399
ΔE00 4.55
Purple Blue
#5D21D0
ΔE00 6.28
Violet Blue
#510AC9
ΔE00 6.68
Darkviolet
#9400D3
ΔE00 7.47
Indigo Blue
#3A18B1
ΔE00 8.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#701DAA #57AA1D
analogous
#2A1DAA #701DAA #AA1D9E
triadic
#701DAA #AA701D #1DAA70
tetradic
#701DAA #AA2A1D #57AA1D #1D9EAA
square
#701DAA #AA2A1D #57AA1D #1D9EAA
split-complementary
#701DAA #9EAA1D #1DAA2A
monochromatic
#2B0B41 #4E1476 #701DAA #922ADB #AD5EE4
إمكانية الوصول والتباين
On white
8.59
#701DAA on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.45
#701DAA on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #701DAA
8.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##701DAA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##701DAA | 1.00 | 8.59 | 2.45 | 8.59 |
| #FFFFFF | 8.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004AAE
Deuteranopia (green-blind)
#004CA7
Tritanopia (blue-blind)
#654465
Achromatopsia (no color)
#4C4C4C
وسوم التصميم والكود
CSS
--color: #701daa; /* rgb */ color: rgb(112, 29, 170); /* oklch */ color: oklch(44.3% 0.205 305.8);
Tailwind
colors: {
custom: {
50: '#9f65c4',
500: '#701daa',
950: '#000000',
},
}SCSS
$custom: #701daa; $custom-light: #9f65c4; $custom-dark: #000000;
JSON
{
"hex": "#701daa",
"rgb": {
"r": 112,
"g": 29,
"b": 170
},
"hsl": {
"h": 275.319,
"s": 70.854,
"l": 39.02
},
"oklch": {
"l": 0.4432,
"c": 0.20483,
"h": 305.8
},
"luminance": 0.07226
}Semantic roles & 50–950 ramp
primary
#701DAA
secondary
#88C85B
accent
#EE3A84
background
#FAF6FC
surface
#F4EBF8
border
#CEC6D1
text
#0F0613
muted
#7F7A82