#7D43CB#7D43CB
#7D43CB لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.127؛ OKLCH L 52.5% C 0.200 H 298.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D43CB |
|---|---|
| RGB | rgb(125, 67, 203) |
| HSL | hsl(266, 57%, 53%) |
| HSV | hsv(266, 67%, 80%) |
| CMYK | cmyk(38.4%, 67%, 0%, 20.4%) |
| CIE-LAB | lab(42.29, 52.19, -61.46) |
| CIE-LCH | lch(42.29, 80.63, 310.34°) |
| OKLab | oklab(52.53% 0.0966 -0.1752) |
| OKLCH | oklch(52.53% 0.2 298.9) |
| XYZ | xyz(21.2414, 12.6858, 57.8178) |
| Luminance | 0.1269 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Blueviolet
#8A2BE2
ΔE00 4.51
Bluish Purple
#703BE7
ΔE00 4.51
Bluey Purple
#6241C7
ΔE00 4.71
Darkorchid
#9932CC
ΔE00 5.29
Burple
#6832E3
ΔE00 5.59
Purpleish Blue
#6140EF
ΔE00 6.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D43CB #91CB43
analogous
#434DCB #7D43CB #C143CB
triadic
#7D43CB #CB7D43 #43CB7D
tetradic
#7D43CB #CB434D #91CB43 #43CBC1
square
#7D43CB #CB434D #91CB43 #43CBC1
split-complementary
#7D43CB #CBC143 #4DCB43
monochromatic
#442074 #602DA4 #7D43CB #9E73D8 #BFA3E6
إمكانية الوصول والتباين
On white
5.94
#7D43CB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.54
#7D43CB on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7D43CB
5.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D43CB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7D43CB | 1.00 | 5.94 | 3.54 | 5.94 |
| #FFFFFF | 5.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.54 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.94 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0064CF
Deuteranopia (green-blind)
#0063C8
Tritanopia (blue-blind)
#6B6381
Achromatopsia (no color)
#646464
وسوم التصميم والكود
CSS
--color: #7d43cb; /* rgb */ color: rgb(125, 67, 203); /* oklch */ color: oklch(52.5% 0.200 298.9);
Tailwind
colors: {
custom: {
50: '#a87bdc',
500: '#7d43cb',
950: '#000000',
},
}SCSS
$custom: #7d43cb; $custom-light: #a87bdc; $custom-dark: #000000;
JSON
{
"hex": "#7d43cb",
"rgb": {
"r": 125,
"g": 67,
"b": 203
},
"hsl": {
"h": 265.588,
"s": 56.667,
"l": 52.941
},
"oklch": {
"l": 0.52533,
"c": 0.20008,
"h": 298.9
},
"luminance": 0.12686
}Semantic roles & 50–950 ramp
primary
#7D43CB
secondary
#B9D298
accent
#E0489F
background
#FAF7FD
surface
#F4EEFB
border
#CEC9D4
text
#100A15
muted
#7F7C83